@gusto/embedded-react-sdk 0.38.0 → 0.40.0

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js

@@ -1,229 +1,216 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import { useRef as I } from "react";
-import { useTranslation as z } from "react-i18next";
-import p from "classnames";
-import i from "./PayrollReceiptsPresentation.module.scss.js";
-import { Flex as m } from "../../Common/Flex/Flex.js";
-import "../../../shared/constants.js";
+import { jsx as l, jsxs as c } from "react/jsx-runtime";
+import { useRef as z } from "react";
+import { useTranslation as I } from "react-i18next";
+import d from "classnames";
+import s from "./PayrollReceiptsPresentation.module.scss.js";
+import { Flex as i } from "../../Common/Flex/Flex.js";
 import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { formatNumberAsCurrency as a } from "../../../helpers/formattedStrings.js";
+import { formatNumberAsCurrency as r } from "../../../helpers/formattedStrings.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
 import A from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import B from "../../../assets/icons/receipt-check.svg.js";
-import { DataTable as y } from "../../Common/DataView/DataTable/DataTable.js";
-import { DataView as f } from "../../Common/DataView/DataView.js";
+import { DataTable as h } from "../../Common/DataView/DataTable/DataTable.js";
+import { DataView as H } from "../../Common/DataView/DataView.js";
 const Z = ({
   receiptData: o,
   withReimbursements: u = !0
 }) => {
-  const { Heading: b, Text: t } = M();
+  const b = M(), { Heading: y, Text: m } = b;
   $("Payroll.PayrollReceipts");
-  const { t: l } = z("Payroll.PayrollReceipts"), h = I(null), d = !A({ ref: h }).includes("small"), g = (n) => `${n.employeeFirstName || ""} ${n.employeeLastName || ""}`.trim(), x = () => (o.employeeCompensations || []).reduce(
-    (n, s) => n + parseFloat(s.childSupportGarnishment || "0"),
+  const { t: e } = I("Payroll.PayrollReceipts"), f = z(null), p = !A({ ref: f }).includes("small"), x = (t) => `${t.employeeFirstName || ""} ${t.employeeLastName || ""}`.trim(), g = () => (o.employeeCompensations || []).reduce(
+    (t, a) => t + parseFloat(a.childSupportGarnishment || "0"),
+    0
+  ), F = () => (o.employeeCompensations || []).reduce(
+    (t, a) => t + parseFloat(a.totalReimbursement || "0"),
     0
   ), k = () => (o.employeeCompensations || []).reduce(
-    (n, s) => n + parseFloat(s.totalReimbursement || "0"),
+    (t, a) => t + parseFloat(a.netPay || "0"),
     0
-  ), w = () => (o.employeeCompensations || []).reduce(
-    (n, s) => n + parseFloat(s.netPay || "0"),
+  ), C = () => (o.employeeCompensations || []).reduce(
+    (t, a) => t + parseFloat(a.totalTax || "0"),
     0
-  ), F = () => (o.employeeCompensations || []).reduce(
-    (n, s) => n + parseFloat(s.totalTax || "0"),
-    0
-  ), v = [
+  ), N = [
     {
-      label: l("breakdown.directDeposits"),
+      label: e("breakdown.directDeposits"),
       amount: parseFloat(o.totals?.netPayDebit || "0")
     },
     ...u ? [
       {
-        label: l("breakdown.reimbursements"),
+        label: e("breakdown.reimbursements"),
         amount: parseFloat(o.totals?.reimbursementDebit || "0")
       }
     ] : [],
     {
-      label: l("breakdown.garnishments"),
+      label: e("breakdown.garnishments"),
       amount: parseFloat(o.totals?.childSupportDebit || "0")
     },
-    { label: l("breakdown.taxes"), amount: parseFloat(o.totals?.taxDebit || "0") }
-  ], N = [
+    { label: e("breakdown.taxes"), amount: parseFloat(o.totals?.taxDebit || "0") }
+  ], v = [
     {
-      label: l("receipt.receiptId"),
+      label: e("receipt.receiptId"),
       value: o.payrollUuid || ""
     },
     {
-      label: l("receipt.from"),
+      label: e("receipt.from"),
       value: o.nameOfSender || ""
     },
     {
-      label: l("receipt.to"),
+      label: e("receipt.to"),
       value: o.nameOfRecipient || "Payroll Recipients"
     },
     {
-      label: l("receipt.debitDate"),
+      label: e("receipt.debitDate"),
       value: o.debitDate || ""
     }
-  ], C = () => /* @__PURE__ */ e("div", { className: p(i.receiptHeader, d && i.receiptHeaderMobile), children: /* @__PURE__ */ c(m, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ c(m, { flexDirection: "column", alignItems: "center", gap: 16, children: [
-      /* @__PURE__ */ e("div", { className: i.receiptIcon, children: /* @__PURE__ */ e(B, { className: i.checkmarkIcon }) }),
-      /* @__PURE__ */ c(m, { flexDirection: "column", alignItems: "center", gap: 8, children: [
-        /* @__PURE__ */ e(t, { size: "sm", variant: "supporting", children: l("receipt.totalLabel") }),
-        /* @__PURE__ */ e(b, { as: "h1", styledAs: "h2", className: i.totalAmount, children: a(parseFloat(o.totals?.companyDebit || "0")) })
+  ], w = () => /* @__PURE__ */ l("div", { className: d(s.receiptHeader, p && s.receiptHeaderMobile), children: /* @__PURE__ */ c(i, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ c(i, { flexDirection: "column", alignItems: "center", gap: 16, children: [
+      /* @__PURE__ */ l("div", { className: s.receiptIcon, children: /* @__PURE__ */ l(B, { className: s.checkmarkIcon }) }),
+      /* @__PURE__ */ c(i, { flexDirection: "column", alignItems: "center", gap: 8, children: [
+        /* @__PURE__ */ l(m, { size: "sm", variant: "supporting", children: e("receipt.totalLabel") }),
+        /* @__PURE__ */ l(y, { as: "h1", styledAs: "h2", className: s.totalAmount, children: r(parseFloat(o.totals?.companyDebit || "0")) })
       ] })
     ] }),
-    /* @__PURE__ */ e("div", { className: i.receiptDetailsTable, children: /* @__PURE__ */ e(
-      f,
+    /* @__PURE__ */ l(
+      b.DescriptionList,
       {
-        label: l("receipt.detailsLabel"),
-        variant: "minimal",
-        breakAt: "small",
-        breakpoints: {
-          base: "0rem",
-          small: "22rem"
-        },
-        columns: [
-          {
-            title: "",
-            render: (n) => /* @__PURE__ */ e(t, { size: "sm", variant: "supporting", children: n.label })
-          },
-          {
-            title: "",
-            render: (n) => /* @__PURE__ */ e(t, { size: "sm", children: n.value })
-          }
-        ],
-        data: N
+        layout: "horizontal",
+        showSeparators: !1,
+        items: v.map(
+          ({ label: t, value: a }) => ({
+            term: /* @__PURE__ */ l(m, { size: "sm", variant: "supporting", children: t }),
+            description: /* @__PURE__ */ l(m, { size: "sm", children: a })
+          })
+        )
       }
-    ) }),
-    /* @__PURE__ */ c(m, { flexDirection: "column", alignItems: "center", gap: 12, children: [
-      /* @__PURE__ */ e(
-        t,
+    ),
+    /* @__PURE__ */ c(i, { flexDirection: "column", alignItems: "center", gap: 12, children: [
+      /* @__PURE__ */ l(
+        m,
         {
           size: "sm",
           variant: "supporting",
-          className: p(i.disclaimer, d && i.textMobile),
+          className: d(s.disclaimer, p && s.textMobile),
           children: o.recipientNotice
         }
       ),
-      /* @__PURE__ */ e(
-        t,
+      /* @__PURE__ */ l(
+        m,
         {
           size: "sm",
           variant: "supporting",
-          className: p(i.companyInfo, d && i.textMobile),
+          className: d(s.companyInfo, p && s.textMobile),
           children: o.license
         }
       ),
-      /* @__PURE__ */ e(
-        t,
+      /* @__PURE__ */ l(
+        m,
         {
           size: "sm",
           variant: "supporting",
-          className: p(i.address, d && i.textMobile),
+          className: d(s.address, p && s.textMobile),
           children: o.licensee && `${o.licensee.address || ""}, ${o.licensee.city || ""}, ${o.licensee.state || ""} ${o.licensee.postalCode || ""}`
         }
       )
     ] })
-  ] }) }), P = () => /* @__PURE__ */ e(m, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
-    y,
+  ] }) }), P = () => /* @__PURE__ */ l(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ l(
+    h,
     {
-      label: l("sections.debitedLabel"),
+      label: e("sections.debitedLabel"),
       columns: [
         {
-          title: l("sections.debitedLabel"),
-          render: (n) => /* @__PURE__ */ e(t, { children: n.label })
+          title: e("sections.debitedLabel"),
+          render: (t) => t.label
         },
         {
-          title: l("breakdown.amount"),
-          render: (n) => /* @__PURE__ */ e(t, { children: a(n.amount) })
+          title: e("breakdown.amount"),
+          render: (t) => r(t.amount)
         }
       ],
-      data: v,
+      data: N,
       footer: () => ({
-        "column-0": /* @__PURE__ */ e(t, { weight: "semibold", children: l("breakdown.totals") }),
-        "column-1": /* @__PURE__ */ e(t, { weight: "semibold", children: a(parseFloat(o.totals?.companyDebit || "0")) })
+        "column-0": e("breakdown.totals"),
+        "column-1": r(parseFloat(o.totals?.companyDebit || "0"))
       })
     }
-  ) }), T = () => /* @__PURE__ */ e(m, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ e(
-    y,
+  ) }), T = () => /* @__PURE__ */ l(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ l(
+    h,
     {
-      label: l("sections.taxLabel"),
+      label: e("sections.taxLabel"),
       columns: [
         {
-          title: l("sections.taxLabel"),
-          render: (n) => /* @__PURE__ */ e(t, { children: n.name })
+          title: e("sections.taxLabel"),
+          render: (t) => t.name
         },
         {
-          title: l("tax.amount"),
-          render: (n) => /* @__PURE__ */ e(t, { children: a(parseFloat(n.amount || "0")) })
+          title: e("tax.amount"),
+          render: (t) => r(parseFloat(t.amount || "0"))
         }
       ],
       data: o.taxes || [],
       footer: () => ({
-        "column-0": /* @__PURE__ */ e(t, { weight: "semibold", children: l("breakdown.totals") }),
-        "column-1": /* @__PURE__ */ e(t, { weight: "semibold", children: a(parseFloat(o.totals?.taxDebit || "0")) })
+        "column-0": e("breakdown.totals"),
+        "column-1": r(parseFloat(o.totals?.taxDebit || "0"))
       })
     }
   ) }), R = () => {
-    const s = [
-      /* @__PURE__ */ c(m, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ e(t, { weight: "semibold", children: l("breakdown.totals") }),
-        /* @__PURE__ */ e(t, { size: "sm", variant: "supporting", children: l("employee.totalEmployees", {
+    const a = [
+      /* @__PURE__ */ c(i, { flexDirection: "column", gap: 4, children: [
+        e("breakdown.totals"),
+        /* @__PURE__ */ l(m, { size: "sm", variant: "supporting", children: e("employee.totalEmployees", {
           count: o.employeeCompensations?.length || 0
         }) })
       ] }, "totals"),
-      /* @__PURE__ */ e(t, { children: " " }, "spacer"),
-      /* @__PURE__ */ e(t, { weight: "semibold", children: a(x()) }, "childSupport"),
-      ...u ? [
-        /* @__PURE__ */ e(t, { weight: "semibold", children: a(k()) }, "reimbursements")
-      ] : [],
-      /* @__PURE__ */ e(t, { weight: "semibold", children: a(F()) }, "taxes"),
-      /* @__PURE__ */ e(t, { weight: "semibold", children: a(w()) }, "netPay")
+      " ",
+      r(g()),
+      ...u ? [r(F())] : [],
+      r(C()),
+      r(k())
     ].reduce(
-      (r, L, S) => (r[`column-${S}`] = L, r),
+      (n, L, S) => (n[`column-${S}`] = L, n),
       {}
     );
-    return /* @__PURE__ */ c(m, { flexDirection: "column", gap: 16, children: [
-      d && /* @__PURE__ */ e(b, { as: "h2", children: l("sections.employeesLabel") }),
-      /* @__PURE__ */ e(
-        f,
+    return /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
+      p && /* @__PURE__ */ l(y, { as: "h2", children: e("sections.employeesLabel") }),
+      /* @__PURE__ */ l(
+        H,
         {
-          label: l("sections.employeesLabel"),
+          label: e("sections.employeesLabel"),
           columns: [
             {
-              title: l("employee.name"),
-              render: (r) => /* @__PURE__ */ e(t, { children: g(r) })
+              title: e("employee.name"),
+              render: (n) => x(n)
             },
             {
-              title: l("employee.paymentMethod"),
-              render: (r) => /* @__PURE__ */ e(t, { children: r.paymentMethod || "N/A" })
+              title: e("employee.paymentMethod"),
+              render: (n) => n.paymentMethod || "N/A"
             },
             {
-              title: l("employee.childSupport"),
-              render: (r) => /* @__PURE__ */ e(t, { children: a(parseFloat(r.childSupportGarnishment || "0")) })
+              title: e("employee.childSupport"),
+              render: (n) => r(parseFloat(n.childSupportGarnishment || "0"))
             },
             ...u ? [
               {
-                title: l("employee.reimbursement"),
-                render: (r) => /* @__PURE__ */ e(t, { children: a(parseFloat(r.totalReimbursement || "0")) })
+                title: e("employee.reimbursement"),
+                render: (n) => r(parseFloat(n.totalReimbursement || "0"))
               }
             ] : [],
             {
-              title: l("employee.totalTaxes"),
-              render: (r) => /* @__PURE__ */ e(t, { children: a(parseFloat(r.totalTax || "0")) })
+              title: e("employee.totalTaxes"),
+              render: (n) => r(parseFloat(n.totalTax || "0"))
             },
             {
-              title: l("employee.netPay"),
-              render: (r) => /* @__PURE__ */ e(t, { children: a(parseFloat(r.netPay || "0")) })
+              title: e("employee.netPay"),
+              render: (n) => r(parseFloat(n.netPay || "0"))
             }
           ],
           data: o.employeeCompensations || [],
-          footer: () => s
+          footer: () => a
         }
       )
     ] });
   };
-  return /* @__PURE__ */ e("div", { className: i.container, ref: h, children: /* @__PURE__ */ c(m, { flexDirection: "column", gap: 24, children: [
-    C(),
+  return /* @__PURE__ */ l("div", { className: s.container, ref: f, children: /* @__PURE__ */ c(i, { flexDirection: "column", gap: 24, children: [
+    w(),
     P(),
     T(),
     R()

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n  withReimbursements?: boolean\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n  const { Heading, Text } = useComponentContext()\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            label: t('breakdown.reimbursements'),\n            amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n          },\n        ]\n      : []),\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <div className={styles.receiptDetailsTable}>\n          <DataView\n            label={t('receipt.detailsLabel')}\n            variant=\"minimal\"\n            breakAt=\"small\"\n            breakpoints={{\n              base: '0rem',\n              small: '22rem',\n            }}\n            columns={[\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {item.label}\n                  </Text>\n                ),\n              },\n              {\n                title: '',\n                render: (item: { label: string; value: string }) => (\n                  <Text size=\"sm\">{item.value}</Text>\n                ),\n              },\n            ]}\n            data={receiptDetailsConfig}\n          />\n        </div>\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => <Text>{item.label}</Text>,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) => (\n              <Text>{formatNumberAsCurrency(item.amount)}</Text>\n            ),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => <Text>{tax.name}</Text>,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) => (\n              <Text>{formatNumberAsCurrency(parseFloat(tax.amount || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': <Text weight=\"semibold\">{t('breakdown.totals')}</Text>,\n          'column-1': (\n            <Text weight=\"semibold\">\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0'))}\n            </Text>\n          ),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => {\n    const footerValues = [\n      <Flex flexDirection=\"column\" gap={4} key=\"totals\">\n        <Text weight=\"semibold\">{t('breakdown.totals')}</Text>\n        <Text size=\"sm\" variant=\"supporting\">\n          {t('employee.totalEmployees', {\n            count: receiptData.employeeCompensations?.length || 0,\n          })}\n        </Text>\n      </Flex>,\n      <Text key=\"spacer\">{'\\u00A0'}</Text>,\n      <Text weight=\"semibold\" key=\"childSupport\">\n        {formatNumberAsCurrency(getTotalChildSupport())}\n      </Text>,\n      ...(withReimbursements\n        ? [\n            <Text weight=\"semibold\" key=\"reimbursements\">\n              {formatNumberAsCurrency(getTotalReimbursements())}\n            </Text>,\n          ]\n        : []),\n      <Text weight=\"semibold\" key=\"taxes\">\n        {formatNumberAsCurrency(getTotalTaxes())}\n      </Text>,\n      <Text weight=\"semibold\" key=\"netPay\">\n        {formatNumberAsCurrency(getTotalNetPay())}\n      </Text>,\n    ]\n\n    const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n      (acc, value, index) => {\n        acc[`column-${index}`] = value\n        return acc\n      },\n      {},\n    )\n\n    return (\n      <Flex flexDirection=\"column\" gap={16}>\n        {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n        <DataView\n          label={t('sections.employeesLabel')}\n          columns={[\n            {\n              title: t('employee.name'),\n              render: (employee: EmployeeBreakdownItem) => (\n                <Text>{getEmployeeFullName(employee)}</Text>\n              ),\n            },\n            {\n              title: t('employee.paymentMethod'),\n              render: (employee: EmployeeBreakdownItem) => (\n                <Text>{employee.paymentMethod || 'N/A'}</Text>\n              ),\n            },\n            {\n              title: t('employee.childSupport'),\n              render: (employee: EmployeeBreakdownItem) => (\n                <Text>\n                  {formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0'))}\n                </Text>\n              ),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    render: (employee: EmployeeBreakdownItem) => (\n                      <Text>\n                        {formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0'))}\n                      </Text>\n                    ),\n                  },\n                ]\n              : []),\n            {\n              title: t('employee.totalTaxes'),\n              render: (employee: EmployeeBreakdownItem) => (\n                <Text>{formatNumberAsCurrency(parseFloat(employee.totalTax || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('employee.netPay'),\n              render: (employee: EmployeeBreakdownItem) => (\n                <Text>{formatNumberAsCurrency(parseFloat(employee.netPay || '0'))}</Text>\n              ),\n            },\n          ]}\n          data={receiptData.employeeCompensations || []}\n          footer={() => footerContent}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","withReimbursements","Heading","Text","useComponentContext","useI18n","t","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","DataView","item","renderBreakdownSection","DataTable","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","value","index","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport type {\n  PayrollReceipt,\n  Taxes as TaxBreakdownItem,\n  PayrollReceiptEmployeeCompensations as EmployeeBreakdownItem,\n} from '@gusto/embedded-api/models/components/payrollreceipt'\nimport styles from './PayrollReceiptsPresentation.module.scss'\nimport { DataView, DataTable, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PayrollReceiptsPresentationProps {\n  receiptData: PayrollReceipt\n  withReimbursements?: boolean\n}\n\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n  const Components = useComponentContext()\n  const { Heading, Text } = Components\n  useI18n('Payroll.PayrollReceipts')\n  const { t } = useTranslation('Payroll.PayrollReceipts')\n\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isMobile = !breakpoints.includes('small')\n\n  // Helper to get employee full name\n  const getEmployeeFullName = (emp: EmployeeBreakdownItem) =>\n    `${emp.employeeFirstName || ''} ${emp.employeeLastName || ''}`.trim()\n\n  const getTotalChildSupport = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.childSupportGarnishment || '0'),\n      0,\n    )\n\n  const getTotalReimbursements = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalReimbursement || '0'),\n      0,\n    )\n\n  const getTotalNetPay = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.netPay || '0'),\n      0,\n    )\n\n  const getTotalTaxes = () =>\n    (receiptData.employeeCompensations || []).reduce(\n      (sum, emp) => sum + parseFloat(emp.totalTax || '0'),\n      0,\n    )\n\n  const breakdownData = [\n    {\n      label: t('breakdown.directDeposits'),\n      amount: parseFloat(receiptData.totals?.netPayDebit || '0'),\n    },\n    ...(withReimbursements\n      ? [\n          {\n            label: t('breakdown.reimbursements'),\n            amount: parseFloat(receiptData.totals?.reimbursementDebit || '0'),\n          },\n        ]\n      : []),\n    {\n      label: t('breakdown.garnishments'),\n      amount: parseFloat(receiptData.totals?.childSupportDebit || '0'),\n    },\n    { label: t('breakdown.taxes'), amount: parseFloat(receiptData.totals?.taxDebit || '0') },\n  ]\n\n  const receiptDetailsConfig = [\n    {\n      label: t('receipt.receiptId'),\n      value: receiptData.payrollUuid || '',\n    },\n    {\n      label: t('receipt.from'),\n      value: receiptData.nameOfSender || '',\n    },\n    {\n      label: t('receipt.to'),\n      value: receiptData.nameOfRecipient || 'Payroll Recipients',\n    },\n    {\n      label: t('receipt.debitDate'),\n      value: receiptData.debitDate || '',\n    },\n  ]\n\n  const renderReceiptHeader = () => (\n    <div className={classNames(styles.receiptHeader, isMobile && styles.receiptHeaderMobile)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n          <div className={styles.receiptIcon}>\n            <ReceiptCheck className={styles.checkmarkIcon} />\n          </div>\n\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" variant=\"supporting\">\n              {t('receipt.totalLabel')}\n            </Text>\n            <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n              {formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0'))}\n            </Heading>\n          </Flex>\n        </Flex>\n\n        <Components.DescriptionList\n          layout=\"horizontal\"\n          showSeparators={false}\n          items={receiptDetailsConfig.map(\n            ({ label, value }): DescriptionListItem => ({\n              term: (\n                <Text size=\"sm\" variant=\"supporting\">\n                  {label}\n                </Text>\n              ),\n              description: <Text size=\"sm\">{value}</Text>,\n            }),\n          )}\n        />\n\n        <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.disclaimer, isMobile && styles.textMobile)}\n          >\n            {receiptData.recipientNotice}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.companyInfo, isMobile && styles.textMobile)}\n          >\n            {receiptData.license}\n          </Text>\n\n          <Text\n            size=\"sm\"\n            variant=\"supporting\"\n            className={classNames(styles.address, isMobile && styles.textMobile)}\n          >\n            {receiptData.licensee &&\n              `${receiptData.licensee.address || ''}, ${receiptData.licensee.city || ''}, ${receiptData.licensee.state || ''} ${receiptData.licensee.postalCode || ''}`}\n          </Text>\n        </Flex>\n      </Flex>\n    </div>\n  )\n\n  const renderBreakdownSection = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.debitedLabel')}\n        columns={[\n          {\n            title: t('sections.debitedLabel'),\n            render: (item: { label: string; amount: number }) => item.label,\n          },\n          {\n            title: t('breakdown.amount'),\n            render: (item: { label: string; amount: number }) =>\n              formatNumberAsCurrency(item.amount),\n          },\n        ]}\n        data={breakdownData}\n        footer={() => ({\n          'column-0': t('breakdown.totals'),\n          'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.companyDebit || '0')),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderTaxBreakdown = () => (\n    <Flex flexDirection=\"column\" gap={16}>\n      <DataTable\n        label={t('sections.taxLabel')}\n        columns={[\n          {\n            title: t('sections.taxLabel'),\n            render: (tax: TaxBreakdownItem) => tax.name,\n          },\n          {\n            title: t('tax.amount'),\n            render: (tax: TaxBreakdownItem) =>\n              formatNumberAsCurrency(parseFloat(tax.amount || '0')),\n          },\n        ]}\n        data={receiptData.taxes || []}\n        footer={() => ({\n          'column-0': t('breakdown.totals'),\n          'column-1': formatNumberAsCurrency(parseFloat(receiptData.totals?.taxDebit || '0')),\n        })}\n      />\n    </Flex>\n  )\n\n  const renderEmployeeBreakdown = () => {\n    const footerValues = [\n      <Flex flexDirection=\"column\" gap={4} key=\"totals\">\n        {t('breakdown.totals')}\n        <Text size=\"sm\" variant=\"supporting\">\n          {t('employee.totalEmployees', {\n            count: receiptData.employeeCompensations?.length || 0,\n          })}\n        </Text>\n      </Flex>,\n      '\\u00A0',\n\n      formatNumberAsCurrency(getTotalChildSupport()),\n      ...(withReimbursements ? [formatNumberAsCurrency(getTotalReimbursements())] : []),\n      formatNumberAsCurrency(getTotalTaxes()),\n      formatNumberAsCurrency(getTotalNetPay()),\n    ]\n\n    const footerContent = footerValues.reduce<Record<string, React.ReactNode>>(\n      (acc, value, index) => {\n        acc[`column-${index}`] = value\n        return acc\n      },\n      {},\n    )\n\n    return (\n      <Flex flexDirection=\"column\" gap={16}>\n        {isMobile && <Heading as=\"h2\">{t('sections.employeesLabel')}</Heading>}\n        <DataView\n          label={t('sections.employeesLabel')}\n          columns={[\n            {\n              title: t('employee.name'),\n              render: (employee: EmployeeBreakdownItem) => getEmployeeFullName(employee),\n            },\n            {\n              title: t('employee.paymentMethod'),\n              render: (employee: EmployeeBreakdownItem) => employee.paymentMethod || 'N/A',\n            },\n            {\n              title: t('employee.childSupport'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0')),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    render: (employee: EmployeeBreakdownItem) =>\n                      formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0')),\n                  },\n                ]\n              : []),\n            {\n              title: t('employee.totalTaxes'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.totalTax || '0')),\n            },\n            {\n              title: t('employee.netPay'),\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.netPay || '0')),\n            },\n          ]}\n          data={receiptData.employeeCompensations || []}\n          footer={() => footerContent}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <div className={styles.container} ref={containerRef}>\n      <Flex flexDirection=\"column\" gap={24}>\n        {renderReceiptHeader()}\n        {renderBreakdownSection()}\n        {renderTaxBreakdown()}\n        {renderEmployeeBreakdown()}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollReceiptsPresentation","receiptData","withReimbursements","Components","useComponentContext","Heading","Text","useI18n","t","useTranslation","containerRef","useRef","isMobile","useContainerBreakpoints","getEmployeeFullName","emp","getTotalChildSupport","sum","getTotalReimbursements","getTotalNetPay","getTotalTaxes","breakdownData","receiptDetailsConfig","renderReceiptHeader","jsx","classNames","styles","jsxs","Flex","ReceiptCheck","formatNumberAsCurrency","label","value","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.module.scss.js

@@ -1,28 +1,26 @@
-const e = "_container_1dad2_1", t = "_receiptHeader_1dad2_10", c = "_receiptIcon_1dad2_21", a = "_checkmarkIcon_1dad2_32", o = "_totalAmount_1dad2_38", d = "_receiptDetailsTable_1dad2_43", n = "_disclaimer_1dad2_67", _ = "_companyInfo_1dad2_72", r = "_address_1dad2_76", i = "_receiptHeaderMobile_1dad2_89", s = "_textMobile_1dad2_100", l = {
+const e = "_container_1ffdr_1", c = "_receiptHeader_1ffdr_10", t = "_receiptIcon_1ffdr_21", o = "_checkmarkIcon_1ffdr_32", r = "_totalAmount_1ffdr_38", n = "_disclaimer_1ffdr_43", _ = "_companyInfo_1ffdr_48", a = "_address_1ffdr_52", d = "_receiptHeaderMobile_1ffdr_65", f = "_textMobile_1ffdr_69", i = {
   container: e,
-  receiptHeader: t,
-  receiptIcon: c,
-  checkmarkIcon: a,
-  totalAmount: o,
-  receiptDetailsTable: d,
+  receiptHeader: c,
+  receiptIcon: t,
+  checkmarkIcon: o,
+  totalAmount: r,
   disclaimer: n,
   companyInfo: _,
-  address: r,
-  receiptHeaderMobile: i,
-  textMobile: s
+  address: a,
+  receiptHeaderMobile: d,
+  textMobile: f
 };
 export {
-  r as address,
-  a as checkmarkIcon,
+  a as address,
+  o as checkmarkIcon,
   _ as companyInfo,
   e as container,
-  l as default,
+  i as default,
   n as disclaimer,
-  d as receiptDetailsTable,
-  t as receiptHeader,
-  i as receiptHeaderMobile,
-  c as receiptIcon,
-  s as textMobile,
-  o as totalAmount
+  c as receiptHeader,
+  d as receiptHeaderMobile,
+  t as receiptIcon,
+  f as textMobile,
+  r as totalAmount
 };
 //# sourceMappingURL=PayrollReceiptsPresentation.module.scss.js.map

package/dist/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.module.scss.js.map

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

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js

@@ -10,10 +10,9 @@ import { useComponentDictionary as L, useI18n as u } from "../../../../i18n/I18n
 import { DataView as b } from "../../../Common/DataView/DataView.js";
 import { useDataView as E } from "../../../Common/DataView/useDataView.js";
 import { FlexItem as x, Flex as d } from "../../../Common/Flex/Flex.js";
-import "classnames";
 import { recoveryCasesEvents as D } from "../../../../shared/constants.js";
 import { formatNumberAsCurrency as y } from "../../../../helpers/formattedStrings.js";
-function q(t) {
+function $(t) {
   return /* @__PURE__ */ e(R, { ...t, children: /* @__PURE__ */ e(w, { ...t, children: t.children }) });
 }
 function P(t) {
@@ -98,6 +97,6 @@ function w({ companyId: t, dictionary: n, onEvent: s }) {
   ] }) });
 }
 export {
-  q as RecoveryCasesList
+  $ as RecoveryCasesList
 };
 //# sourceMappingURL=RecoveryCasesList.js.map

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js

@@ -7,19 +7,18 @@ import { useRecoveryCaseErrorCode as x } from "../useRecoveryCaseErrorCode.js";
 import { BaseComponent as D } from "../../../Base/Base.js";
 import { useBase as B } from "../../../Base/useBase.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import { recoveryCasesEvents as C } from "../../../../shared/constants.js";
 import { Form as F } from "../../../Common/Form/Form.js";
 import { useFlow as A } from "../../../Flow/useFlow.js";
-import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as I, useI18n as O } from "../../../../i18n/I18n.js";
+import { recoveryCasesEvents as y } from "../../../../shared/constants.js";
 const R = "gusto-sdk-recovery-cases-resubmit-form";
 function T(e) {
   return /* @__PURE__ */ t(D, { ...e, children: /* @__PURE__ */ t(U, { ...e, children: e.children }) });
 }
 function U({ dictionary: e, recoveryCaseId: o }) {
   I("Payroll.RecoveryCasesResubmit", e);
-  const { Heading: r, Text: i } = y(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
+  const { Heading: r, Text: i } = C(), { onEvent: n, baseSubmitHandler: a } = B(), { companyId: f } = A(), { data: p } = S({
     companyUuid: f
   }), v = p?.recoveryCaseList?.find((s) => s.uuid === o), { title: c, subtitle: m, description: u } = x(
     v?.latestErrorCode ?? void 0
@@ -29,7 +28,7 @@ function U({ dictionary: e, recoveryCaseId: o }) {
         request: {
           recoveryCaseUuid: o
         }
-      }), n(C.RECOVERY_CASE_RESUBMIT_DONE, {
+      }), n(y.RECOVERY_CASE_RESUBMIT_DONE, {
         recoveryCaseId: o
       });
     });
@@ -43,12 +42,12 @@ function U({ dictionary: e, recoveryCaseId: o }) {
 }
 const P = ({ onEvent: e }) => {
   O("Payroll.RecoveryCasesResubmit");
-  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = y(), n = g({
+  const { t: o } = h("Payroll.RecoveryCasesResubmit"), { Button: r } = C(), n = g({
     mutationKey: M()
   }) > 0;
   return /* @__PURE__ */ l(d, { justifyContent: "flex-end", gap: 12, children: [
     /* @__PURE__ */ t(r, { variant: "secondary", onClick: () => {
-      e(C.RECOVERY_CASE_RESUBMIT_CANCEL);
+      e(y.RECOVERY_CASE_RESUBMIT_CANCEL);
     }, isDisabled: n, children: o("cta.cancel") }),
     /* @__PURE__ */ t(
       r,