@gusto/embedded-react-sdk 0.55.4 → 0.55.6

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 { Trans, 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, formatPhoneNumber } 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\n/** @internal */\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n  const Components = useComponentContext()\n  const { Heading, Text, Link } = 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(({ 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        <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            <Trans\n              i18nKey=\"receipt.companyInfo\"\n              t={t}\n              components={{\n                licensesLink: <Link href={receiptData.licenseUri || ''} target=\"_blank\" />,\n              }}\n            />\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            | {formatPhoneNumber(receiptData.licensee?.phoneNumber)}\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","Link","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","Trans","formatPhoneNumber","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}
+{"version":3,"file":"PayrollReceiptsPresentation.js","sources":["../../../../src/components/Payroll/PayrollReceipts/PayrollReceiptsPresentation.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Trans, 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, formatPhoneNumber } 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\n/** @internal */\nexport const PayrollReceiptsPresentation = ({\n  receiptData,\n  withReimbursements = true,\n}: PayrollReceiptsPresentationProps) => {\n  const Components = useComponentContext()\n  const { Heading, Text, Link } = 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(({ 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        <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            <Trans\n              i18nKey=\"receipt.companyInfo\"\n              t={t}\n              components={{\n                licensesLink: <Link href={receiptData.licenseUri || ''} target=\"_blank\" />,\n              }}\n            />\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            | {formatPhoneNumber(receiptData.licensee?.phoneNumber)}\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            justify: 'end',\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            justify: 'end',\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              justify: 'end',\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.childSupportGarnishment || '0')),\n            },\n            ...(withReimbursements\n              ? [\n                  {\n                    title: t('employee.reimbursement'),\n                    justify: 'end' as const,\n                    render: (employee: EmployeeBreakdownItem) =>\n                      formatNumberAsCurrency(parseFloat(employee.totalReimbursement || '0')),\n                  },\n                ]\n              : []),\n            {\n              title: t('employee.totalTaxes'),\n              justify: 'end',\n              render: (employee: EmployeeBreakdownItem) =>\n                formatNumberAsCurrency(parseFloat(employee.totalTax || '0')),\n            },\n            {\n              title: t('employee.netPay'),\n              justify: 'end',\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","Link","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","Trans","formatPhoneNumber","renderBreakdownSection","DataTable","item","renderTaxBreakdown","tax","renderEmployeeBreakdown","footerContent","acc","index","DataView","employee"],"mappings":"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"}

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js

@@ -1,90 +1,75 @@
-import { jsx as o, jsxs as E } from "react/jsx-runtime";
-import { useState as f, useEffect as I } from "react";
-import { useForm as A, useWatch as G, FormProvider as U } from "react-hook-form";
-import { zodResolver as q } from "@hookform/resolvers/zod";
-import { useTranslation as F } from "react-i18next";
-import { z as h } from "zod";
-import { usePayrollsGeneratePrintableChecksMutation as L } from "@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks";
-import { useGeneratedDocumentsGet as M } from "@gusto/embedded-api/react-query/generatedDocumentsGet";
+import { jsx as o, jsxs as C } from "react/jsx-runtime";
+import { useForm as S, useWatch as v, FormProvider as R } from "react-hook-form";
+import { zodResolver as _ } from "@hookform/resolvers/zod";
+import { useTranslation as p } from "react-i18next";
+import { z as u } from "zod";
+import { usePayrollsGeneratePrintableChecksMutation as T } from "@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks";
 import { PrintingFormat as n } from "@gusto/embedded-api/models/components/printablepayrollchecksbody";
-import { DocumentType as x } from "@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid";
-import { GeneratedDocumentStatus as k } from "@gusto/embedded-api/models/components/generateddocument";
-import { BaseComponent as B } from "../../../Base/Base.js";
-import { useBase as w } from "../../../Base/useBase.js";
-import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useComponentDictionary as K, useI18n as y } from "../../../../i18n/I18n.js";
-import { useFlow as j } from "../../../Flow/useFlow.js";
-import { Flex as z } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as O } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as V } from "../../../Common/Form/Form.js";
-import { printChecksEvents as c } from "../../../../shared/constants.js";
-import { RadioGroupField as W } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as J } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-const Q = h.object({
-  printingFormat: h.nativeEnum(n),
-  startingCheckNumber: h.number({ message: "invalidStartingCheckNumber" }).int({ message: "invalidStartingCheckNumber" }).nonnegative({ message: "invalidStartingCheckNumber" }).lt(1e10, { message: "invalidStartingCheckNumber" }).optional()
-}), N = "gusto-sdk-print-checks-form", X = (e) => Array.isArray(e) && e.every((r) => typeof r == "object" && r !== null), Y = (e) => {
-  if (e && typeof e == "object" && "errors" in e && X(e.errors)) {
-    const [r] = e.errors;
-    if (r?.message) return r.message;
+import { useGenerationPoll as D } from "./useGenerationPoll.js";
+import { BaseComponent as A } from "../../../Base/Base.js";
+import { useBase as I } from "../../../Base/useBase.js";
+import { useComponentContext as G } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as L, useI18n as h } from "../../../../i18n/I18n.js";
+import { useFlow as M } from "../../../Flow/useFlow.js";
+import { Flex as x } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as B } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as w } from "../../../Common/Form/Form.js";
+import { printChecksEvents as a } from "../../../../shared/constants.js";
+import { RadioGroupField as H } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { NumberInputField as q } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+const K = u.object({
+  printingFormat: u.nativeEnum(n),
+  startingCheckNumber: u.number({ message: "invalidStartingCheckNumber" }).int({ message: "invalidStartingCheckNumber" }).nonnegative({ message: "invalidStartingCheckNumber" }).lt(1e10, { message: "invalidStartingCheckNumber" }).optional()
+}), b = "gusto-sdk-print-checks-form", U = (r) => Array.isArray(r) && r.every((e) => typeof e == "object" && e !== null), j = (r) => {
+  if (r && typeof r == "object" && "errors" in r && U(r.errors)) {
+    const [e] = r.errors;
+    if (e?.message) return e.message;
   }
-  return e instanceof Error ? e.message : null;
-}, Z = (e) => ({
-  printingFormat: e.printingFormat,
-  ...e.printingFormat === n.Bottom && e.startingCheckNumber !== void 0 ? { startingCheckNumber: e.startingCheckNumber } : {}
-}), $ = (e) => {
-  const r = document.createElement("a");
-  r.href = e, r.rel = "noopener noreferrer", document.body.appendChild(r), r.click(), document.body.removeChild(r);
+  return r instanceof Error ? r.message : null;
+}, z = (r) => ({
+  printingFormat: r.printingFormat,
+  ...r.printingFormat === n.Bottom && r.startingCheckNumber !== void 0 ? { startingCheckNumber: r.startingCheckNumber } : {}
+}), O = (r) => {
+  const e = document.createElement("a");
+  e.href = r, e.rel = "noopener noreferrer", document.body.appendChild(e), e.click(), document.body.removeChild(e);
 };
-function ee(e) {
-  return /* @__PURE__ */ o(B, { ...e, children: /* @__PURE__ */ o(re, { ...e, children: e.children }) });
+function V(r) {
+  return /* @__PURE__ */ o(A, { ...r, children: /* @__PURE__ */ o(W, { ...r, children: r.children }) });
 }
-const re = ({ dictionary: e, payrollId: r, isGenerating: i }) => {
-  K("Payroll.PrintChecksForm", e), y("Payroll.PrintChecksForm");
-  const { t } = F("Payroll.PrintChecksForm"), { onEvent: s, baseSubmitHandler: P } = w(), [b, S] = f(null), [u, d] = f(!1), l = A({
-    resolver: q(Q),
+const W = ({ dictionary: r, payrollId: e, isGenerating: i }) => {
+  L("Payroll.PrintChecksForm", r), h("Payroll.PrintChecksForm");
+  const { t } = p("Payroll.PrintChecksForm"), { onEvent: m, baseSubmitHandler: g } = I(), c = S({
+    resolver: _(K),
     defaultValues: { printingFormat: n.Top, startingCheckNumber: 0 }
-  }), v = G({
+  }), k = v({
     name: "printingFormat",
-    control: l.control
-  }), { mutateAsync: D } = L(), { data: p } = M(
-    {
-      documentType: x.PrintablePayrollChecks,
-      requestUuid: b || ""
+    control: c.control
+  }), { mutateAsync: f } = T(), { start: E } = D({
+    onSucceeded: (s) => {
+      m(a.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: s }), s && O(s);
     },
-    {
-      enabled: !!b,
-      refetchInterval: u ? 5e3 : !1
+    onFailed: () => {
+      m(a.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null });
     }
-  );
-  I(() => {
-    const a = p?.generatedDocument?.status;
-    if (!(!u || !a))
-      if (a === k.Succeeded) {
-        d(!1);
-        const m = p.generatedDocument?.documentUrls?.[0] ?? null;
-        s(c.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: m }), m && $(m);
-      } else a === k.Failed && (d(!1), s(c.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null }));
-  }, [p, u, s]);
-  const R = async (a) => {
-    s(c.PRINT_CHECKS_GENERATE_START), await P(a, async (m) => {
+  }), F = async (s) => {
+    m(a.PRINT_CHECKS_GENERATE_START), await g(s, async (P) => {
       try {
-        const g = (await D({
+        const d = (await f({
           request: {
-            payrollUuid: r,
-            printablePayrollChecksBody: Z(m)
+            payrollUuid: e,
+            printablePayrollChecksBody: z(P)
           }
         })).payrollCheck?.requestUuid;
-        if (!g)
+        if (!d)
           throw new Error("Missing requestUuid in generate-printable-checks response");
-        S(g), d(!0);
-      } catch (C) {
-        throw s(c.PRINT_CHECKS_GENERATE_FAILED, {
-          errorMessage: Y(C)
-        }), C;
+        E(d);
+      } catch (l) {
+        throw m(a.PRINT_CHECKS_GENERATE_FAILED, {
+          errorMessage: j(l)
+        }), l;
       }
     });
-  }, T = l.formState.errors.startingCheckNumber?.message ? t("validations.startingCheckNumber") : void 0, _ = [
+  }, N = c.formState.errors.startingCheckNumber?.message ? t("validations.startingCheckNumber") : void 0, y = [
     {
       value: n.Top,
       label: t("customStockLabel"),
@@ -96,49 +81,49 @@ const re = ({ dictionary: e, payrollId: r, isGenerating: i }) => {
       description: t("blankStockDescription")
     }
   ];
-  return /* @__PURE__ */ o(U, { ...l, children: /* @__PURE__ */ o(V, { id: N, onSubmit: l.handleSubmit(R), children: /* @__PURE__ */ E(z, { flexDirection: "column", gap: 20, children: [
+  return /* @__PURE__ */ o(R, { ...c, children: /* @__PURE__ */ o(w, { id: b, onSubmit: c.handleSubmit(F), children: /* @__PURE__ */ C(x, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ o(
-      W,
+      H,
       {
         name: "printingFormat",
         label: t("modalTitle"),
-        options: _,
+        options: y,
         isRequired: !0,
         isDisabled: i
       }
     ),
-    v === n.Bottom && /* @__PURE__ */ o(
-      J,
+    k === n.Bottom && /* @__PURE__ */ o(
+      q,
       {
         name: "startingCheckNumber",
         label: t("startingCheckNumberLabel"),
         description: t("startingCheckNumberDescription"),
-        errorMessage: T,
+        errorMessage: N,
         isDisabled: i,
         min: 0
       }
     )
   ] }) }) });
-}, te = ({ onEvent: e }) => {
-  y("Payroll.PrintChecksForm");
-  const { t: r } = F("Payroll.PrintChecksForm"), { Button: i } = H(), { isGenerating: t } = j();
-  return /* @__PURE__ */ E(O, { children: [
+}, J = ({ onEvent: r }) => {
+  h("Payroll.PrintChecksForm");
+  const { t: e } = p("Payroll.PrintChecksForm"), { Button: i } = G(), { isGenerating: t } = M();
+  return /* @__PURE__ */ C(B, { children: [
     /* @__PURE__ */ o(
       i,
       {
         variant: "secondary",
         onClick: () => {
-          e(c.PRINT_CHECKS_CANCEL);
+          r(a.PRINT_CHECKS_CANCEL);
         },
         isDisabled: t,
-        children: r("cancelCta")
+        children: e("cancelCta")
       }
     ),
-    /* @__PURE__ */ o(i, { variant: "primary", type: "submit", form: N, isDisabled: t, children: r(t ? "submitCtaLoading" : "submitCta") })
+    /* @__PURE__ */ o(i, { variant: "primary", type: "submit", form: b, isDisabled: t, children: e(t ? "submitCtaLoading" : "submitCta") })
   ] });
 };
-ee.Footer = te;
+V.Footer = J;
 export {
-  ee as PrintChecksForm
+  V as PrintChecksForm
 };
 //# sourceMappingURL=PrintChecksForm.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport { useGeneratedDocumentsGet } from '@gusto/embedded-api/react-query/generatedDocumentsGet'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { DocumentType } from '@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid'\nimport { GeneratedDocumentStatus } from '@gusto/embedded-api/models/components/generateddocument'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\n// Navigates directly to `url` via a synthetic anchor click rather than `fetch`-ing it into a blob:\n// the generated-document URL is a signed, cross-origin S3 URL with `response-content-disposition:\n// attachment` baked into its query string, so a direct browser-level request downloads it via that\n// response header — but a `fetch()` from JS is subject to CORS, which the bucket doesn't allow, and\n// fails outright. A plain navigation isn't subject to CORS and never opens a new tab or navigates\n// the host page, since the browser intercepts the download instead of rendering a response.\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const [requestUuid, setRequestUuid] = useState<string | null>(null)\n  const [isPolling, setIsPolling] = useState(false)\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { data } = useGeneratedDocumentsGet(\n    {\n      documentType: DocumentType.PrintablePayrollChecks,\n      requestUuid: requestUuid || '',\n    },\n    {\n      enabled: !!requestUuid,\n      refetchInterval: isPolling ? 5_000 : false,\n    },\n  )\n\n  useEffect(() => {\n    const status = data?.generatedDocument?.status\n    if (!isPolling || !status) return\n\n    if (status === GeneratedDocumentStatus.Succeeded) {\n      setIsPolling(false)\n      const url = data.generatedDocument?.documentUrls?.[0] ?? null\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    } else if (status === GeneratedDocumentStatus.Failed) {\n      setIsPolling(false)\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    }\n  }, [data, isPolling, onEvent])\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        setRequestUuid(nextRequestUuid)\n        setIsPolling(true)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form id={PRINT_CHECKS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={20}>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","requestUuid","setRequestUuid","useState","isPolling","setIsPolling","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","useGeneratedDocumentsGet","DocumentType","useEffect","status","GeneratedDocumentStatus","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useComponentContext","useFlow","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PrintChecksForm.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/PrintChecksForm.tsx"],"sourcesContent":["import { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { usePayrollsGeneratePrintableChecksMutation } from '@gusto/embedded-api/react-query/payrollsGeneratePrintableChecks'\nimport {\n  PrintingFormat,\n  type PrintablePayrollChecksBody,\n} from '@gusto/embedded-api/models/components/printablepayrollchecksbody'\nimport { useGenerationPoll } from './useGenerationPoll'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { printChecksEvents, type EventType } from '@/shared/constants'\nimport type { RadioGroupOption } from '@/index'\n\ninterface PrintChecksFormProps extends BaseComponentInterface<'Payroll.PrintChecksForm'> {\n  payrollId: string\n  /** Whether a generate-and-poll cycle is in flight; disables the fields while true. */\n  isGenerating?: boolean\n}\n\n// The Footer is rendered by the top-level orchestrator as a sibling of this component (not a\n// child), so it can only read shared state — like whether a generate-and-poll cycle is in\n// flight — via the machine's FlowContext rather than as a prop. This narrow interface describes\n// only the field Footer needs, rather than depending on the orchestrator's full context type.\ninterface PrintChecksFormFlowContext extends FlowContextInterface {\n  isGenerating?: boolean\n}\n\nconst PrintChecksFormSchema = z.object({\n  printingFormat: z.nativeEnum(PrintingFormat),\n  startingCheckNumber: z\n    .number({ message: 'invalidStartingCheckNumber' })\n    .int({ message: 'invalidStartingCheckNumber' })\n    .nonnegative({ message: 'invalidStartingCheckNumber' })\n    .lt(10_000_000_000, { message: 'invalidStartingCheckNumber' })\n    .optional(),\n})\n\ntype PrintChecksFormValues = z.infer<typeof PrintChecksFormSchema>\n\nconst PRINT_CHECKS_FORM_ID = 'gusto-sdk-print-checks-form'\n\nconst isErrorList = (val: unknown): val is { message?: string }[] =>\n  Array.isArray(val) && val.every(entry => typeof entry === 'object' && entry !== null)\n\nconst extractErrorMessage = (err: unknown): string | null => {\n  if (err && typeof err === 'object' && 'errors' in err && isErrorList(err.errors)) {\n    const [firstError] = err.errors\n    if (firstError?.message) return firstError.message\n  }\n  return err instanceof Error ? err.message : null\n}\n\nconst buildRequestBody = (data: PrintChecksFormValues): PrintablePayrollChecksBody => ({\n  printingFormat: data.printingFormat,\n  ...(data.printingFormat === PrintingFormat.Bottom && data.startingCheckNumber !== undefined\n    ? { startingCheckNumber: data.startingCheckNumber }\n    : {}),\n})\n\n// Navigates directly to `url` via a synthetic anchor click rather than `fetch`-ing it into a blob:\n// the generated-document URL is a signed, cross-origin S3 URL with `response-content-disposition:\n// attachment` baked into its query string, so a direct browser-level request downloads it via that\n// response header — but a `fetch()` from JS is subject to CORS, which the bucket doesn't allow, and\n// fails outright. A plain navigation isn't subject to CORS and never opens a new tab or navigates\n// the host page, since the browser intercepts the download instead of rendering a response.\nconst downloadGeneratedChecks = (url: string) => {\n  const link = document.createElement('a')\n  link.href = url\n  link.rel = 'noopener noreferrer'\n  document.body.appendChild(link)\n  link.click()\n  document.body.removeChild(link)\n}\n\n/** @internal */\nexport function PrintChecksForm(props: PrintChecksFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ dictionary, payrollId, isGenerating }: PrintChecksFormProps) => {\n  useComponentDictionary('Payroll.PrintChecksForm', dictionary)\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const formMethods = useForm<PrintChecksFormValues>({\n    resolver: zodResolver(PrintChecksFormSchema),\n    defaultValues: { printingFormat: PrintingFormat.Top, startingCheckNumber: 0 },\n  })\n\n  const printingFormat = useWatch<PrintChecksFormValues, 'printingFormat'>({\n    name: 'printingFormat',\n    control: formMethods.control,\n  })\n\n  const { mutateAsync } = usePayrollsGeneratePrintableChecksMutation()\n\n  const { start: startGenerationPoll } = useGenerationPoll({\n    onSucceeded: url => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_SUCCEEDED, { documentUrl: url })\n      if (url) {\n        downloadGeneratedChecks(url)\n      }\n    },\n    onFailed: () => {\n      onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, { errorMessage: null })\n    },\n  })\n\n  const onSubmit = async (formData: PrintChecksFormValues) => {\n    onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_START)\n\n    await baseSubmitHandler(formData, async submittedData => {\n      try {\n        const result = await mutateAsync({\n          request: {\n            payrollUuid: payrollId,\n            printablePayrollChecksBody: buildRequestBody(submittedData),\n          },\n        })\n\n        const nextRequestUuid = result.payrollCheck?.requestUuid\n        if (!nextRequestUuid) {\n          throw new Error('Missing requestUuid in generate-printable-checks response')\n        }\n\n        startGenerationPoll(nextRequestUuid)\n      } catch (err) {\n        onEvent(printChecksEvents.PRINT_CHECKS_GENERATE_FAILED, {\n          errorMessage: extractErrorMessage(err),\n        })\n        throw err\n      }\n    })\n  }\n\n  const startingCheckNumberErrorCode = formMethods.formState.errors.startingCheckNumber?.message\n  const startingCheckNumberErrorMessage = startingCheckNumberErrorCode\n    ? t('validations.startingCheckNumber')\n    : undefined\n\n  const printingFormatOptions: RadioGroupOption[] = [\n    {\n      value: PrintingFormat.Top,\n      label: t('customStockLabel'),\n      description: t('customStockDescription'),\n    },\n    {\n      value: PrintingFormat.Bottom,\n      label: t('blankStockLabel'),\n      description: t('blankStockDescription'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <Form id={PRINT_CHECKS_FORM_ID} onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={20}>\n          <RadioGroupField\n            name=\"printingFormat\"\n            label={t('modalTitle')}\n            options={printingFormatOptions}\n            isRequired\n            isDisabled={isGenerating}\n          />\n          {printingFormat === PrintingFormat.Bottom && (\n            <NumberInputField\n              name=\"startingCheckNumber\"\n              label={t('startingCheckNumberLabel')}\n              description={t('startingCheckNumberDescription')}\n              errorMessage={startingCheckNumberErrorMessage}\n              isDisabled={isGenerating}\n              min={0}\n            />\n          )}\n        </Flex>\n      </Form>\n    </FormProvider>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.PrintChecksForm')\n  const { t } = useTranslation('Payroll.PrintChecksForm')\n  const { Button } = useComponentContext()\n  const { isGenerating } = useFlow<PrintChecksFormFlowContext>()\n\n  return (\n    <ActionsLayout>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(printChecksEvents.PRINT_CHECKS_CANCEL)\n        }}\n        isDisabled={isGenerating}\n      >\n        {t('cancelCta')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={PRINT_CHECKS_FORM_ID} isDisabled={isGenerating}>\n        {isGenerating ? t('submitCtaLoading') : t('submitCta')}\n      </Button>\n    </ActionsLayout>\n  )\n}\nPrintChecksForm.Footer = Footer\n"],"names":["PrintChecksFormSchema","z","PrintingFormat","PRINT_CHECKS_FORM_ID","isErrorList","val","entry","extractErrorMessage","err","firstError","buildRequestBody","data","downloadGeneratedChecks","url","link","PrintChecksForm","props","jsx","BaseComponent","Root","dictionary","payrollId","isGenerating","useComponentDictionary","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","formMethods","useForm","zodResolver","printingFormat","useWatch","mutateAsync","usePayrollsGeneratePrintableChecksMutation","startGenerationPoll","useGenerationPoll","printChecksEvents","onSubmit","formData","submittedData","nextRequestUuid","startingCheckNumberErrorMessage","printingFormatOptions","FormProvider","Form","jsxs","Flex","RadioGroupField","NumberInputField","Footer","t","Button","useComponentContext","useFlow","ActionsLayout"],"mappings":"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"}

package/dist/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.d.ts

@@ -0,0 +1,17 @@
+/** @internal */
+export interface UseGenerationPollOptions {
+    onSucceeded: (url: string | null) => void;
+    onFailed: () => void;
+}
+/** @internal */
+export interface GenerationPoll {
+    /** Starts polling the generated-document status for `requestUuid`. */
+    start: (requestUuid: string) => void;
+}
+/**
+ * Polls a generated print-checks document until it reaches a terminal state, via
+ * {@link usePollingTask}.
+ *
+ * @internal
+ */
+export declare function useGenerationPoll({ onSucceeded, onFailed, }: UseGenerationPollOptions): GenerationPoll;

package/dist/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.js

@@ -0,0 +1,55 @@
+import { useRef as d, useCallback as m } from "react";
+import { buildGeneratedDocumentsGetQuery as f } from "@gusto/embedded-api/react-query/generatedDocumentsGet";
+import { useGustoEmbeddedContext as p } from "@gusto/embedded-api/react-query/_context";
+import { useQueryClient as y } from "@tanstack/react-query";
+import { DocumentType as h } from "@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid";
+import { GeneratedDocumentStatus as n } from "@gusto/embedded-api/models/components/generateddocument";
+import { usePollingTask as D } from "../../../../hooks/usePollingTask/usePollingTask.js";
+const g = (t) => {
+  const r = t.generatedDocument?.status;
+  return r === n.Succeeded ? {
+    done: !0,
+    value: { type: "succeeded", url: t.generatedDocument?.documentUrls?.[0] ?? null }
+  } : r === n.Failed ? { done: !0, value: { type: "failed" } } : { done: !1 };
+}, C = (t) => t?.generatedDocument?.status === n.Succeeded ? { type: "succeeded", url: t?.generatedDocument?.documentUrls?.[0] ?? null } : { type: "failed" };
+function w({
+  onSucceeded: t,
+  onFailed: r
+}) {
+  const l = p(), a = y(), u = d(null), i = (e) => {
+    const c = u.current;
+    if (!c)
+      throw new Error("usePollingTask started without a print-checks request in flight");
+    return a.fetchQuery({
+      ...f(
+        l,
+        { documentType: h.PrintablePayrollChecks, requestUuid: c },
+        { signal: e }
+      ),
+      staleTime: 0
+    });
+  }, o = (e) => {
+    if (e.type === "failed") {
+      r();
+      return;
+    }
+    t(e.url);
+  }, { start: s } = D({
+    fetch: i,
+    evaluate: g,
+    onDone: o,
+    onDeadline: (e) => {
+      o(C(e));
+    }
+  });
+  return { start: m(
+    (e) => {
+      u.current = e, s();
+    },
+    [s]
+  ) };
+}
+export {
+  w as useGenerationPoll
+};
+//# sourceMappingURL=useGenerationPoll.js.map

package/dist/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGenerationPoll.js","sources":["../../../../../src/components/Payroll/PrintChecks/PrintChecksForm/useGenerationPoll.ts"],"sourcesContent":["import { useCallback, useRef } from 'react'\nimport {\n  buildGeneratedDocumentsGetQuery,\n  type GeneratedDocumentsGetQueryData,\n} from '@gusto/embedded-api/react-query/generatedDocumentsGet'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { DocumentType } from '@gusto/embedded-api/models/operations/getv1generateddocumentsdocumenttyperequestuuid'\nimport { GeneratedDocumentStatus } from '@gusto/embedded-api/models/components/generateddocument'\nimport { usePollingTask, type PollTickResult } from '@/hooks/usePollingTask/usePollingTask'\n\ntype PrintChecksOutcome = { type: 'succeeded'; url: string | null } | { type: 'failed' }\n\nconst evaluatePrintChecksOutcome = (\n  data: GeneratedDocumentsGetQueryData,\n): PollTickResult<PrintChecksOutcome> => {\n  const status = data.generatedDocument?.status\n  if (status === GeneratedDocumentStatus.Succeeded) {\n    return {\n      done: true,\n      value: { type: 'succeeded', url: data.generatedDocument?.documentUrls?.[0] ?? null },\n    }\n  }\n  if (status === GeneratedDocumentStatus.Failed) {\n    return { done: true, value: { type: 'failed' } }\n  }\n  return { done: false }\n}\n\nconst deadlinePrintChecksOutcome = (\n  lastData: GeneratedDocumentsGetQueryData | null,\n): PrintChecksOutcome => {\n  const status = lastData?.generatedDocument?.status\n  if (status === GeneratedDocumentStatus.Succeeded) {\n    return { type: 'succeeded', url: lastData?.generatedDocument?.documentUrls?.[0] ?? null }\n  }\n  return { type: 'failed' }\n}\n\n/** @internal */\nexport interface UseGenerationPollOptions {\n  onSucceeded: (url: string | null) => void\n  onFailed: () => void\n}\n\n/** @internal */\nexport interface GenerationPoll {\n  /** Starts polling the generated-document status for `requestUuid`. */\n  start: (requestUuid: string) => void\n}\n\n/**\n * Polls a generated print-checks document until it reaches a terminal state, via\n * {@link usePollingTask}.\n *\n * @internal\n */\nexport function useGenerationPoll({\n  onSucceeded,\n  onFailed,\n}: UseGenerationPollOptions): GenerationPoll {\n  const gustoClient = useGustoEmbeddedContext()\n  const queryClient = useQueryClient()\n  const requestUuidRef = useRef<string | null>(null)\n\n  // Unlike the payroll polls, there's no sibling `useGeneratedDocumentsGet` rendering this data —\n  // the result is only ever downloaded, never displayed — so there's no other observer of this\n  // queryKey for this fetchQuery call to race against, and no `refetch` to reuse instead.\n  const fetchGeneratedDocument = (signal: AbortSignal) => {\n    const requestUuid = requestUuidRef.current\n    if (!requestUuid) {\n      throw new Error('usePollingTask started without a print-checks request in flight')\n    }\n    return queryClient.fetchQuery({\n      ...buildGeneratedDocumentsGetQuery(\n        gustoClient,\n        { documentType: DocumentType.PrintablePayrollChecks, requestUuid },\n        { signal },\n      ),\n      staleTime: 0,\n    })\n  }\n\n  const handleOutcome = (outcome: PrintChecksOutcome) => {\n    if (outcome.type === 'failed') {\n      onFailed()\n      return\n    }\n    onSucceeded(outcome.url)\n  }\n\n  const { start: startPoll } = usePollingTask<GeneratedDocumentsGetQueryData, PrintChecksOutcome>({\n    fetch: fetchGeneratedDocument,\n    evaluate: evaluatePrintChecksOutcome,\n    onDone: handleOutcome,\n    onDeadline: lastData => {\n      handleOutcome(deadlinePrintChecksOutcome(lastData))\n    },\n  })\n\n  const start = useCallback(\n    (requestUuid: string) => {\n      requestUuidRef.current = requestUuid\n      startPoll()\n    },\n    [startPoll],\n  )\n\n  return { start }\n}\n"],"names":["evaluatePrintChecksOutcome","data","status","GeneratedDocumentStatus","deadlinePrintChecksOutcome","lastData","useGenerationPoll","onSucceeded","onFailed","gustoClient","useGustoEmbeddedContext","queryClient","useQueryClient","requestUuidRef","useRef","fetchGeneratedDocument","signal","requestUuid","buildGeneratedDocumentsGetQuery","DocumentType","handleOutcome","outcome","startPoll","usePollingTask","useCallback"],"mappings":";;;;;;;AAaA,MAAMA,IAA6B,CACjCC,MACuC;AACvC,QAAMC,IAASD,EAAK,mBAAmB;AACvC,SAAIC,MAAWC,EAAwB,YAC9B;AAAA,IACL,MAAM;AAAA,IACN,OAAO,EAAE,MAAM,aAAa,KAAKF,EAAK,mBAAmB,eAAe,CAAC,KAAK,KAAA;AAAA,EAAK,IAGnFC,MAAWC,EAAwB,SAC9B,EAAE,MAAM,IAAM,OAAO,EAAE,MAAM,WAAS,IAExC,EAAE,MAAM,GAAA;AACjB,GAEMC,IAA6B,CACjCC,MAEeA,GAAU,mBAAmB,WAC7BF,EAAwB,YAC9B,EAAE,MAAM,aAAa,KAAKE,GAAU,mBAAmB,eAAe,CAAC,KAAK,KAAA,IAE9E,EAAE,MAAM,SAAA;AAqBV,SAASC,EAAkB;AAAA,EAChC,aAAAC;AAAA,EACA,UAAAC;AACF,GAA6C;AAC3C,QAAMC,IAAcC,EAAA,GACdC,IAAcC,EAAA,GACdC,IAAiBC,EAAsB,IAAI,GAK3CC,IAAyB,CAACC,MAAwB;AACtD,UAAMC,IAAcJ,EAAe;AACnC,QAAI,CAACI;AACH,YAAM,IAAI,MAAM,iEAAiE;AAEnF,WAAON,EAAY,WAAW;AAAA,MAC5B,GAAGO;AAAA,QACDT;AAAA,QACA,EAAE,cAAcU,EAAa,wBAAwB,aAAAF,EAAA;AAAA,QACrD,EAAE,QAAAD,EAAA;AAAA,MAAO;AAAA,MAEX,WAAW;AAAA,IAAA,CACZ;AAAA,EACH,GAEMI,IAAgB,CAACC,MAAgC;AACrD,QAAIA,EAAQ,SAAS,UAAU;AAC7B,MAAAb,EAAA;AACA;AAAA,IACF;AACA,IAAAD,EAAYc,EAAQ,GAAG;AAAA,EACzB,GAEM,EAAE,OAAOC,EAAA,IAAcC,EAAmE;AAAA,IAC9F,OAAOR;AAAA,IACP,UAAUf;AAAA,IACV,QAAQoB;AAAA,IACR,YAAY,CAAAf,MAAY;AACtB,MAAAe,EAAchB,EAA2BC,CAAQ,CAAC;AAAA,IACpD;AAAA,EAAA,CACD;AAUD,SAAO,EAAE,OARKmB;AAAA,IACZ,CAACP,MAAwB;AACvB,MAAAJ,EAAe,UAAUI,GACzBK,EAAA;AAAA,IACF;AAAA,IACA,CAACA,CAAS;AAAA,EAAA,EAGH;AACX;"}

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

@@ -70,11 +70,13 @@ function w({ companyId: r, dictionary: n, onEvent: s }) {
       {
         key: "totalAmount",
         title: t("columns.totalAmount"),
+        justify: "end",
         render: (o) => /* @__PURE__ */ e(a, { children: o.eventTotalAmount ? p(parseFloat(o.eventTotalAmount)) : "-" })
       },
       {
         key: "amountOutstanding",
         title: t("columns.amountOutstanding"),
+        justify: "end",
         render: (o) => /* @__PURE__ */ e(a, { children: o.amountOutstanding ? p(parseFloat(o.amountOutstanding)) : "-" })
       },
       {

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 { EmptyData, 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}\n\n/** @internal */\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.recoveryCases ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\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          {recoveryCases.length > 0 && <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","EmptyData","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 { EmptyData, 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}\n\n/** @internal */\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.recoveryCases ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\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        justify: 'end',\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        justify: 'end',\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          {recoveryCases.length > 0 && <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","EmptyData","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}

package/dist/components/Payroll/UNSTABLE_PayrollEditEmployee/UNSTABLE_PayrollEditEmployee.d.ts

@@ -0,0 +1,13 @@
+import { PayrollEditEmployeeProps } from '../PayrollEditEmployee/PayrollEditEmployee';
+/**
+ * In-development regular-rate-of-pay rebuild of {@link PayrollEditEmployee}.
+ *
+ * @remarks
+ * Gated behind the `payrollRegularRateOfPay` unstable feature flag and not part of the public
+ * SDK surface. `PayrollEditEmployee` renders this in place of the stable editor when the flag is
+ * enabled. Currently a scaffold: the header, `Cancel`, and `Save` controls only. `Cancel` and
+ * `Save` emit the same events as the stable component so the surrounding flow behaves identically.
+ *
+ * @internal
+ */
+export declare function UNSTABLE_PayrollEditEmployee(props: PayrollEditEmployeeProps): import("react").JSX.Element;