@gusto/embedded-react-sdk 0.44.1 → 0.45.0

package/dist/components/Employee/Deductions/DeductionsList/DeductionsList.js

@@ -1,109 +1,89 @@
-import { jsx as n, jsxs as s, Fragment as M } from "react/jsx-runtime";
-import { useTranslation as N } from "react-i18next";
-import { useGarnishmentsListSuspense as I } from "@gusto/embedded-api/react-query/garnishmentsList";
-import { useGarnishmentsUpdateMutation as k } from "@gusto/embedded-api/react-query/garnishmentsUpdate";
-import { BaseComponent as w } from "../../../Base/Base.js";
-import { useBase as U } from "../../../Base/useBase.js";
-import { Flex as p } from "../../../Common/Flex/Flex.js";
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { formatDeductionAmount as x } from "../shared/formatDeductionAmount.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import { componentEvents as a } from "../../../../shared/constants.js";
-import { ActionsLayout as Y } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import E from "../../../../hooks/useNumberFormatter.js";
-import S from "../../../../assets/icons/pencil.svg.js";
-import B from "../../../../assets/icons/trashcan.svg.js";
-import { useComponentDictionary as V, useI18n as q } from "../../../../i18n/I18n.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import G from "../../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as H } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as R } from "../../../Common/DataView/useDataView.js";
-import { DataView as j } from "../../../Common/DataView/DataView.js";
-function de(i) {
-  return /* @__PURE__ */ n(w, { ...i, children: /* @__PURE__ */ n(z, { ...i, children: i.children }) });
-}
-function z({ className: i, children: m, employeeId: D, dictionary: f }) {
-  const { onEvent: o, baseSubmitHandler: h } = U(), { t } = N("Employee.Deductions"), c = F(), g = E("currency"), C = E("percent");
-  V("Employee.Deductions", f), q("Employee.Deductions");
-  const { data: v } = I({ employeeId: D }), u = v.garnishments, T = u.filter((e) => e.active), { mutateAsync: y, isPending: P } = k(), L = async (e) => {
-    await h(e, async (r) => {
-      const { garnishment: l } = await y({
-        request: {
-          garnishmentId: r.uuid,
-          updateGarnishmentRequest: {
-            ...r,
-            totalAmount: r.totalAmount ?? void 0,
-            active: !1,
-            version: r.version
-          }
-        }
-      }), d = u.filter((A) => A.active);
-      d.length === 1 && d[0]?.uuid === l?.uuid ? o(a.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : o(a.EMPLOYEE_DEDUCTION_DELETED, l);
-    });
-  }, b = (e) => {
-    o(a.EMPLOYEE_DEDUCTION_EDIT, e);
-  }, O = () => {
-    o(a.EMPLOYEE_DEDUCTION_ADD);
-  }, _ = () => {
-    o(a.EMPLOYEE_DEDUCTION_DONE);
-  }, { ...x } = R({
-    data: T,
+import "../../../../shared/constants.js";
+import { ActionsLayout as k } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import m from "../../../../hooks/useNumberFormatter.js";
+import P from "../../../../assets/icons/pencil.svg.js";
+import b from "../../../../assets/icons/trashcan.svg.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as v } from "../../../../i18n/I18n.js";
+import w from "../../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as A } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as V } from "../../../Common/DataView/useDataView.js";
+import { DataView as L } from "../../../Common/DataView/DataView.js";
+function Q({
+  className: a,
+  deductionsList: i,
+  onAdd: u,
+  onEdit: l,
+  onDelete: s,
+  onContinue: d
+}) {
+  v("Employee.Deductions");
+  const { t: e } = D("Employee.Deductions"), n = T(), p = m("currency"), f = m("percent"), { deductions: g } = i.data, C = i.status.isPending, { ...h } = V({
+    data: g,
     columns: [
       {
         key: "description",
-        title: t("nameColumn")
+        title: e("nameColumn")
       },
       {
         key: "recurring",
-        title: t("frequencyColumn"),
-        render: (e) => e.recurring ? t("recurringText") : t("nonRecurringText")
+        title: e("frequencyColumn"),
+        render: (t) => t.recurring ? e("recurringText") : e("nonRecurringText")
       },
       {
         key: "amount",
-        title: t("withheldColumn"),
-        render: (e) => {
-          const r = e.deductAsPercentage ? C(Number(e.amount)) : g(Number(e.amount));
-          return e.recurring ? t("recurringAmount", { value: r }) : r;
-        }
+        title: e("withheldColumn"),
+        render: (t) => x(t, {
+          formatCurrency: p,
+          formatPercent: f,
+          formatPerPaycheck: (y) => e("recurringAmount", { value: y })
+        })
       }
     ],
-    itemMenu: (e) => /* @__PURE__ */ n(
-      H,
+    itemMenu: (t) => /* @__PURE__ */ r(
+      A,
       {
-        isLoading: P,
+        isLoading: C,
         items: [
           {
-            label: t("editCta"),
+            label: e("editCta"),
             onClick: () => {
-              b(e);
+              l(t);
             },
-            icon: /* @__PURE__ */ n(S, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ r(P, { "aria-hidden": !0 })
           },
           {
-            label: t("deleteCta"),
-            onClick: async () => {
-              await L(e);
+            label: e("deleteCta"),
+            onClick: () => {
+              s(t);
             },
-            icon: /* @__PURE__ */ n(B, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ r(b, { "aria-hidden": !0 })
           }
         ]
       }
     )
   });
-  return /* @__PURE__ */ n("section", { className: i, children: /* @__PURE__ */ n(p, { flexDirection: "column", gap: 32, children: m || /* @__PURE__ */ s(M, { children: [
-    /* @__PURE__ */ s(p, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ n(c.Heading, { as: "h2", children: t("pageTitle") }),
-      /* @__PURE__ */ n(c.Text, { variant: "supporting", children: t("includeDeductionsDescriptionV2") })
+  return /* @__PURE__ */ r("section", { className: a, children: /* @__PURE__ */ o(c, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ o(c, { flexDirection: "column", gap: 2, children: [
+      /* @__PURE__ */ r(n.Heading, { as: "h2", children: e("pageTitle") }),
+      /* @__PURE__ */ r(n.Text, { variant: "supporting", children: e("includeDeductionsDescriptionV2") })
     ] }),
-    /* @__PURE__ */ n(j, { label: t("deductionsTableLabel"), ...x }),
-    /* @__PURE__ */ s(Y, { children: [
-      /* @__PURE__ */ s(c.Button, { variant: "secondary", onClick: O, children: [
-        /* @__PURE__ */ n(G, {}),
-        t("addDeductionCta")
+    /* @__PURE__ */ r(L, { label: e("deductionsTableLabel"), ...h }),
+    /* @__PURE__ */ o(k, { children: [
+      /* @__PURE__ */ o(n.Button, { variant: "secondary", onClick: u, children: [
+        /* @__PURE__ */ r(w, {}),
+        e("addDeductionCta")
       ] }),
-      /* @__PURE__ */ n(c.Button, { onClick: _, children: t("continueCta") })
+      /* @__PURE__ */ r(n.Button, { onClick: d, children: e("continueCta") })
     ] })
-  ] }) }) });
+  ] }) });
 }
 export {
-  de as DeductionsList
+  Q as DeductionsList
 };
 //# sourceMappingURL=DeductionsList.js.map

package/dist/components/Employee/Deductions/DeductionsList/DeductionsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeductionsList.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useGarnishmentsListSuspense } from '@gusto/embedded-api/react-query/garnishmentsList'\nimport { useGarnishmentsUpdateMutation } from '@gusto/embedded-api/react-query/garnishmentsUpdate'\nimport { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ninterface DeductionsListProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nexport function DeductionsList(props: DeductionsListProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, children, employeeId, dictionary }: DeductionsListProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const { data } = useGarnishmentsListSuspense({ employeeId })\n  const deductions = data.garnishments!\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n\n  const { mutateAsync: updateDeduction, isPending: isPendingUpdate } =\n    useGarnishmentsUpdateMutation()\n\n  const handleDelete = async (deduction: Garnishment) => {\n    await baseSubmitHandler(deduction, async payload => {\n      const { garnishment } = await updateDeduction({\n        request: {\n          garnishmentId: payload.uuid,\n          updateGarnishmentRequest: {\n            ...payload,\n            totalAmount: payload.totalAmount ?? undefined,\n            active: false,\n            version: payload.version as string,\n          },\n        },\n      })\n\n      // if soft deleted deduction was the last active, then return to empty view\n      // else if any other active deductions return to list view\n      const remainingActiveDeductions = deductions.filter(d => d.active)\n\n      if (\n        remainingActiveDeductions.length === 1 &&\n        remainingActiveDeductions[0]?.uuid === garnishment?.uuid\n      ) {\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, garnishment)\n      }\n    })\n  }\n\n  const handleEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: activeDeductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction => {\n          const formattedAmount = deduction.deductAsPercentage\n            ? formatPercent(Number(deduction.amount))\n            : formatCurrency(Number(deduction.amount))\n          return deduction.recurring\n            ? t('recurringAmount', { value: formattedAmount })\n            : formattedAmount\n        },\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingUpdate}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: async () => {\n                await handleDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        {children ? (\n          children\n        ) : (\n          <>\n            <Flex flexDirection=\"column\" gap={2}>\n              <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n              <Components.Text variant=\"supporting\">\n                {t('includeDeductionsDescriptionV2')}\n              </Components.Text>\n            </Flex>\n\n            <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleAdd}>\n                <PlusCircleIcon />\n                {t('addDeductionCta')}\n              </Components.Button>\n              <Components.Button onClick={handleContinue}>{t('continueCta')}</Components.Button>\n            </ActionsLayout>\n          </>\n        )}\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","props","jsx","BaseComponent","Root","className","children","employeeId","dictionary","onEvent","baseSubmitHandler","useBase","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","useComponentDictionary","useI18n","data","useGarnishmentsListSuspense","deductions","activeDeductions","deduction","updateDeduction","isPendingUpdate","useGarnishmentsUpdateMutation","handleDelete","payload","garnishment","remainingActiveDeductions","d","componentEvents","handleEdit","handleAdd","handleContinue","dataViewProps","useDataView","formattedAmount","HamburgerMenu","PencilSvg","TrashCanSvg","Flex","jsxs","Fragment","DataView","ActionsLayout","PlusCircleIcon"],"mappings":"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"}
+{"version":3,"file":"DeductionsList.js","sources":["../../../../../src/components/Employee/Deductions/DeductionsList/DeductionsList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport type { UseDeductionsListReady } from '../shared/useDeductionsList'\nimport { formatDeductionAmount } from '../shared/formatDeductionAmount'\nimport { useDataView, DataView } from '@/components/Common'\nimport { ActionsLayout } from '@/components/Common'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface DeductionsListProps {\n  className?: string\n  deductionsList: UseDeductionsListReady\n  onAdd: () => void\n  onEdit: (deduction: Garnishment) => void\n  onDelete: (deduction: Garnishment) => void\n  onContinue: () => void\n}\n\nexport function DeductionsList({\n  className,\n  deductionsList,\n  onAdd,\n  onEdit,\n  onDelete,\n  onContinue,\n}: DeductionsListProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const { deductions } = deductionsList.data\n  const isPendingAny = deductionsList.status.isPending\n\n  const { ...dataViewProps } = useDataView({\n    data: deductions,\n    columns: [\n      {\n        key: 'description',\n        title: t('nameColumn'),\n      },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction =>\n          formatDeductionAmount(deduction, {\n            formatCurrency,\n            formatPercent,\n            formatPerPaycheck: (value: string) => t('recurringAmount', { value }),\n          }),\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPendingAny}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                onEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: () => {\n                onDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  return (\n    <section className={className}>\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Components.Button variant=\"secondary\" onClick={onAdd}>\n            <PlusCircleIcon />\n            {t('addDeductionCta')}\n          </Components.Button>\n          <Components.Button onClick={onContinue}>{t('continueCta')}</Components.Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["DeductionsList","className","deductionsList","onAdd","onEdit","onDelete","onContinue","useI18n","t","useTranslation","Components","useComponentContext","formatCurrency","useNumberFormatter","formatPercent","deductions","isPendingAny","dataViewProps","useDataView","deduction","formatDeductionAmount","value","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","jsxs","Flex","DataView","ActionsLayout","PlusCircleIcon"],"mappings":";;;;;;;;;;;;;;;;AAwBO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GACbC,IAAiBC,EAAmB,UAAU,GAC9CC,IAAgBD,EAAmB,SAAS,GAE5C,EAAE,YAAAE,MAAeb,EAAe,MAChCc,IAAed,EAAe,OAAO,WAErC,EAAE,GAAGe,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMH;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,YAAY;AAAA,MAAA;AAAA,MAEvB;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAAW,MACCA,EAAU,YAAYX,EAAE,eAAe,IAAIA,EAAE,kBAAkB;AAAA,MACxE;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAAAW,MACNC,EAAsBD,GAAW;AAAA,UAC/B,gBAAAP;AAAA,UACA,eAAAE;AAAA,UACA,mBAAmB,CAACO,MAAkBb,EAAE,mBAAmB,EAAE,OAAAa,GAAO;AAAA,QAAA,CACrE;AAAA,MAAA;AAAA,IACL;AAAA,IAEF,UAAU,CAAAF,MAEN,gBAAAG;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWP;AAAA,QACX,OAAO;AAAA,UACL;AAAA,YACE,OAAOR,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAJ,EAAOe,CAAS;AAAA,YAClB;AAAA,YACA,MAAM,gBAAAG,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAOhB,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAH,EAASc,CAAS;AAAA,YACpB;AAAA,YACA,MAAM,gBAAAG,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,SACE,gBAAAH,EAAC,aAAQ,WAAArB,GACP,UAAA,gBAAAyB,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACZ,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAc,EAACZ,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,sBAECoB,GAAA,EAAS,OAAOpB,EAAE,sBAAsB,GAAI,GAAGS,GAAe;AAAA,sBAC9DY,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAH,EAAChB,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAC9C,UAAA;AAAA,QAAA,gBAAAmB,EAACQ,GAAA,EAAe;AAAA,QACftB,EAAE,iBAAiB;AAAA,MAAA,GACtB;AAAA,MACA,gBAAAc,EAACZ,EAAW,QAAX,EAAkB,SAASJ,GAAa,UAAAE,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,EAAA,CAC5D;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.d.ts

@@ -1,6 +1,6 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
-interface IncludeDeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {
-    employeeId: string;
+export interface IncludeDeductionsProps {
+    className?: string;
+    onAdd: () => void;
+    onContinue: () => void;
 }
-export declare function IncludeDeductions(props: IncludeDeductionsProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function IncludeDeductions({ className, onAdd, onContinue }: IncludeDeductionsProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.js

@@ -1,53 +1,43 @@
-import { jsx as n, jsxs as i } from "react/jsx-runtime";
-import { useTranslation as u } from "react-i18next";
-import r from "./IncludeDeductions.module.scss.js";
-import { BaseComponent as p } from "../../../Base/Base.js";
-import { useBase as h } from "../../../Base/useBase.js";
-import { Grid as C } from "../../../Common/Grid/Grid.js";
-import { Flex as m } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as f } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentDictionary as D, useI18n as E } from "../../../../i18n/I18n.js";
-import { componentEvents as s } from "../../../../shared/constants.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import g from "../../../../assets/icons/coins-hand.svg.js";
-import x from "../../../../assets/icons/plus-circle.svg.js";
-function Y(t) {
-  return /* @__PURE__ */ n(p, { ...t, children: /* @__PURE__ */ n(I, { ...t, children: t.children }) });
-}
-function I({ className: t, dictionary: d }) {
-  const { onEvent: c } = h(), { t: e } = u("Employee.Deductions"), o = y();
-  D("Employee.Deductions", d), E("Employee.Deductions");
-  const l = () => {
-    c(s.EMPLOYEE_DEDUCTION_INCLUDE_YES);
-  }, a = () => {
-    c(s.EMPLOYEE_DEDUCTION_INCLUDE_NO);
-  };
-  return /* @__PURE__ */ n("section", { className: t, children: /* @__PURE__ */ i(C, { gridTemplateColumns: "1fr", children: [
-    /* @__PURE__ */ i(m, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ n(o.Heading, { as: "h2", children: e("pageTitle") }),
-      /* @__PURE__ */ n(o.Text, { variant: "supporting", children: e("includeDeductionsDescriptionV2") })
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import m from "classnames";
+import { useTranslation as a } from "react-i18next";
+import i from "./IncludeDeductions.module.scss.js";
+import { Grid as d } from "../../../Common/Grid/Grid.js";
+import { Flex as r } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as u } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as h } from "../../../../i18n/I18n.js";
+import f from "../../../../assets/icons/coins-hand.svg.js";
+import C from "../../../../assets/icons/plus-circle.svg.js";
+function j({ className: c, onAdd: s, onContinue: l }) {
+  h("Employee.Deductions");
+  const { t: n } = a("Employee.Deductions"), e = p();
+  return /* @__PURE__ */ t("section", { className: m(i.container, c), children: /* @__PURE__ */ o(d, { gridTemplateColumns: "1fr", children: [
+    /* @__PURE__ */ o(r, { flexDirection: "column", gap: 2, children: [
+      /* @__PURE__ */ t(e.Heading, { as: "h2", children: n("pageTitle") }),
+      /* @__PURE__ */ t(e.Text, { variant: "supporting", children: n("includeDeductionsDescriptionV2") })
     ] }),
-    /* @__PURE__ */ n("section", { className: r.emptyStateContainer, children: /* @__PURE__ */ i(m, { flexDirection: "column", gap: 16, justifyContent: "center", alignItems: "center", children: [
-      /* @__PURE__ */ n("section", { className: r.coinHandsIconContainer, children: /* @__PURE__ */ n(g, { width: 24, height: 24 }) }),
-      /* @__PURE__ */ n(o.Text, { weight: "bold", children: e("includeDeductionsEmptyState") }),
-      /* @__PURE__ */ i(
-        o.Button,
+    /* @__PURE__ */ t("section", { className: i.emptyStateContainer, children: /* @__PURE__ */ o(r, { flexDirection: "column", gap: 16, justifyContent: "center", alignItems: "center", children: [
+      /* @__PURE__ */ t("div", { className: i.coinHandsIconContainer, children: /* @__PURE__ */ t(f, { width: 24, height: 24 }) }),
+      /* @__PURE__ */ t(e.Text, { weight: "bold", children: n("includeDeductionsEmptyState") }),
+      /* @__PURE__ */ o(
+        e.Button,
         {
           type: "button",
           variant: "secondary",
-          onClick: l,
-          className: r.addDeductionButton,
+          onClick: s,
+          className: i.addDeductionButton,
           children: [
-            /* @__PURE__ */ n(x, {}),
-            e("addDeductionButtonCta")
+            /* @__PURE__ */ t(C, {}),
+            n("addDeductionButtonCta")
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ n(f, { children: /* @__PURE__ */ n(o.Button, { type: "button", onClick: a, children: e("continueCta") }) })
+    /* @__PURE__ */ t(u, { children: /* @__PURE__ */ t(e.Button, { type: "button", onClick: l, children: n("continueCta") }) })
   ] }) });
 }
 export {
-  Y as IncludeDeductions
+  j as IncludeDeductions
 };
 //# sourceMappingURL=IncludeDeductions.js.map

package/dist/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncludeDeductions.js","sources":["../../../../../src/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './IncludeDeductions.module.scss'\nimport {\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n  useBase,\n} from '@/components/Base'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport CoinsHandsIcon from '@/assets/icons/coins-hand.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\ninterface IncludeDeductionsProps extends CommonComponentInterface<'Employee.Deductions'> {\n  employeeId: string\n}\n\nexport function IncludeDeductions(props: IncludeDeductionsProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ className, dictionary }: IncludeDeductionsProps) {\n  const { onEvent } = useBase()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  useComponentDictionary('Employee.Deductions', dictionary)\n  useI18n('Employee.Deductions')\n\n  const handleAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES)\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO)\n  }\n\n  return (\n    <section className={className}>\n      <Grid gridTemplateColumns=\"1fr\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        {/* TODO: Replace with proper empty state component for DataViews */}\n        <section className={styles.emptyStateContainer}>\n          <Flex flexDirection=\"column\" gap={16} justifyContent=\"center\" alignItems=\"center\">\n            <section className={styles.coinHandsIconContainer}>\n              <CoinsHandsIcon width={24} height={24} />\n            </section>\n            <Components.Text weight=\"bold\">{t('includeDeductionsEmptyState')}</Components.Text>\n            <Components.Button\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={handleAdd}\n              className={styles.addDeductionButton}\n            >\n              <PlusCircleIcon />\n              {t('addDeductionButtonCta')}\n            </Components.Button>\n          </Flex>\n        </section>\n        <ActionsLayout>\n          <Components.Button type=\"button\" onClick={handleContinue}>\n            {t('continueCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Grid>\n    </section>\n  )\n}\n"],"names":["IncludeDeductions","props","jsx","BaseComponent","Root","className","dictionary","onEvent","useBase","t","useTranslation","Components","useComponentContext","useComponentDictionary","useI18n","handleAdd","componentEvents","handleContinue","jsxs","Grid","Flex","styles","CoinsHandsIcon","PlusCircleIcon","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAqBO,SAASA,EAAkBC,GAAwD;AACxF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,YAAAC,KAAsC;AAC/D,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,EAAAC,EAAuB,uBAAuBP,CAAU,GACxDQ,EAAQ,qBAAqB;AAE7B,QAAMC,IAAY,MAAM;AACtB,IAAAR,EAAQS,EAAgB,8BAA8B;AAAA,EACxD,GAEMC,IAAiB,MAAM;AAC3B,IAAAV,EAAQS,EAAgB,6BAA6B;AAAA,EACvD;AAEA,2BACG,WAAA,EAAQ,WAAAX,GACP,UAAA,gBAAAa,EAACC,GAAA,EAAK,qBAAoB,OACxB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAlB,EAACS,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAP,EAACS,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,IAGA,gBAAAP,EAAC,WAAA,EAAQ,WAAWmB,EAAO,qBACzB,UAAA,gBAAAH,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,gBAAe,UAAS,YAAW,UACvE,UAAA;AAAA,MAAA,gBAAAlB,EAAC,WAAA,EAAQ,WAAWmB,EAAO,wBACzB,UAAA,gBAAAnB,EAACoB,KAAe,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACzC;AAAA,MACA,gBAAApB,EAACS,EAAW,MAAX,EAAgB,QAAO,QAAQ,UAAAF,EAAE,6BAA6B,GAAE;AAAA,MACjE,gBAAAS;AAAA,QAACP,EAAW;AAAA,QAAX;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASI;AAAA,UACT,WAAWM,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAnB,EAACqB,GAAA,EAAe;AAAA,YACfd,EAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAP,EAACsB,GAAA,EACC,UAAA,gBAAAtB,EAACS,EAAW,QAAX,EAAkB,MAAK,UAAS,SAASM,GACvC,UAAAR,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"IncludeDeductions.js","sources":["../../../../../src/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport styles from './IncludeDeductions.module.scss'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport CoinsHandsIcon from '@/assets/icons/coins-hand.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface IncludeDeductionsProps {\n  className?: string\n  onAdd: () => void\n  onContinue: () => void\n}\n\nexport function IncludeDeductions({ className, onAdd, onContinue }: IncludeDeductionsProps) {\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <Grid gridTemplateColumns=\"1fr\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n          <Components.Text variant=\"supporting\">\n            {t('includeDeductionsDescriptionV2')}\n          </Components.Text>\n        </Flex>\n\n        <section className={styles.emptyStateContainer}>\n          <Flex flexDirection=\"column\" gap={16} justifyContent=\"center\" alignItems=\"center\">\n            <div className={styles.coinHandsIconContainer}>\n              <CoinsHandsIcon width={24} height={24} />\n            </div>\n            <Components.Text weight=\"bold\">{t('includeDeductionsEmptyState')}</Components.Text>\n            <Components.Button\n              type=\"button\"\n              variant=\"secondary\"\n              onClick={onAdd}\n              className={styles.addDeductionButton}\n            >\n              <PlusCircleIcon />\n              {t('addDeductionButtonCta')}\n            </Components.Button>\n          </Flex>\n        </section>\n        <ActionsLayout>\n          <Components.Button type=\"button\" onClick={onContinue}>\n            {t('continueCta')}\n          </Components.Button>\n        </ActionsLayout>\n      </Grid>\n    </section>\n  )\n}\n"],"names":["IncludeDeductions","className","onAdd","onContinue","useI18n","t","useTranslation","Components","useComponentContext","jsx","classNames","styles","jsxs","Grid","Flex","CoinsHandsIcon","PlusCircleIcon","ActionsLayout"],"mappings":";;;;;;;;;;;AAgBO,SAASA,EAAkB,EAAE,WAAAC,GAAW,OAAAC,GAAO,YAAAC,KAAsC;AAC1F,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAWC,EAAO,WAAWV,CAAS,GACxD,UAAA,gBAAAW,EAACC,GAAA,EAAK,qBAAoB,OACxB,UAAA;AAAA,IAAA,gBAAAD,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,MAC5C,gBAAAI,EAACF,EAAW,MAAX,EAAgB,SAAQ,cACtB,UAAAF,EAAE,gCAAgC,EAAA,CACrC;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAI,EAAC,WAAA,EAAQ,WAAWE,EAAO,qBACzB,UAAA,gBAAAC,EAACE,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,gBAAe,UAAS,YAAW,UACvE,UAAA;AAAA,MAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAO,wBACrB,UAAA,gBAAAF,EAACM,KAAe,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACzC;AAAA,MACA,gBAAAN,EAACF,EAAW,MAAX,EAAgB,QAAO,QAAQ,UAAAF,EAAE,6BAA6B,GAAE;AAAA,MACjE,gBAAAO;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,SAASL;AAAA,UACT,WAAWS,EAAO;AAAA,UAElB,UAAA;AAAA,YAAA,gBAAAF,EAACO,GAAA,EAAe;AAAA,YACfX,EAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5B,EAAA,CACF,EAAA,CACF;AAAA,IACA,gBAAAI,EAACQ,GAAA,EACC,UAAA,gBAAAR,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,SAASJ,GACvC,UAAAE,EAAE,aAAa,GAClB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.module.scss.js

@@ -1,10 +1,12 @@
-const n = "_emptyStateContainer_1iaf0_1", t = "_coinHandsIconContainer_1iaf0_11", a = {
-  emptyStateContainer: n,
-  coinHandsIconContainer: t
+const n = "_container_14qw1_1", t = "_emptyStateContainer_14qw1_5", o = "_coinHandsIconContainer_14qw1_15", e = {
+  container: n,
+  emptyStateContainer: t,
+  coinHandsIconContainer: o
 };
 export {
-  t as coinHandsIconContainer,
-  a as default,
-  n as emptyStateContainer
+  o as coinHandsIconContainer,
+  n as container,
+  e as default,
+  t as emptyStateContainer
 };
 //# sourceMappingURL=IncludeDeductions.module.scss.js.map

package/dist/components/Employee/Deductions/IncludeDeductions/IncludeDeductions.module.scss.js.map

@@ -1 +1 @@
-{"version":3,"file":"IncludeDeductions.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"IncludeDeductions.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}

package/dist/components/Employee/Deductions/{DeductionsComponents.d.ts → deductionsContextualComponents.d.ts}

@@ -5,21 +5,20 @@ export type EventPayloads = {
     [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined;
     [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined;
     [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined;
+    [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment;
+    [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined;
+    [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined;
     [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment;
     [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment;
     [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment;
     [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined;
-    [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment;
-    [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined;
-    [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined;
     [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined;
-    [componentEvents.CANCEL]: undefined;
 };
 export interface DeductionsContextInterface extends FlowContextInterface {
     employeeId: string;
-    currentDeductionId?: string | null;
-    hasExistingDeductions?: boolean;
+    /** Set by the EDIT transition; consumed by the form-mode contextual. */
+    editingDeductionId?: string;
 }
-export declare function IncludeDeductionsFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function IncludeDeductionsContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function DeductionsListContextual(): import("react/jsx-runtime").JSX.Element;
-export declare function DeductionFormContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DeductionsFormContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Deductions/deductionsContextualComponents.js

@@ -0,0 +1,74 @@
+import { jsx as r } from "react/jsx-runtime";
+import { IncludeDeductions as C } from "./IncludeDeductions/IncludeDeductions.js";
+import { DeductionsList as L } from "./DeductionsList/DeductionsList.js";
+import { DeductionsForm as O } from "./DeductionsForm/DeductionsForm.js";
+import { useDeductionsList as m } from "./shared/useDeductionsList.js";
+import { BaseLayout as s } from "../../Base/Base.js";
+import { useFlow as l } from "../../Flow/useFlow.js";
+import { componentEvents as n } from "../../../shared/constants.js";
+import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
+function g() {
+  const { onEvent: t } = l();
+  return /* @__PURE__ */ r(s, { children: /* @__PURE__ */ r(C, { onAdd: () => {
+    t(n.EMPLOYEE_DEDUCTION_INCLUDE_YES);
+  }, onContinue: () => {
+    t(n.EMPLOYEE_DEDUCTION_INCLUDE_NO), t(n.EMPLOYEE_DEDUCTION_DONE);
+  } }) });
+}
+function A() {
+  const { employeeId: t, onEvent: o } = l(), e = m({ employeeId: a(t) });
+  if (e.isLoading)
+    return /* @__PURE__ */ r(s, { isLoading: !0, error: e.errorHandling.errors });
+  const E = () => {
+    o(n.EMPLOYEE_DEDUCTION_ADD);
+  }, D = (i) => {
+    o(n.EMPLOYEE_DEDUCTION_EDIT, i);
+  }, c = () => {
+    o(n.EMPLOYEE_DEDUCTION_DONE);
+  }, u = async (i) => {
+    const d = await e.actions.onDelete(i);
+    d && (d.data.remainingActiveCount === 0 ? o(n.EMPLOYEE_DEDUCTION_DELETED_EMPTY) : o(n.EMPLOYEE_DEDUCTION_DELETED, d.data.garnishment));
+  };
+  return /* @__PURE__ */ r(s, { error: e.errorHandling.errors, children: /* @__PURE__ */ r(
+    L,
+    {
+      deductionsList: e,
+      onAdd: E,
+      onEdit: D,
+      onDelete: (i) => {
+        u(i);
+      },
+      onContinue: c
+    }
+  ) });
+}
+function v() {
+  const { employeeId: t, editingDeductionId: o, onEvent: e } = l(), E = m({ employeeId: a(t) });
+  if (E.isLoading)
+    return /* @__PURE__ */ r(s, { isLoading: !0, error: E.errorHandling.errors });
+  const D = o ? E.data.deductions.find((d) => d.uuid === o) ?? null : null, c = E.data.deductions.length > 0, u = (d, _) => {
+    e(
+      _ === "create" ? n.EMPLOYEE_DEDUCTION_CREATED : n.EMPLOYEE_DEDUCTION_UPDATED,
+      d
+    );
+  }, i = () => {
+    e(
+      c ? n.EMPLOYEE_DEDUCTION_CANCEL : n.EMPLOYEE_DEDUCTION_CANCEL_EMPTY
+    );
+  };
+  return /* @__PURE__ */ r(s, { error: E.errorHandling.errors, children: /* @__PURE__ */ r(
+    O,
+    {
+      employeeId: a(t),
+      deduction: D,
+      onSaved: u,
+      onCancel: i
+    }
+  ) });
+}
+export {
+  v as DeductionsFormContextual,
+  A as DeductionsListContextual,
+  g as IncludeDeductionsContextual
+};
+//# sourceMappingURL=deductionsContextualComponents.js.map

package/dist/components/Employee/Deductions/deductionsContextualComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"deductionsContextualComponents.js","sources":["../../../../src/components/Employee/Deductions/deductionsContextualComponents.tsx"],"sourcesContent":["import { type Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { IncludeDeductions } from './IncludeDeductions/IncludeDeductions'\nimport { DeductionsList } from './DeductionsList/DeductionsList'\nimport { DeductionsForm } from './DeductionsForm/DeductionsForm'\nimport { useDeductionsList } from './shared/useDeductionsList'\nimport { BaseLayout } from '@/components/Base/Base'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { componentEvents } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type EventPayloads = {\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_ADD]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_EDIT]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_CREATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_UPDATED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED]: Garnishment\n  [componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY]: undefined\n  [componentEvents.EMPLOYEE_DEDUCTION_DONE]: undefined\n}\n\nexport interface DeductionsContextInterface extends FlowContextInterface {\n  employeeId: string\n  /** Set by the EDIT transition; consumed by the form-mode contextual. */\n  editingDeductionId?: string\n}\n\nexport function IncludeDeductionsContextual() {\n  const { onEvent } = useFlow<DeductionsContextInterface>()\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_YES)\n  }\n  const onContinue = () => {\n    // The outer onboarding flow advances on DONE; partners also receive\n    // INCLUDE_NO so analytics can distinguish the empty-state confirmation.\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_INCLUDE_NO)\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n\n  // BaseLayout's inner FadeIn (width: 100%) is the canonical \"page\" container\n  // for content rendered inside <Flow>. Without it the outer row-direction\n  // Flex in Flow collapses to the intrinsic content width of its single\n  // child, producing the \"squashed\" layout for narrow content.\n  return (\n    <BaseLayout>\n      <IncludeDeductions onAdd={onAdd} onContinue={onContinue} />\n    </BaseLayout>\n  )\n}\n\nexport function DeductionsListContextual() {\n  const { employeeId, onEvent } = useFlow<DeductionsContextInterface>()\n  const list = useDeductionsList({ employeeId: ensureRequired(employeeId) })\n\n  if (list.isLoading) {\n    return <BaseLayout isLoading error={list.errorHandling.errors} />\n  }\n\n  const onAdd = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_ADD)\n  }\n  const onEdit = (deduction: Garnishment) => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_EDIT, deduction)\n  }\n  const onContinue = () => {\n    onEvent(componentEvents.EMPLOYEE_DEDUCTION_DONE)\n  }\n  const onDelete = async (deduction: Garnishment) => {\n    const result = await list.actions.onDelete(deduction)\n    if (!result) return\n    if (result.data.remainingActiveCount === 0) {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED_EMPTY)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_DEDUCTION_DELETED, result.data.garnishment)\n    }\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsList\n        deductionsList={list}\n        onAdd={onAdd}\n        onEdit={onEdit}\n        onDelete={(d: Garnishment) => {\n          void onDelete(d)\n        }}\n        onContinue={onContinue}\n      />\n    </BaseLayout>\n  )\n}\n\nexport function DeductionsFormContextual() {\n  const { employeeId, editingDeductionId, onEvent } = useFlow<DeductionsContextInterface>()\n  // The same list query the form hooks use internally — React Query dedupes\n  // so this is the only outstanding request.\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  const hasActiveDeductions = list.data.deductions.length > 0\n\n  const onSaved = (saved: Garnishment, mode: 'create' | 'update') => {\n    onEvent(\n      mode === 'create'\n        ? componentEvents.EMPLOYEE_DEDUCTION_CREATED\n        : componentEvents.EMPLOYEE_DEDUCTION_UPDATED,\n      saved,\n    )\n  }\n  const onCancel = () => {\n    onEvent(\n      hasActiveDeductions\n        ? componentEvents.EMPLOYEE_DEDUCTION_CANCEL\n        : componentEvents.EMPLOYEE_DEDUCTION_CANCEL_EMPTY,\n    )\n  }\n\n  return (\n    <BaseLayout error={list.errorHandling.errors}>\n      <DeductionsForm\n        employeeId={ensureRequired(employeeId)}\n        deduction={deduction}\n        onSaved={onSaved}\n        onCancel={onCancel}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["IncludeDeductionsContextual","onEvent","useFlow","BaseLayout","jsx","IncludeDeductions","componentEvents","DeductionsListContextual","employeeId","list","useDeductionsList","ensureRequired","onAdd","onEdit","deduction","onContinue","onDelete","result","DeductionsList","d","DeductionsFormContextual","editingDeductionId","hasActiveDeductions","onSaved","saved","mode","onCancel","DeductionsForm"],"mappings":";;;;;;;;;AA8BO,SAASA,IAA8B;AAC5C,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA;AAgBpB,2BACGC,GAAA,EACC,UAAA,gBAAAC,EAACC,GAAA,EAAkB,OAhBT,MAAM;AAClB,IAAAJ,EAAQK,EAAgB,8BAA8B;AAAA,EACxD,GAcqC,YAblB,MAAM;AAGvB,IAAAL,EAAQK,EAAgB,6BAA6B,GACrDL,EAAQK,EAAgB,uBAAuB;AAAA,EACjD,GAQ6D,GAC3D;AAEJ;AAEO,SAASC,IAA2B;AACzC,QAAM,EAAE,YAAAC,GAAY,SAAAP,EAAA,IAAYC,EAAA,GAC1BO,IAAOC,EAAkB,EAAE,YAAYC,EAAeH,CAAU,GAAG;AAEzE,MAAIC,EAAK;AACP,6BAAQN,GAAA,EAAW,WAAS,IAAC,OAAOM,EAAK,cAAc,QAAQ;AAGjE,QAAMG,IAAQ,MAAM;AAClB,IAAAX,EAAQK,EAAgB,sBAAsB;AAAA,EAChD,GACMO,IAAS,CAACC,MAA2B;AACzC,IAAAb,EAAQK,EAAgB,yBAAyBQ,CAAS;AAAA,EAC5D,GACMC,IAAa,MAAM;AACvB,IAAAd,EAAQK,EAAgB,uBAAuB;AAAA,EACjD,GACMU,IAAW,OAAOF,MAA2B;AACjD,UAAMG,IAAS,MAAMR,EAAK,QAAQ,SAASK,CAAS;AACpD,IAAKG,MACDA,EAAO,KAAK,yBAAyB,IACvChB,EAAQK,EAAgB,gCAAgC,IAExDL,EAAQK,EAAgB,4BAA4BW,EAAO,KAAK,WAAW;AAAA,EAE/E;AAEA,SACE,gBAAAb,EAACD,GAAA,EAAW,OAAOM,EAAK,cAAc,QACpC,UAAA,gBAAAL;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,gBAAgBT;AAAA,MAChB,OAAAG;AAAA,MACA,QAAAC;AAAA,MACA,UAAU,CAACM,MAAmB;AAC5B,QAAKH,EAASG,CAAC;AAAA,MACjB;AAAA,MACA,YAAAJ;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEO,SAASK,IAA2B;AACzC,QAAM,EAAE,YAAAZ,GAAY,oBAAAa,GAAoB,SAAApB,EAAA,IAAYC,EAAA,GAG9CO,IAAOC,EAAkB,EAAE,YAAYC,EAAeH,CAAU,GAAG;AAEzE,MAAIC,EAAK;AACP,6BAAQN,GAAA,EAAW,WAAS,IAAC,OAAOM,EAAK,cAAc,QAAQ;AAGjE,QAAMK,IAAYO,IACbZ,EAAK,KAAK,WAAW,KAAK,CAAA,MAAK,EAAE,SAASY,CAAkB,KAAK,OAClE,MACEC,IAAsBb,EAAK,KAAK,WAAW,SAAS,GAEpDc,IAAU,CAACC,GAAoBC,MAA8B;AACjE,IAAAxB;AAAA,MACEwB,MAAS,WACLnB,EAAgB,6BAChBA,EAAgB;AAAA,MACpBkB;AAAA,IAAA;AAAA,EAEJ,GACME,IAAW,MAAM;AACrB,IAAAzB;AAAA,MACEqB,IACIhB,EAAgB,4BAChBA,EAAgB;AAAA,IAAA;AAAA,EAExB;AAEA,SACE,gBAAAF,EAACD,GAAA,EAAW,OAAOM,EAAK,cAAc,QACpC,UAAA,gBAAAL;AAAA,IAACuB;AAAA,IAAA;AAAA,MACC,YAAYhB,EAAeH,CAAU;AAAA,MACrC,WAAAM;AAAA,MACA,SAAAS;AAAA,MACA,UAAAG;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Employee/Deductions/shared/DeleteDeductionDialog.d.ts

@@ -0,0 +1,7 @@
+import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
+export declare function DeleteDeductionDialog({ pendingDeleteDeduction, isPrimaryActionLoading, onClose, onConfirm, }: {
+    pendingDeleteDeduction: Garnishment | null;
+    isPrimaryActionLoading: boolean;
+    onClose: () => void;
+    onConfirm: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Deductions/shared/DeleteDeductionDialog.js

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useTranslation as r } from "react-i18next";
+import { useComponentContext as a } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function d({
+  pendingDeleteDeduction: t,
+  isPrimaryActionLoading: e,
+  onClose: i,
+  onConfirm: n
+}) {
+  const { t: o } = r("Employee.Deductions"), l = a();
+  return /* @__PURE__ */ c(
+    l.Dialog,
+    {
+      isOpen: t !== null,
+      onClose: i,
+      onPrimaryActionClick: n,
+      isPrimaryActionLoading: e,
+      isDestructive: !0,
+      title: o("deleteDeductionDialog.title"),
+      primaryActionLabel: o("deleteDeductionDialog.confirmCta"),
+      closeActionLabel: o("deleteDeductionDialog.cancelCta"),
+      children: t && o("deleteDeductionDialog.description", {
+        deduction: t.description ?? ""
+      })
+    }
+  );
+}
+export {
+  d as DeleteDeductionDialog
+};
+//# sourceMappingURL=DeleteDeductionDialog.js.map

package/dist/components/Employee/Deductions/shared/DeleteDeductionDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteDeductionDialog.js","sources":["../../../../../src/components/Employee/Deductions/shared/DeleteDeductionDialog.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function DeleteDeductionDialog({\n  pendingDeleteDeduction,\n  isPrimaryActionLoading,\n  onClose,\n  onConfirm,\n}: {\n  pendingDeleteDeduction: Garnishment | null\n  isPrimaryActionLoading: boolean\n  onClose: () => void\n  onConfirm: () => void\n}) {\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n  return (\n    <Components.Dialog\n      isOpen={pendingDeleteDeduction !== null}\n      onClose={onClose}\n      onPrimaryActionClick={onConfirm}\n      isPrimaryActionLoading={isPrimaryActionLoading}\n      isDestructive\n      title={t('deleteDeductionDialog.title')}\n      primaryActionLabel={t('deleteDeductionDialog.confirmCta')}\n      closeActionLabel={t('deleteDeductionDialog.cancelCta')}\n    >\n      {pendingDeleteDeduction &&\n        t('deleteDeductionDialog.description', {\n          deduction: pendingDeleteDeduction.description ?? '',\n        })}\n    </Components.Dialog>\n  )\n}\n"],"names":["DeleteDeductionDialog","pendingDeleteDeduction","isPrimaryActionLoading","onClose","onConfirm","t","useTranslation","Components","useComponentContext","jsx"],"mappings":";;;AAIO,SAASA,EAAsB;AAAA,EACpC,wBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,GAKG;AACD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AACnB,SACE,gBAAAC;AAAA,IAACF,EAAW;AAAA,IAAX;AAAA,MACC,QAAQN,MAA2B;AAAA,MACnC,SAAAE;AAAA,MACA,sBAAsBC;AAAA,MACtB,wBAAAF;AAAA,MACA,eAAa;AAAA,MACb,OAAOG,EAAE,6BAA6B;AAAA,MACtC,oBAAoBA,EAAE,kCAAkC;AAAA,MACxD,kBAAkBA,EAAE,iCAAiC;AAAA,MAEpD,UAAAJ,KACCI,EAAE,qCAAqC;AAAA,QACrC,WAAWJ,EAAuB,eAAe;AAAA,MAAA,CAClD;AAAA,IAAA;AAAA,EAAA;AAGT;"}

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.d.ts

@@ -0,0 +1,7 @@
+import { Garnishment } from '@gusto/embedded-api/models/components/garnishment';
+export interface DeductionAmountFormatters {
+    formatCurrency: (value: number) => string;
+    formatPercent: (value: number) => string;
+    formatPerPaycheck: (value: string) => string;
+}
+export declare function formatDeductionAmount(deduction: Pick<Garnishment, 'amount' | 'deductAsPercentage' | 'recurring'>, { formatCurrency, formatPercent, formatPerPaycheck }: DeductionAmountFormatters): string;

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.js

@@ -0,0 +1,10 @@
+function o(r, { formatCurrency: n, formatPercent: u, formatPerPaycheck: m }) {
+  const t = Number(r.amount);
+  if (Number.isNaN(t)) return "-";
+  const e = r.deductAsPercentage ? u(t) : n(t);
+  return r.recurring ? m(e) : e;
+}
+export {
+  o as formatDeductionAmount
+};
+//# sourceMappingURL=formatDeductionAmount.js.map

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formatDeductionAmount.js","sources":["../../../../../src/components/Employee/Deductions/shared/formatDeductionAmount.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\n\nexport interface DeductionAmountFormatters {\n  formatCurrency: (value: number) => string\n  formatPercent: (value: number) => string\n  formatPerPaycheck: (value: string) => string\n}\n\nexport function formatDeductionAmount(\n  deduction: Pick<Garnishment, 'amount' | 'deductAsPercentage' | 'recurring'>,\n  { formatCurrency, formatPercent, formatPerPaycheck }: DeductionAmountFormatters,\n): string {\n  const numericAmount = Number(deduction.amount)\n  if (Number.isNaN(numericAmount)) return '-'\n  const formatted = deduction.deductAsPercentage\n    ? formatPercent(numericAmount)\n    : formatCurrency(numericAmount)\n  return deduction.recurring ? formatPerPaycheck(formatted) : formatted\n}\n"],"names":["formatDeductionAmount","deduction","formatCurrency","formatPercent","formatPerPaycheck","numericAmount","formatted"],"mappings":"AAQO,SAASA,EACdC,GACA,EAAE,gBAAAC,GAAgB,eAAAC,GAAe,mBAAAC,KACzB;AACR,QAAMC,IAAgB,OAAOJ,EAAU,MAAM;AAC7C,MAAI,OAAO,MAAMI,CAAa,EAAG,QAAO;AACxC,QAAMC,IAAYL,EAAU,qBACxBE,EAAcE,CAAa,IAC3BH,EAAeG,CAAa;AAChC,SAAOJ,EAAU,YAAYG,EAAkBE,CAAS,IAAIA;AAC9D;"}

package/dist/components/Employee/Deductions/shared/formatDeductionAmount.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/Employee/Deductions/shared/index.d.ts

@@ -0,0 +1,7 @@
+import "./types/i18next.d.ts"
+export { useDeductionsList, type UseDeductionsListProps, type UseDeductionsListResult, type UseDeductionsListReady, type DeductionsListDeleteResult, } from './useDeductionsList';
+export { useDeleteDeduction } from './useDeleteDeduction';
+export { DeleteDeductionDialog } from './DeleteDeductionDialog';
+export { formatDeductionAmount, type DeductionAmountFormatters } from './formatDeductionAmount';
+export * from './useDeductionForm';
+export * from './useChildSupportGarnishmentForm';