npm - @gusto/embedded-react-sdk - Versions diffs - 0.48.0 → 0.48.2 - Mend

@gusto/embedded-react-sdk 0.48.0 → 0.48.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (451) hide show

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

	@@ -1 +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-v-2025-11-15/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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"}
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-v-2025-11-15/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\n/** @internal */\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":";;;;;;;;;;;;;AAuBO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,aAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,MAAwC;AACtC,QAAMC,IAAaC,EAAA,GACb,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASH;AAC1B,EAAAI,EAAQ,yBAAyB;AACjC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAEhDC,IAAeC,EAAuB,IAAI,GAE1CC,IAAW,CADGC,EAAwB,EAAE,KAAKH,GAAc,EACnC,SAAS,OAAO,GAGxCI,IAAsB,CAACC,MAC3B,GAAGA,EAAI,qBAAqB,EAAE,IAAIA,EAAI,oBAAoB,EAAE,GAAG,KAAA,GAE3DC,IAAuB,OAC1Bf,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACgB,GAAKF,MAAQE,IAAM,WAAWF,EAAI,2BAA2B,GAAG;AAAA,IACjE;AAAA,EAAA,GAGEG,IAAyB,OAC5BjB,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACgB,GAAKF,MAAQE,IAAM,WAAWF,EAAI,sBAAsB,GAAG;AAAA,IAC5D;AAAA,EAAA,GAGEI,IAAiB,OACpBlB,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACgB,GAAKF,MAAQE,IAAM,WAAWF,EAAI,UAAU,GAAG;AAAA,IAChD;AAAA,EAAA,GAGEK,IAAgB,OACnBnB,EAAY,yBAAyB,CAAA,GAAI;AAAA,IACxC,CAACgB,GAAKF,MAAQE,IAAM,WAAWF,EAAI,YAAY,GAAG;AAAA,IAClD;AAAA,EAAA,GAGEM,IAAgB;AAAA,IACpB;AAAA,MACE,OAAOb,EAAE,0BAA0B;AAAA,MACnC,QAAQ,WAAWP,EAAY,QAAQ,eAAe,GAAG;AAAA,IAAA;AAAA,IAE3D,GAAIC,IACA;AAAA,MACE;AAAA,QACE,OAAOM,EAAE,0BAA0B;AAAA,QACnC,QAAQ,WAAWP,EAAY,QAAQ,sBAAsB,GAAG;AAAA,MAAA;AAAA,IAClE,IAEF,CAAA;AAAA,IACJ;AAAA,MACE,OAAOO,EAAE,wBAAwB;AAAA,MACjC,QAAQ,WAAWP,EAAY,QAAQ,qBAAqB,GAAG;AAAA,IAAA;AAAA,IAEjE,EAAE,OAAOO,EAAE,iBAAiB,GAAG,QAAQ,WAAWP,EAAY,QAAQ,YAAY,GAAG,EAAA;AAAA,EAAE,GAGnFqB,IAAuB;AAAA,IAC3B;AAAA,MACE,OAAOd,EAAE,mBAAmB;AAAA,MAC5B,OAAOP,EAAY,eAAe;AAAA,IAAA;AAAA,IAEpC;AAAA,MACE,OAAOO,EAAE,cAAc;AAAA,MACvB,OAAOP,EAAY,gBAAgB;AAAA,IAAA;AAAA,IAErC;AAAA,MACE,OAAOO,EAAE,YAAY;AAAA,MACrB,OAAOP,EAAY,mBAAmB;AAAA,IAAA;AAAA,IAExC;AAAA,MACE,OAAOO,EAAE,mBAAmB;AAAA,MAC5B,OAAOP,EAAY,aAAa;AAAA,IAAA;AAAA,EAClC,GAGIsB,IAAsB,MAC1B,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAWC,EAAO,eAAed,KAAYc,EAAO,mBAAmB,GACrF,UAAA,gBAAAC,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,KAAK,eAAc,UAAS,YAAW,UAAS,KAAK,IACpD,UAAA;AAAA,MAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWE,EAAO,aACrB,4BAACG,GAAA,EAAa,WAAWH,EAAO,cAAA,CAAe,EAAA,CACjD;AAAA,wBAECE,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,GACpD,UAAA;AAAA,QAAA,gBAAAJ,EAAClB,KAAK,MAAK,MAAK,SAAQ,cACrB,UAAAE,EAAE,oBAAoB,GACzB;AAAA,0BACCH,GAAA,EAAQ,IAAG,MAAK,UAAS,MAAK,WAAWqB,EAAO,aAC9C,UAAAI,EAAuB,WAAW7B,EAAY,QAAQ,gBAAgB,GAAG,CAAC,EAAA,CAC7E;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAuB;AAAA,MAACrB,EAAW;AAAA,MAAX;AAAA,QACC,QAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,OAAOmB,EAAqB;AAAA,UAC1B,CAAC,EAAE,OAAAS,GAAO,OAAAC,SAAkC;AAAA,YAC1C,MACE,gBAAAR,EAAClB,GAAA,EAAK,MAAK,MAAK,SAAQ,cACrB,UAAAyB,GACH;AAAA,YAEF,aAAa,gBAAAP,EAAClB,GAAA,EAAK,MAAK,MAAM,UAAA0B,EAAA,CAAM;AAAA,UAAA;AAAA,QACtC;AAAA,MACF;AAAA,IAAA;AAAA,sBAGDJ,GAAA,EAAK,eAAc,UAAS,YAAW,UAAS,KAAK,IACpD,UAAA;AAAA,MAAA,gBAAAJ;AAAA,QAAClB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWmB,EAAWC,EAAO,YAAYd,KAAYc,EAAO,UAAU;AAAA,UAErE,UAAAzB,EAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,gBAAAuB;AAAA,QAAClB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWmB,EAAWC,EAAO,aAAad,KAAYc,EAAO,UAAU;AAAA,UAEtE,UAAAzB,EAAY;AAAA,QAAA;AAAA,MAAA;AAAA,MAGf,gBAAAuB;AAAA,QAAClB;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,SAAQ;AAAA,UACR,WAAWmB,EAAWC,EAAO,SAASd,KAAYc,EAAO,UAAU;AAAA,UAElE,UAAAzB,EAAY,YACX,GAAGA,EAAY,SAAS,WAAW,EAAE,KAAKA,EAAY,SAAS,QAAQ,EAAE,KAAKA,EAAY,SAAS,SAAS,EAAE,IAAIA,EAAY,SAAS,cAAc,EAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAC3J,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF,GAGIgC,IAAyB,MAC7B,gBAAAT,EAACI,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAJ;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,OAAO1B,EAAE,uBAAuB;AAAA,MAChC,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,uBAAuB;AAAA,UAChC,QAAQ,CAAC2B,MAA4CA,EAAK;AAAA,QAAA;AAAA,QAE5D;AAAA,UACE,OAAO3B,EAAE,kBAAkB;AAAA,UAC3B,QAAQ,CAAC2B,MACPL,EAAuBK,EAAK,MAAM;AAAA,QAAA;AAAA,MACtC;AAAA,MAEF,MAAMd;AAAA,MACN,QAAQ,OAAO;AAAA,QACb,YAAYb,EAAE,kBAAkB;AAAA,QAChC,YAAYsB,EAAuB,WAAW7B,EAAY,QAAQ,gBAAgB,GAAG,CAAC;AAAA,MAAA;AAAA,IACxF;AAAA,EAAA,GAEJ,GAGImC,IAAqB,MACzB,gBAAAZ,EAACI,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAJ;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,OAAO1B,EAAE,mBAAmB;AAAA,MAC5B,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,mBAAmB;AAAA,UAC5B,QAAQ,CAAC6B,MAA0BA,EAAI;AAAA,QAAA;AAAA,QAEzC;AAAA,UACE,OAAO7B,EAAE,YAAY;AAAA,UACrB,QAAQ,CAAC6B,MACPP,EAAuB,WAAWO,EAAI,UAAU,GAAG,CAAC;AAAA,QAAA;AAAA,MACxD;AAAA,MAEF,MAAMpC,EAAY,SAAS,CAAA;AAAA,MAC3B,QAAQ,OAAO;AAAA,QACb,YAAYO,EAAE,kBAAkB;AAAA,QAChC,YAAYsB,EAAuB,WAAW7B,EAAY,QAAQ,YAAY,GAAG,CAAC;AAAA,MAAA;AAAA,IACpF;AAAA,EAAA,GAEJ,GAGIqC,IAA0B,MAAM;AAkBpC,UAAMC,IAjBe;AAAA,MACnB,gBAAAZ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,QAAApB,EAAE,kBAAkB;AAAA,0BACpBF,GAAA,EAAK,MAAK,MAAK,SAAQ,cACrB,YAAE,2BAA2B;AAAA,UAC5B,OAAOL,EAAY,uBAAuB,UAAU;AAAA,QAAA,CACrD,EAAA,CACH;AAAA,MAAA,EAAA,GANuC,QAOzC;AAAA,MACA;AAAA,MAEA6B,EAAuBd,GAAsB;AAAA,MAC7C,GAAId,IAAqB,CAAC4B,EAAuBZ,GAAwB,CAAC,IAAI,CAAA;AAAA,MAC9EY,EAAuBV,GAAe;AAAA,MACtCU,EAAuBX,GAAgB;AAAA,IAAA,EAGN;AAAA,MACjC,CAACqB,GAAKR,GAAOS,OACXD,EAAI,UAAUC,CAAK,EAAE,IAAIT,GAClBQ;AAAA,MAET,CAAA;AAAA,IAAC;AAGH,WACE,gBAAAb,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,MAAAhB,uBAAaP,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,yBAAyB,GAAE;AAAA,MAC5D,gBAAAgB;AAAA,QAACkB;AAAA,QAAA;AAAA,UACC,OAAOlC,EAAE,yBAAyB;AAAA,UAClC,SAAS;AAAA,YACP;AAAA,cACE,OAAOA,EAAE,eAAe;AAAA,cACxB,QAAQ,CAACmC,MAAoC7B,EAAoB6B,CAAQ;AAAA,YAAA;AAAA,YAE3E;AAAA,cACE,OAAOnC,EAAE,wBAAwB;AAAA,cACjC,QAAQ,CAACmC,MAAoCA,EAAS,iBAAiB;AAAA,YAAA;AAAA,YAEzE;AAAA,cACE,OAAOnC,EAAE,uBAAuB;AAAA,cAChC,QAAQ,CAACmC,MACPb,EAAuB,WAAWa,EAAS,2BAA2B,GAAG,CAAC;AAAA,YAAA;AAAA,YAE9E,GAAIzC,IACA;AAAA,cACE;AAAA,gBACE,OAAOM,EAAE,wBAAwB;AAAA,gBACjC,QAAQ,CAACmC,MACPb,EAAuB,WAAWa,EAAS,sBAAsB,GAAG,CAAC;AAAA,cAAA;AAAA,YACzE,IAEF,CAAA;AAAA,YACJ;AAAA,cACE,OAAOnC,EAAE,qBAAqB;AAAA,cAC9B,QAAQ,CAACmC,MACPb,EAAuB,WAAWa,EAAS,YAAY,GAAG,CAAC;AAAA,YAAA;AAAA,YAE/D;AAAA,cACE,OAAOnC,EAAE,iBAAiB;AAAA,cAC1B,QAAQ,CAACmC,MACPb,EAAuB,WAAWa,EAAS,UAAU,GAAG,CAAC;AAAA,YAAA;AAAA,UAC7D;AAAA,UAEF,MAAM1C,EAAY,yBAAyB,CAAA;AAAA,UAC3C,QAAQ,MAAMsC;AAAA,QAAA;AAAA,MAAA;AAAA,IAChB,GACF;AAAA,EAEJ;AAEA,SACE,gBAAAf,EAAC,OAAA,EAAI,WAAWE,EAAO,WAAW,KAAKhB,GACrC,UAAA,gBAAAiB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAL,EAAA;AAAA,IACAU,EAAA;AAAA,IACAG,EAAA;AAAA,IACAE,EAAA;AAAA,EAAwB,EAAA,CAC3B,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/PayrollStatusBadges/PayrollStatusBadges.d.ts CHANGED Viewed

@@ -3,5 +3,6 @@ interface PayrollStatusBadgesProps {
     payroll: PayrollInput;
     wireInRequest?: WireInRequestInput;
 }
+/** @internal */
 export declare const PayrollStatusBadges: ({ payroll, wireInRequest }: PayrollStatusBadgesProps) => import("react").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollStatusBadges/PayrollStatusBadges.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollStatusBadges.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/PayrollStatusBadges.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n PayrollInput,\n WireInRequestInput,\n PayrollStatusTranslationKey,\n} from './payrollStatusConfig'\nimport { usePayrollStatusBadges } from './usePayrollStatusBadges'\nimport styles from './PayrollStatusBadges.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollStatusBadgesProps {\n payroll: PayrollInput\n wireInRequest?: WireInRequestInput\n}\n\nexport const PayrollStatusBadges = ({ payroll, wireInRequest }: PayrollStatusBadgesProps) => {\n const { Badge } = useComponentContext()\n useI18n('Payroll.Common')\n const { t } = useTranslation('Payroll.Common')\n\n const { badges } = usePayrollStatusBadges(payroll, wireInRequest)\n\n const translateStatus = (\n translationKey: PayrollStatusTranslationKey,\n params?: Record<string, string \| number>,\n ) => {\n const options = { ...params }\n\n if (params?.hours !== undefined) {\n options.count = params.hours\n } else if (params?.days !== undefined) {\n options.count = params.days\n }\n\n return t(`status.${translationKey}`, options)\n }\n\n return (\n <div className={styles.statusCell}>\n <div className={styles.badges}>\n {badges.map(badge => (\n <span key={badge.translationKey}>\n <Badge status={badge.variant}>\n {translateStatus(badge.translationKey, badge.translationParams)}\n </Badge>\n </span>\n ))}\n </div>\n </div>\n )\n}\n"],"names":["PayrollStatusBadges","payroll","wireInRequest","Badge","useComponentContext","useI18n","t","useTranslation","badges","usePayrollStatusBadges","translateStatus","translationKey","params","options","jsx","styles","badge"],"mappings":";;;;;;~~AAgBO~~,MAAMA,IAAsB,CAAC,EAAE,SAAAC,GAAS,eAAAC,QAA8C;AAC3F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAClB,EAAAC,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GAEvC,EAAE,QAAAC,EAAA,IAAWC,EAAuBR,GAASC,CAAa,GAE1DQ,IAAkB,CACtBC,GACAC,MACG;AACH,UAAMC,IAAU,EAAE,GAAGD,EAAA;AAErB,WAAIA,GAAQ,UAAU,SACpBC,EAAQ,QAAQD,EAAO,QACdA,GAAQ,SAAS,WAC1BC,EAAQ,QAAQD,EAAO,OAGlBN,EAAE,UAAUK,CAAc,IAAIE,CAAO;AAAA,EAC9C;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACpB,UAAAP,EAAO,IAAI,OACV,gBAAAM,EAAC,QAAA,EACC,UAAA,gBAAAA,EAACX,GAAA,EAAM,QAAQa,EAAM,SAClB,UAAAN,EAAgBM,EAAM,gBAAgBA,EAAM,iBAAiB,EAAA,CAChE,EAAA,GAHSA,EAAM,cAIjB,CACD,GACH,GACF;AAEJ;"}
1	+ {"version":3,"file":"PayrollStatusBadges.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/PayrollStatusBadges.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n PayrollInput,\n WireInRequestInput,\n PayrollStatusTranslationKey,\n} from './payrollStatusConfig'\nimport { usePayrollStatusBadges } from './usePayrollStatusBadges'\nimport styles from './PayrollStatusBadges.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollStatusBadgesProps {\n payroll: PayrollInput\n wireInRequest?: WireInRequestInput\n}\n\n/** @internal */\nexport const PayrollStatusBadges = ({ payroll, wireInRequest }: PayrollStatusBadgesProps) => {\n const { Badge } = useComponentContext()\n useI18n('Payroll.Common')\n const { t } = useTranslation('Payroll.Common')\n\n const { badges } = usePayrollStatusBadges(payroll, wireInRequest)\n\n const translateStatus = (\n translationKey: PayrollStatusTranslationKey,\n params?: Record<string, string \| number>,\n ) => {\n const options = { ...params }\n\n if (params?.hours !== undefined) {\n options.count = params.hours\n } else if (params?.days !== undefined) {\n options.count = params.days\n }\n\n return t(`status.${translationKey}`, options)\n }\n\n return (\n <div className={styles.statusCell}>\n <div className={styles.badges}>\n {badges.map(badge => (\n <span key={badge.translationKey}>\n <Badge status={badge.variant}>\n {translateStatus(badge.translationKey, badge.translationParams)}\n </Badge>\n </span>\n ))}\n </div>\n </div>\n )\n}\n"],"names":["PayrollStatusBadges","payroll","wireInRequest","Badge","useComponentContext","useI18n","t","useTranslation","badges","usePayrollStatusBadges","translateStatus","translationKey","params","options","jsx","styles","badge"],"mappings":";;;;;;AAiBO,MAAMA,IAAsB,CAAC,EAAE,SAAAC,GAAS,eAAAC,QAA8C;AAC3F,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAClB,EAAAC,EAAQ,gBAAgB;AACxB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gBAAgB,GAEvC,EAAE,QAAAC,EAAA,IAAWC,EAAuBR,GAASC,CAAa,GAE1DQ,IAAkB,CACtBC,GACAC,MACG;AACH,UAAMC,IAAU,EAAE,GAAGD,EAAA;AAErB,WAAIA,GAAQ,UAAU,SACpBC,EAAQ,QAAQD,EAAO,QACdA,GAAQ,SAAS,WAC1BC,EAAQ,QAAQD,EAAO,OAGlBN,EAAE,UAAUK,CAAc,IAAIE,CAAO;AAAA,EAC9C;AAEA,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,QACpB,UAAAP,EAAO,IAAI,OACV,gBAAAM,EAAC,QAAA,EACC,UAAA,gBAAAA,EAACX,GAAA,EAAM,QAAQa,EAAM,SAClB,UAAAN,EAAgBM,EAAM,gBAAgBA,EAAM,iBAAiB,EAAA,CAChE,EAAA,GAHSA,EAAM,cAIjB,CACD,GACH,GACF;AAEJ;"}

package/dist/components/Payroll/PayrollStatusBadges/index.d.ts CHANGED Viewed

@@ -1,4 +1,2 @@
 import "./types/i18next.d.ts"
 export { PayrollStatusBadges } from './PayrollStatusBadges';
-export { usePayrollStatusBadges, getPayrollStatusBadges } from './usePayrollStatusBadges';
-export type { PayrollStatusBadge, PayrollStatusBadges as PayrollStatusBadgesResult, PayrollInput, WireInRequestInput, } from './payrollStatusConfig';

package/dist/components/Payroll/PayrollStatusBadges/payrollStatusConfig.d.ts CHANGED Viewed

@@ -1,33 +1,59 @@
 import { PayrollProcessingRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollprocessingrequest';
+/** @internal */
 export type PayrollStatusTranslationKey = 'processed' | 'unprocessed' | 'calculating' | 'readyToSubmit' | 'processing' | 'failed' | 'waitingForWireIn' | 'pendingApproval' | 'dueInHours' | 'dueInDays' | 'daysLate' | 'pending' | 'paid' | 'complete' | 'submitted' | 'inProgress';
+/** @internal */
 export type PayrollStatusBadge = {
+    /** Optional pre-translated label; when omitted the consumer translates `translationKey`. */
     label?: string;
+    /** Badge color variant. */
     variant: 'success' | 'warning' | 'error' | 'info';
+    /** Key into the `Payroll.Common` `status.*` translation namespace. */
     translationKey: PayrollStatusTranslationKey;
+    /** Optional interpolation values for the translation (e.g. `{ hours: 3 }`). */
     translationParams?: Record<string, string | number>;
 };
+/** @internal */
 export type PayrollStatusBadges = {
+    /** Ordered list of badges to render for a payroll row. */
     badges: PayrollStatusBadge[];
 };
+/** @internal */
 export type PayrollInput = {
+    /** Whether the payroll has been submitted for processing. */
     processed?: boolean;
+    /** Date employees are paid; used to distinguish `pending` from `complete`. */
     checkDate?: string | null | Date;
+    /** Deadline by which the payroll must be submitted. */
     payrollDeadline?: string | null | Date;
+    /** Timestamp marking when calculation finished. */
     calculatedAt?: Date | null;
+    /** Current processing request status and any associated errors. */
     processingRequest?: {
+        /** Lifecycle status reported by the payroll processing request. */
         status?: PayrollProcessingRequestStatus;
+        /** Errors surfaced by the processing request, when any. */
         errors?: unknown[];
     } | null;
 };
+/** @internal */
 export type WireInRequestInput = {
+    /** Wire-in request lifecycle status (e.g. awaiting funds, pending review). */
     status?: string;
+    /** UUID of the associated payment. */
     paymentUuid?: string;
+    /** Deadline by which the wire must be received. */
     wireInDeadline?: string;
 } | null;
+/** @internal */
 export type StatusConfig = {
+    /** Identifier for the status rule; used for debugging and snapshot diffs. */
     name: string;
+    /** Either a static badge or a factory that derives one from the payroll/wire-in inputs. */
     badge: PayrollStatusBadge | ((payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadge);
+    /** Predicate that decides whether this status applies to the given inputs. */
     condition: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => boolean;
+    /** When true, evaluation continues to later rules instead of stopping at the first match. */
     continueChecking?: boolean;
 };
+/** @internal */
 export declare const STATUS_CONFIG: StatusConfig[];

package/dist/components/Payroll/PayrollStatusBadges/payrollStatusConfig.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"payrollStatusConfig.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/payrollStatusConfig.ts"],"sourcesContent":["import { PayrollProcessingRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollprocessingrequest'\nimport { WireInRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/wireinrequest'\nimport { normalizeToDate, getHoursUntil, getDaysUntil } from '@/helpers/dateFormatting'\n\nexport type PayrollStatusTranslationKey =\n \| 'processed'\n \| 'unprocessed'\n \| 'calculating'\n \| 'readyToSubmit'\n \| 'processing'\n \| 'failed'\n \| 'waitingForWireIn'\n \| 'pendingApproval'\n \| 'dueInHours'\n \| 'dueInDays'\n \| 'daysLate'\n \| 'pending'\n \| 'paid'\n \| 'complete'\n \| 'submitted'\n \| 'inProgress'\n\nexport type PayrollStatusBadge = {\n label?: string\n variant: 'success' \| 'warning' \| 'error' \| 'info'\n translationKey: PayrollStatusTranslationKey\n translationParams?: Record<string, string \| number>\n}\n\nexport type PayrollStatusBadges = {\n badges: PayrollStatusBadge[]\n}\n\nexport type PayrollInput = {\n processed?: boolean\n checkDate?: string \| null \| Date\n payrollDeadline?: string \| null \| Date\n calculatedAt?: Date \| null\n processingRequest?: {\n status?: PayrollProcessingRequestStatus\n errors?: unknown[]\n } \| null\n}\n\nexport type WireInRequestInput = {\n status?: string\n paymentUuid?: string\n wireInDeadline?: string\n} \| null\n\nexport type StatusConfig = {\n name: string\n badge:\n \| PayrollStatusBadge\n \| ((payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadge)\n condition: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => boolean\n continueChecking?: boolean\n}\n\nconst ACTIVE_PROCESSING_STATUSES: PayrollProcessingRequestStatus[] = [\n PayrollProcessingRequestStatus.Calculating,\n PayrollProcessingRequestStatus.Submitting,\n PayrollProcessingRequestStatus.ProcessingFailed,\n]\n\nexport const STATUS_CONFIG: StatusConfig[] = [\n {\n name: 'calculating',\n badge: {\n variant: 'info',\n translationKey: 'calculating',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.Calculating,\n },\n {\n name: 'readyToSubmit',\n badge: {\n variant: 'info',\n translationKey: 'readyToSubmit',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess &&\n !!payroll.calculatedAt,\n },\n {\n name: 'processing',\n badge: {\n variant: 'warning',\n translationKey: 'processing',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.Submitting,\n continueChecking: true,\n },\n {\n name: 'failed',\n badge: {\n variant: 'error',\n translationKey: 'failed',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.ProcessingFailed,\n continueChecking: true,\n },\n {\n name: 'late',\n badge: payroll => {\n const daysDiff = getDaysUntil(payroll.payrollDeadline)\n if (daysDiff === null) {\n return {\n variant: 'error',\n translationKey: 'daysLate',\n translationParams: { days: 0 },\n }\n }\n\n const daysPast = Math.abs(Math.floor(daysDiff))\n\n return {\n variant: 'error',\n translationKey: 'daysLate',\n translationParams: { days: daysPast },\n }\n },\n condition: payroll => {\n if (!payroll.payrollDeadline \|\| payroll.processed) return false\n\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n if (hoursDiff === null) return false\n\n return hoursDiff < 0\n },\n },\n {\n name: 'readyToSubmitFallback',\n badge: {\n variant: 'info',\n translationKey: 'readyToSubmit',\n },\n condition: payroll => !!payroll.calculatedAt && !payroll.processed,\n },\n {\n name: 'waitingForWireIn',\n badge: {\n variant: 'warning',\n translationKey: 'waitingForWireIn',\n },\n condition: (payroll, wireInRequest) =>\n !!payroll.processed && wireInRequest?.status === WireInRequestStatus.AwaitingFunds,\n },\n {\n name: 'pendingApproval',\n badge: {\n variant: 'warning',\n translationKey: 'pendingApproval',\n },\n condition: (payroll, wireInRequest) =>\n !!payroll.processed && wireInRequest?.status === WireInRequestStatus.PendingReview,\n },\n {\n name: 'dueInHours',\n badge: payroll => {\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n if (hoursDiff === null) {\n return {\n variant: 'warning',\n translationKey: 'dueInHours',\n translationParams: { hours: 0 },\n }\n }\n\n const hours = Math.ceil(hoursDiff)\n\n return {\n variant: 'warning',\n translationKey: 'dueInHours',\n translationParams: { hours },\n }\n },\n condition: payroll => {\n if (!payroll.payrollDeadline \|\| payroll.processed) return false\n\n if (\n payroll.processingRequest?.status &&\n ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n ) {\n return false\n }\n\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n if (hoursDiff === null) return false\n\n return hoursDiff > 0 && hoursDiff < 24\n },\n },\n {\n name: 'dueInDays',\n badge: payroll => {\n const daysDiff = getDaysUntil(payroll.payrollDeadline)\n if (daysDiff === null) {\n return {\n variant: 'info',\n translationKey: 'dueInDays',\n translationParams: { days: 0 },\n }\n }\n\n const days = Math.ceil(daysDiff)\n\n return {\n variant: 'info',\n translationKey: 'dueInDays',\n translationParams: { days },\n }\n },\n condition: payroll => {\n if (!payroll.payrollDeadline \|\| payroll.processed) return false\n\n if (\n payroll.processingRequest?.status &&\n ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n ) {\n return false\n }\n\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n const daysDiff = getDaysUntil(payroll.payrollDeadline)\n if (hoursDiff === null \|\| daysDiff === null) return false\n\n return hoursDiff > 0 && hoursDiff >= 24 && Math.ceil(daysDiff) <= 30\n },\n },\n {\n name: 'paid',\n badge: {\n variant: 'success',\n translationKey: 'complete',\n },\n condition: payroll => {\n if (!payroll.processed) return false\n\n const now = new Date()\n const checkDate = normalizeToDate(payroll.checkDate)\n\n return checkDate !== null && checkDate <= now\n },\n },\n {\n name: 'pending',\n badge: {\n variant: 'info',\n translationKey: 'pending',\n },\n condition: payroll => !!payroll.processed,\n },\n {\n name: 'unprocessed',\n badge: {\n variant: 'info',\n translationKey: 'unprocessed',\n },\n condition: payroll => !payroll.processed && !payroll.processingRequest?.status,\n },\n]\n"],"names":["ACTIVE_PROCESSING_STATUSES","PayrollProcessingRequestStatus","STATUS_CONFIG","payroll","daysDiff","getDaysUntil","hoursDiff","getHoursUntil","wireInRequest","WireInRequestStatus","now","checkDate","normalizeToDate"],"mappings":"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"}
1	+ {"version":3,"file":"payrollStatusConfig.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/payrollStatusConfig.ts"],"sourcesContent":["import { PayrollProcessingRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/payrollprocessingrequest'\nimport { WireInRequestStatus } from '@gusto/embedded-api-v-2025-11-15/models/components/wireinrequest'\nimport { normalizeToDate, getHoursUntil, getDaysUntil } from '@/helpers/dateFormatting'\n\n/** @internal /\nexport type PayrollStatusTranslationKey =\n \| 'processed'\n \| 'unprocessed'\n \| 'calculating'\n \| 'readyToSubmit'\n \| 'processing'\n \| 'failed'\n \| 'waitingForWireIn'\n \| 'pendingApproval'\n \| 'dueInHours'\n \| 'dueInDays'\n \| 'daysLate'\n \| 'pending'\n \| 'paid'\n \| 'complete'\n \| 'submitted'\n \| 'inProgress'\n\n/* @internal /\nexport type PayrollStatusBadge = {\n /* Optional pre-translated label; when omitted the consumer translates `translationKey`. /\n label?: string\n /* Badge color variant. /\n variant: 'success' \| 'warning' \| 'error' \| 'info'\n /* Key into the `Payroll.Common` `status.` translation namespace. /\n translationKey: PayrollStatusTranslationKey\n /** Optional interpolation values for the translation (e.g. `{ hours: 3 }`). /\n translationParams?: Record<string, string \| number>\n}\n\n/* @internal /\nexport type PayrollStatusBadges = {\n /* Ordered list of badges to render for a payroll row. /\n badges: PayrollStatusBadge[]\n}\n\n/* @internal /\nexport type PayrollInput = {\n /* Whether the payroll has been submitted for processing. /\n processed?: boolean\n /* Date employees are paid; used to distinguish `pending` from `complete`. /\n checkDate?: string \| null \| Date\n /* Deadline by which the payroll must be submitted. /\n payrollDeadline?: string \| null \| Date\n /* Timestamp marking when calculation finished. /\n calculatedAt?: Date \| null\n /* Current processing request status and any associated errors. /\n processingRequest?: {\n /* Lifecycle status reported by the payroll processing request. /\n status?: PayrollProcessingRequestStatus\n /* Errors surfaced by the processing request, when any. /\n errors?: unknown[]\n } \| null\n}\n\n/* @internal /\nexport type WireInRequestInput = {\n /* Wire-in request lifecycle status (e.g. awaiting funds, pending review). /\n status?: string\n /* UUID of the associated payment. /\n paymentUuid?: string\n /* Deadline by which the wire must be received. /\n wireInDeadline?: string\n} \| null\n\n/* @internal /\nexport type StatusConfig = {\n /* Identifier for the status rule; used for debugging and snapshot diffs. /\n name: string\n /* Either a static badge or a factory that derives one from the payroll/wire-in inputs. /\n badge:\n \| PayrollStatusBadge\n \| ((payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadge)\n /* Predicate that decides whether this status applies to the given inputs. /\n condition: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => boolean\n /* When true, evaluation continues to later rules instead of stopping at the first match. /\n continueChecking?: boolean\n}\n\nconst ACTIVE_PROCESSING_STATUSES: PayrollProcessingRequestStatus[] = [\n PayrollProcessingRequestStatus.Calculating,\n PayrollProcessingRequestStatus.Submitting,\n PayrollProcessingRequestStatus.ProcessingFailed,\n]\n\n/* @internal */\nexport const STATUS_CONFIG: StatusConfig[] = [\n {\n name: 'calculating',\n badge: {\n variant: 'info',\n translationKey: 'calculating',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.Calculating,\n },\n {\n name: 'readyToSubmit',\n badge: {\n variant: 'info',\n translationKey: 'readyToSubmit',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess &&\n !!payroll.calculatedAt,\n },\n {\n name: 'processing',\n badge: {\n variant: 'warning',\n translationKey: 'processing',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.Submitting,\n continueChecking: true,\n },\n {\n name: 'failed',\n badge: {\n variant: 'error',\n translationKey: 'failed',\n },\n condition: payroll =>\n payroll.processingRequest?.status === PayrollProcessingRequestStatus.ProcessingFailed,\n continueChecking: true,\n },\n {\n name: 'late',\n badge: payroll => {\n const daysDiff = getDaysUntil(payroll.payrollDeadline)\n if (daysDiff === null) {\n return {\n variant: 'error',\n translationKey: 'daysLate',\n translationParams: { days: 0 },\n }\n }\n\n const daysPast = Math.abs(Math.floor(daysDiff))\n\n return {\n variant: 'error',\n translationKey: 'daysLate',\n translationParams: { days: daysPast },\n }\n },\n condition: payroll => {\n if (!payroll.payrollDeadline \|\| payroll.processed) return false\n\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n if (hoursDiff === null) return false\n\n return hoursDiff < 0\n },\n },\n {\n name: 'readyToSubmitFallback',\n badge: {\n variant: 'info',\n translationKey: 'readyToSubmit',\n },\n condition: payroll => !!payroll.calculatedAt && !payroll.processed,\n },\n {\n name: 'waitingForWireIn',\n badge: {\n variant: 'warning',\n translationKey: 'waitingForWireIn',\n },\n condition: (payroll, wireInRequest) =>\n !!payroll.processed && wireInRequest?.status === WireInRequestStatus.AwaitingFunds,\n },\n {\n name: 'pendingApproval',\n badge: {\n variant: 'warning',\n translationKey: 'pendingApproval',\n },\n condition: (payroll, wireInRequest) =>\n !!payroll.processed && wireInRequest?.status === WireInRequestStatus.PendingReview,\n },\n {\n name: 'dueInHours',\n badge: payroll => {\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n if (hoursDiff === null) {\n return {\n variant: 'warning',\n translationKey: 'dueInHours',\n translationParams: { hours: 0 },\n }\n }\n\n const hours = Math.ceil(hoursDiff)\n\n return {\n variant: 'warning',\n translationKey: 'dueInHours',\n translationParams: { hours },\n }\n },\n condition: payroll => {\n if (!payroll.payrollDeadline \|\| payroll.processed) return false\n\n if (\n payroll.processingRequest?.status &&\n ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n ) {\n return false\n }\n\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n if (hoursDiff === null) return false\n\n return hoursDiff > 0 && hoursDiff < 24\n },\n },\n {\n name: 'dueInDays',\n badge: payroll => {\n const daysDiff = getDaysUntil(payroll.payrollDeadline)\n if (daysDiff === null) {\n return {\n variant: 'info',\n translationKey: 'dueInDays',\n translationParams: { days: 0 },\n }\n }\n\n const days = Math.ceil(daysDiff)\n\n return {\n variant: 'info',\n translationKey: 'dueInDays',\n translationParams: { days },\n }\n },\n condition: payroll => {\n if (!payroll.payrollDeadline \|\| payroll.processed) return false\n\n if (\n payroll.processingRequest?.status &&\n ACTIVE_PROCESSING_STATUSES.includes(payroll.processingRequest.status)\n ) {\n return false\n }\n\n const hoursDiff = getHoursUntil(payroll.payrollDeadline)\n const daysDiff = getDaysUntil(payroll.payrollDeadline)\n if (hoursDiff === null \|\| daysDiff === null) return false\n\n return hoursDiff > 0 && hoursDiff >= 24 && Math.ceil(daysDiff) <= 30\n },\n },\n {\n name: 'paid',\n badge: {\n variant: 'success',\n translationKey: 'complete',\n },\n condition: payroll => {\n if (!payroll.processed) return false\n\n const now = new Date()\n const checkDate = normalizeToDate(payroll.checkDate)\n\n return checkDate !== null && checkDate <= now\n },\n },\n {\n name: 'pending',\n badge: {\n variant: 'info',\n translationKey: 'pending',\n },\n condition: payroll => !!payroll.processed,\n },\n {\n name: 'unprocessed',\n badge: {\n variant: 'info',\n translationKey: 'unprocessed',\n },\n condition: payroll => !payroll.processed && !payroll.processingRequest?.status,\n },\n]\n"],"names":["ACTIVE_PROCESSING_STATUSES","PayrollProcessingRequestStatus","STATUS_CONFIG","payroll","daysDiff","getDaysUntil","hoursDiff","getHoursUntil","wireInRequest","WireInRequestStatus","now","checkDate","normalizeToDate"],"mappings":"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"}

package/dist/components/Payroll/PayrollStatusBadges/usePayrollStatusBadges.d.ts CHANGED Viewed

@@ -1,3 +1,5 @@
 import { PayrollInput, WireInRequestInput, PayrollStatusBadges } from './payrollStatusConfig';
+/** @internal */
 export declare const getPayrollStatusBadges: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadges;
+/** @internal */
 export declare const usePayrollStatusBadges: (payroll: PayrollInput, wireInRequest?: WireInRequestInput) => PayrollStatusBadges;

package/dist/components/Payroll/PayrollStatusBadges/usePayrollStatusBadges.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"usePayrollStatusBadges.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/usePayrollStatusBadges.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n PayrollInput,\n WireInRequestInput,\n PayrollStatusBadges,\n PayrollStatusBadge,\n} from './payrollStatusConfig'\nimport { STATUS_CONFIG } from './payrollStatusConfig'\n\nexport const getPayrollStatusBadges = (\n payroll: PayrollInput,\n wireInRequest?: WireInRequestInput,\n): PayrollStatusBadges => {\n const badges: PayrollStatusBadge[] = []\n\n for (const config of STATUS_CONFIG) {\n if (config.condition(payroll, wireInRequest)) {\n const badge =\n typeof config.badge === 'function' ? config.badge(payroll, wireInRequest) : config.badge\n badges.push(badge)\n\n if (!config.continueChecking) {\n break\n }\n }\n }\n\n return { badges }\n}\n\nexport const usePayrollStatusBadges = (\n payroll: PayrollInput,\n wireInRequest?: WireInRequestInput,\n): PayrollStatusBadges => {\n return useMemo(() => getPayrollStatusBadges(payroll, wireInRequest), [payroll, wireInRequest])\n}\n"],"names":["getPayrollStatusBadges","payroll","wireInRequest","badges","config","STATUS_CONFIG","badge","usePayrollStatusBadges","useMemo"],"mappings":";;~~AASO~~,MAAMA,IAAyB,CACpCC,GACAC,MACwB;AACxB,QAAMC,IAA+B,CAAA;AAErC,aAAWC,KAAUC;AACnB,QAAID,EAAO,UAAUH,GAASC,CAAa,GAAG;AAC5C,YAAMI,IACJ,OAAOF,EAAO,SAAU,aAAaA,EAAO,MAAMH,GAASC,CAAa,IAAIE,EAAO;AAGrF,UAFAD,EAAO,KAAKG,CAAK,GAEb,CAACF,EAAO;AACV;AAAA,IAEJ;AAGF,SAAO,EAAE,QAAAD,EAAA;AACX,~~GAEaI~~,IAAyB,CACpCN,GACAC,MAEOM,EAAQ,MAAMR,EAAuBC,GAASC,CAAa,GAAG,CAACD,GAASC,CAAa,CAAC;"}
1	+ {"version":3,"file":"usePayrollStatusBadges.js","sources":["../../../../src/components/Payroll/PayrollStatusBadges/usePayrollStatusBadges.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n PayrollInput,\n WireInRequestInput,\n PayrollStatusBadges,\n PayrollStatusBadge,\n} from './payrollStatusConfig'\nimport { STATUS_CONFIG } from './payrollStatusConfig'\n\n/** @internal /\nexport const getPayrollStatusBadges = (\n payroll: PayrollInput,\n wireInRequest?: WireInRequestInput,\n): PayrollStatusBadges => {\n const badges: PayrollStatusBadge[] = []\n\n for (const config of STATUS_CONFIG) {\n if (config.condition(payroll, wireInRequest)) {\n const badge =\n typeof config.badge === 'function' ? config.badge(payroll, wireInRequest) : config.badge\n badges.push(badge)\n\n if (!config.continueChecking) {\n break\n }\n }\n }\n\n return { badges }\n}\n\n/* @internal */\nexport const usePayrollStatusBadges = (\n payroll: PayrollInput,\n wireInRequest?: WireInRequestInput,\n): PayrollStatusBadges => {\n return useMemo(() => getPayrollStatusBadges(payroll, wireInRequest), [payroll, wireInRequest])\n}\n"],"names":["getPayrollStatusBadges","payroll","wireInRequest","badges","config","STATUS_CONFIG","badge","usePayrollStatusBadges","useMemo"],"mappings":";;AAUO,MAAMA,IAAyB,CACpCC,GACAC,MACwB;AACxB,QAAMC,IAA+B,CAAA;AAErC,aAAWC,KAAUC;AACnB,QAAID,EAAO,UAAUH,GAASC,CAAa,GAAG;AAC5C,YAAMI,IACJ,OAAOF,EAAO,SAAU,aAAaA,EAAO,MAAMH,GAASC,CAAa,IAAIE,EAAO;AAGrF,UAFAD,EAAO,KAAKG,CAAK,GAEb,CAACF,EAAO;AACV;AAAA,IAEJ;AAGF,SAAO,EAAE,QAAAD,EAAA;AACX,GAGaI,IAAyB,CACpCN,GACAC,MAEOM,EAAQ,MAAMR,EAAuBC,GAASC,CAAa,GAAG,CAACD,GAASC,CAAa,CAAC;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCases.d.ts CHANGED Viewed

@@ -1,9 +1,29 @@
 import { BaseComponentInterface } from '../../Base';
-export interface RecoveryCasesProps {
+interface RecoveryCasesProps {
     companyId: string;
     onEvent?: BaseComponentInterface['onEvent'];
 }
 interface RecoveryCasesInternalProps extends Omit<BaseComponentInterface, 'onEvent'>, RecoveryCasesProps {
 }
+/**
+ * Displays open recovery cases for a company and provides an in-modal resubmit workflow for resolving them.
+ *
+ * @remarks
+ * Recovery cases are issues that surface after a payroll has been submitted
+ * (for example, a returned ACH transfer) and must be resolved before subsequent
+ * payrolls can run cleanly. This component is also embedded inside
+ * {@link PayrollBlockerList}, but can be used standalone when you want a
+ * dedicated recovery cases surface.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `recoveryCase/resolve` | User opens the resubmit modal for a recovery case | `{ recoveryCaseId: string }` |
+ * | `recoveryCase/resubmit/done` | User successfully resubmits a recovery case | Resubmit result payload |
+ * | `recoveryCase/resubmit/cancel` | User cancels the resubmit modal | — |
+ *
+ * @param props - Accepts `companyId` (required) and an optional `onEvent` handler.
+ * @returns The recovery cases list with an embedded resubmit modal.
+ * @public
+ */
 export declare function RecoveryCases({ onEvent, ...props }: RecoveryCasesInternalProps): import("react").JSX.Element;
 export {};

package/dist/components/Payroll/RecoveryCases/RecoveryCases.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecoveryCases.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCases.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { useMemo, useState } from 'react'\nimport { RecoveryCasesList } from './RecoveryCasesList'\nimport { recoveryCasesMachine } from './recoveryCasesStateMachine'\nimport { type RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\~~nexport~~ ~~interface~~ RecoveryCasesProps {\n companyId: string\n onEvent?: BaseComponentInterface['onEvent']\n}\n\ninterface RecoveryCasesInternalProps\n extends Omit<BaseComponentInterface, 'onEvent'>, RecoveryCasesProps {}\n\nexport function RecoveryCases({ onEvent = () => {}, ...props }: RecoveryCasesInternalProps) {\n return (\n <BaseComponent {...props} onEvent={onEvent}>\n <Root {...props} onEvent={onEvent} />\n </BaseComponent>\n )\n}\n\nfunction Root({ companyId, onEvent = () => {} }: RecoveryCasesInternalProps) {\n const { Modal } = useComponentContext()\n const [isModalOpen, setIsModalOpen] = useState(false)\n\n const recoveryCasesMachineInstance = useMemo(\n () =>\n createMachine(\n 'list',\n recoveryCasesMachine,\n (): RecoveryCasesContextInterface => ({\n component: null,\n companyId,\n onEvent: handleEvent,\n }),\n ),\n [companyId],\n )\n const [current, send] = useMachine(recoveryCasesMachineInstance)\n\n function handleEvent(type: EventType, data?: unknown): void {\n send({ type, payload: data })\n\n if (type === recoveryCasesEvents.RECOVERY_CASE_RESOLVE) {\n setIsModalOpen(true)\n }\n\n if (\n type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL \|\|\n type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE\n ) {\n setIsModalOpen(false)\n }\n\n onEvent(type, data)\n }\n\n const handleCloseModal = () => {\n setIsModalOpen(false)\n }\n\n const CurrentComponent = current.context.component\n const Footer = CurrentComponent?.Footer \|\| undefined\n\n return (\n <FlowContext.Provider\n value={{\n ...current.context,\n onEvent: handleEvent,\n }}\n >\n <RecoveryCasesList companyId={companyId} onEvent={handleEvent} />\n <Modal\n isOpen={isModalOpen}\n onClose={handleCloseModal}\n footer={Footer && <Footer onEvent={handleEvent} />}\n >\n {CurrentComponent && <CurrentComponent />}\n </Modal>\n </FlowContext.Provider>\n )\n}\n"],"names":["RecoveryCases","onEvent","props","jsx","BaseComponent","Root","companyId","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","recoveryCasesMachineInstance","useMemo","createMachine","recoveryCasesMachine","handleEvent","current","send","useMachine","type","data","recoveryCasesEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","RecoveryCasesList"],"mappings":";;;;;;;;;;;~~AAmBO~~,SAASA,EAAc,EAAE,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAAqC;AAC1F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,SAAAD,GACxB,4BAACI,GAAA,EAAM,GAAGH,GAAO,SAAAD,EAAA,CAAkB,EAAA,CACrC;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,SAAAL,IAAU,MAAM;AAAC,KAAiC;AAC3E,QAAM,EAAE,OAAAM,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAA+BC;AAAA,IACnC,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,OAAsC;AAAA,QACpC,WAAW;AAAA,QACX,WAAAT;AAAA,QACA,SAASU;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,CAACV,CAAS;AAAA,EAAA,GAEN,CAACW,GAASC,CAAI,IAAIC,EAAWP,CAA4B;AAE/D,WAASI,EAAYI,GAAiBC,GAAsB;AAC1D,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAoB,yBAC/BZ,EAAe,EAAI,IAInBU,MAASE,EAAoB,iCAC7BF,MAASE,EAAoB,gCAE7BZ,EAAe,EAAK,GAGtBT,EAAQmB,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAME,IAAmB,MAAM;AAC7B,IAAAb,EAAe,EAAK;AAAA,EACtB,GAEMc,IAAmBP,EAAQ,QAAQ,WACnCQ,IAASD,GAAkB,UAAU;AAE3C,SACE,gBAAAE;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAQ;AAAA,QACX,SAASD;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAb,EAACyB,GAAA,EAAkB,WAAAtB,GAAsB,SAASU,EAAA,CAAa;AAAA,QAC/D,gBAAAb;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAtB,EAACsB,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}
1	+ {"version":3,"file":"RecoveryCases.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCases.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMachine } from 'react-robot'\nimport { useMemo, useState } from 'react'\nimport { RecoveryCasesList } from './RecoveryCasesList'\nimport { recoveryCasesMachine } from './recoveryCasesStateMachine'\nimport { type RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { FlowContext } from '@/components/Flow/useFlow'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ninterface RecoveryCasesProps {\n companyId: string\n onEvent?: BaseComponentInterface['onEvent']\n}\n\ninterface RecoveryCasesInternalProps\n extends Omit<BaseComponentInterface, 'onEvent'>, RecoveryCasesProps {}\n\n/*\n Displays open recovery cases for a company and provides an in-modal resubmit workflow for resolving them.\n \n @remarks\n * Recovery cases are issues that surface after a payroll has been submitted\n * (for example, a returned ACH transfer) and must be resolved before subsequent\n * payrolls can run cleanly. This component is also embedded inside\n * {@link PayrollBlockerList}, but can be used standalone when you want a\n * dedicated recovery cases surface.\n \n \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `recoveryCase/resolve` \| User opens the resubmit modal for a recovery case \| `{ recoveryCaseId: string }` \|\n * \| `recoveryCase/resubmit/done` \| User successfully resubmits a recovery case \| Resubmit result payload \|\n * \| `recoveryCase/resubmit/cancel` \| User cancels the resubmit modal \| — \|\n \n @param props - Accepts `companyId` (required) and an optional `onEvent` handler.\n * @returns The recovery cases list with an embedded resubmit modal.\n * @public\n */\nexport function RecoveryCases({ onEvent = () => {}, ...props }: RecoveryCasesInternalProps) {\n return (\n <BaseComponent {...props} onEvent={onEvent}>\n <Root {...props} onEvent={onEvent} />\n </BaseComponent>\n )\n}\n\nfunction Root({ companyId, onEvent = () => {} }: RecoveryCasesInternalProps) {\n const { Modal } = useComponentContext()\n const [isModalOpen, setIsModalOpen] = useState(false)\n\n const recoveryCasesMachineInstance = useMemo(\n () =>\n createMachine(\n 'list',\n recoveryCasesMachine,\n (): RecoveryCasesContextInterface => ({\n component: null,\n companyId,\n onEvent: handleEvent,\n }),\n ),\n [companyId],\n )\n const [current, send] = useMachine(recoveryCasesMachineInstance)\n\n function handleEvent(type: EventType, data?: unknown): void {\n send({ type, payload: data })\n\n if (type === recoveryCasesEvents.RECOVERY_CASE_RESOLVE) {\n setIsModalOpen(true)\n }\n\n if (\n type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL \|\|\n type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE\n ) {\n setIsModalOpen(false)\n }\n\n onEvent(type, data)\n }\n\n const handleCloseModal = () => {\n setIsModalOpen(false)\n }\n\n const CurrentComponent = current.context.component\n const Footer = CurrentComponent?.Footer \|\| undefined\n\n return (\n <FlowContext.Provider\n value={{\n ...current.context,\n onEvent: handleEvent,\n }}\n >\n <RecoveryCasesList companyId={companyId} onEvent={handleEvent} />\n <Modal\n isOpen={isModalOpen}\n onClose={handleCloseModal}\n footer={Footer && <Footer onEvent={handleEvent} />}\n >\n {CurrentComponent && <CurrentComponent />}\n </Modal>\n </FlowContext.Provider>\n )\n}\n"],"names":["RecoveryCases","onEvent","props","jsx","BaseComponent","Root","companyId","Modal","useComponentContext","isModalOpen","setIsModalOpen","useState","recoveryCasesMachineInstance","useMemo","createMachine","recoveryCasesMachine","handleEvent","current","send","useMachine","type","data","recoveryCasesEvents","handleCloseModal","CurrentComponent","Footer","jsxs","FlowContext","RecoveryCasesList"],"mappings":";;;;;;;;;;;AAuCO,SAASA,EAAc,EAAE,SAAAC,IAAU,MAAM;AAAC,GAAG,GAAGC,KAAqC;AAC1F,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,SAAAD,GACxB,4BAACI,GAAA,EAAM,GAAGH,GAAO,SAAAD,EAAA,CAAkB,EAAA,CACrC;AAEJ;AAEA,SAASI,EAAK,EAAE,WAAAC,GAAW,SAAAL,IAAU,MAAM;AAAC,KAAiC;AAC3E,QAAM,EAAE,OAAAM,EAAA,IAAUC,EAAA,GACZ,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAK,GAE9CC,IAA+BC;AAAA,IACnC,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,OAAsC;AAAA,QACpC,WAAW;AAAA,QACX,WAAAT;AAAA,QACA,SAASU;AAAA,MAAA;AAAA,IACX;AAAA,IAEJ,CAACV,CAAS;AAAA,EAAA,GAEN,CAACW,GAASC,CAAI,IAAIC,EAAWP,CAA4B;AAE/D,WAASI,EAAYI,GAAiBC,GAAsB;AAC1D,IAAAH,EAAK,EAAE,MAAAE,GAAM,SAASC,EAAA,CAAM,GAExBD,MAASE,EAAoB,yBAC/BZ,EAAe,EAAI,IAInBU,MAASE,EAAoB,iCAC7BF,MAASE,EAAoB,gCAE7BZ,EAAe,EAAK,GAGtBT,EAAQmB,GAAMC,CAAI;AAAA,EACpB;AAEA,QAAME,IAAmB,MAAM;AAC7B,IAAAb,EAAe,EAAK;AAAA,EACtB,GAEMc,IAAmBP,EAAQ,QAAQ,WACnCQ,IAASD,GAAkB,UAAU;AAE3C,SACE,gBAAAE;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAGV,EAAQ;AAAA,QACX,SAASD;AAAA,MAAA;AAAA,MAGX,UAAA;AAAA,QAAA,gBAAAb,EAACyB,GAAA,EAAkB,WAAAtB,GAAsB,SAASU,EAAA,CAAa;AAAA,QAC/D,gBAAAb;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,QAAQE;AAAA,YACR,SAASc;AAAA,YACT,QAAQE,KAAU,gBAAAtB,EAACsB,GAAA,EAAO,SAAST,GAAa;AAAA,YAE/C,UAAAQ,uBAAqBA,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACzC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesComponents.d.ts CHANGED Viewed

@@ -2,15 +2,20 @@ import { FlowContextInterface } from '../../Flow/useFlow';
 import { CommonComponentInterface } from '../../Base';
 import { EventType } from '../../../types/Helpers';
 import { OnEventType } from '../../Base/useBase';
+/** @internal */
 export interface RecoveryCasesContextInterface extends FlowContextInterface {
+    /** Identifier of the company whose recovery cases are being managed. */
     companyId: string;
+    /** Identifier of the recovery case the user is currently resolving, if any. */
     selectedRecoveryCaseId?: string;
+    /** Component to render inside the modal for the current state, or `null` when no modal step is active. */
     component: (React.ComponentType<CommonComponentInterface> & {
         Footer?: React.ComponentType<{
             onEvent: OnEventType<EventType, unknown>;
         }>;
     }) | null;
 }
+/** @internal */
 export declare function RecoveryCasesResubmitContextual(): import("react").JSX.Element;
 export declare namespace RecoveryCasesResubmitContextual {
     var Footer: ({ onEvent }: {

package/dist/components/Payroll/RecoveryCases/RecoveryCasesComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecoveryCasesComponents.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCasesComponents.tsx"],"sourcesContent":["import { RecoveryCasesResubmit } from './RecoveryCasesResubmit'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { CommonComponentInterface } from '@/components/Base'\nimport type { EventType } from '@/types/Helpers'\nimport type { OnEventType } from '@/components/Base/useBase'\n\nexport interface RecoveryCasesContextInterface extends FlowContextInterface {\n companyId: string\n selectedRecoveryCaseId?: string\n component:\n \| (React.ComponentType<CommonComponentInterface> & {\n Footer?: React.ComponentType<{\n onEvent: OnEventType<EventType, unknown>\n }>\n })\n \| null\n}\n\nexport function RecoveryCasesResubmitContextual() {\n const { selectedRecoveryCaseId, onEvent } = useFlow<RecoveryCasesContextInterface>()\n\n return (\n <RecoveryCasesResubmit\n recoveryCaseId={ensureRequired(selectedRecoveryCaseId)}\n onEvent={onEvent}\n />\n )\n}\n\nRecoveryCasesResubmitContextual.Footer = RecoveryCasesResubmit.Footer\n"],"names":["RecoveryCasesResubmitContextual","selectedRecoveryCaseId","onEvent","useFlow","jsx","RecoveryCasesResubmit","ensureRequired"],"mappings":";;;;~~AAoBO~~,SAASA,IAAkC;AAChD,QAAM,EAAE,wBAAAC,GAAwB,SAAAC,EAAA,IAAYC,EAAA;AAE5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBC,EAAeL,CAAsB;AAAA,MACrD,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAF,EAAgC,SAASK,EAAsB;"}
1	+ {"version":3,"file":"RecoveryCasesComponents.js","sources":["../../../../src/components/Payroll/RecoveryCases/RecoveryCasesComponents.tsx"],"sourcesContent":["import { RecoveryCasesResubmit } from './RecoveryCasesResubmit'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { CommonComponentInterface } from '@/components/Base'\nimport type { EventType } from '@/types/Helpers'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/** @internal /\nexport interface RecoveryCasesContextInterface extends FlowContextInterface {\n /* Identifier of the company whose recovery cases are being managed. /\n companyId: string\n /* Identifier of the recovery case the user is currently resolving, if any. /\n selectedRecoveryCaseId?: string\n /* Component to render inside the modal for the current state, or `null` when no modal step is active. /\n component:\n \| (React.ComponentType<CommonComponentInterface> & {\n Footer?: React.ComponentType<{\n onEvent: OnEventType<EventType, unknown>\n }>\n })\n \| null\n}\n\n/* @internal */\nexport function RecoveryCasesResubmitContextual() {\n const { selectedRecoveryCaseId, onEvent } = useFlow<RecoveryCasesContextInterface>()\n\n return (\n <RecoveryCasesResubmit\n recoveryCaseId={ensureRequired(selectedRecoveryCaseId)}\n onEvent={onEvent}\n />\n )\n}\n\nRecoveryCasesResubmitContextual.Footer = RecoveryCasesResubmit.Footer\n"],"names":["RecoveryCasesResubmitContextual","selectedRecoveryCaseId","onEvent","useFlow","jsx","RecoveryCasesResubmit","ensureRequired"],"mappings":";;;;AAyBO,SAASA,IAAkC;AAChD,QAAM,EAAE,wBAAAC,GAAwB,SAAAC,EAAA,IAAYC,EAAA;AAE5C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,gBAAgBC,EAAeL,CAAsB;AAAA,MACrD,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEAF,EAAgC,SAASK,EAAsB;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.d.ts CHANGED Viewed

@@ -3,5 +3,6 @@ interface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.Recover
     companyId: string;
     onEvent: BaseComponentInterface['onEvent'];
 }
+/** @internal */
 export declare function RecoveryCasesList(props: RecoveryCasesListProps): import("react").JSX.Element;
 export {};

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

	@@ -1 +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-v-2025-11-15/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/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 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.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":";;;;;;;;;;;;;;;;~~AAuBO~~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"}
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-v-2025-11-15/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/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 onEvent: BaseComponentInterface['onEvent']\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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"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.d.ts CHANGED Viewed

@@ -5,6 +5,7 @@ interface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.Rec
     recoveryCaseId: string;
     onEvent: OnEventType<EventType, unknown>;
 }
+/** @internal */
 export declare function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps): import("react").JSX.Element;
 export declare namespace RecoveryCasesResubmit {
     var Footer: ({ onEvent }: {

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n useRecoveryCasesRedebitMutation,\n mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api-v-2025-11-15/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n recoveryCaseId: string\n onEvent: OnEventType<EventType, unknown>\n}\n\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n const { Heading, Text } = useComponentContext()\n const { onEvent, baseSubmitHandler } = useBase()\n const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n const { data: recoveryCasesData } = useRecoveryCasesGet({\n companyUuid: companyId,\n })\n\n const recoveryCase = recoveryCasesData?.recoveryCases?.find(rc => rc.uuid === recoveryCaseId)\n\n const { title, subtitle, description } = useRecoveryCaseErrorCode(\n recoveryCase?.latestErrorCode ?? undefined,\n )\n\n const redebitMutation = useRecoveryCasesRedebitMutation()\n\n const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n await baseSubmitHandler({}, async () => {\n await redebitMutation.mutateAsync({\n request: {\n recoveryCaseUuid: recoveryCaseId,\n },\n })\n onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n recoveryCaseId,\n })\n })\n }\n\n return (\n <Flex flexDirection=\"column\" gap={16}>\n {title && <Heading as=\"h2\">{title}</Heading>}\n {subtitle && <Text>{subtitle}</Text>}\n {description.length > 0 && description}\n {/\n This empty form is used to connect the Footer's submit button to the submission logic\n via the form attribute. This is semantically incorrect and hidden from assistive tech.\n /}\n <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n {/* Empty form - submission triggered by footer button via form attribute */}\n </Form>\n </Flex>\n )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n useI18n('Payroll.RecoveryCasesResubmit')\n const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n const { Button } = useComponentContext()\n\n const isMutating = useIsMutating({\n mutationKey: mutationKeyRecoveryCasesRedebit(),\n })\n const isPending = isMutating > 0\n\n const handleCancel = () => {\n onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n }\n\n return (\n <Flex justifyContent=\"flex-end\" gap={12}>\n <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n {t('cta.cancel')}\n </Button>\n <Button\n variant=\"primary\"\n type=\"submit\"\n form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n isLoading={isPending}\n >\n {t('cta.resubmit')}\n </Button>\n </Flex>\n )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;~~AAOjC~~,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,eAAe,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEtF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}
1	+ {"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n useRecoveryCasesRedebitMutation,\n mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api-v-2025-11-15/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n recoveryCaseId: string\n onEvent: OnEventType<EventType, unknown>\n}\n\n/** @internal /\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n const { Heading, Text } = useComponentContext()\n const { onEvent, baseSubmitHandler } = useBase()\n const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n const { data: recoveryCasesData } = useRecoveryCasesGet({\n companyUuid: companyId,\n })\n\n const recoveryCase = recoveryCasesData?.recoveryCases?.find(rc => rc.uuid === recoveryCaseId)\n\n const { title, subtitle, description } = useRecoveryCaseErrorCode(\n recoveryCase?.latestErrorCode ?? undefined,\n )\n\n const redebitMutation = useRecoveryCasesRedebitMutation()\n\n const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n e.preventDefault()\n await baseSubmitHandler({}, async () => {\n await redebitMutation.mutateAsync({\n request: {\n recoveryCaseUuid: recoveryCaseId,\n },\n })\n onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n recoveryCaseId,\n })\n })\n }\n\n return (\n <Flex flexDirection=\"column\" gap={16}>\n {title && <Heading as=\"h2\">{title}</Heading>}\n {subtitle && <Text>{subtitle}</Text>}\n {description.length > 0 && description}\n {/\n This empty form is used to connect the Footer's submit button to the submission logic\n via the form attribute. This is semantically incorrect and hidden from assistive tech.\n /}\n <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n {/ Empty form - submission triggered by footer button via form attribute */}\n </Form>\n </Flex>\n )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n useI18n('Payroll.RecoveryCasesResubmit')\n const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n const { Button } = useComponentContext()\n\n const isMutating = useIsMutating({\n mutationKey: mutationKeyRecoveryCasesRedebit(),\n })\n const isPending = isMutating > 0\n\n const handleCancel = () => {\n onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n }\n\n return (\n <Flex justifyContent=\"flex-end\" gap={12}>\n <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n {t('cta.cancel')}\n </Button>\n <Button\n variant=\"primary\"\n type=\"submit\"\n form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n isLoading={isPending}\n >\n {t('cta.resubmit')}\n </Button>\n </Flex>\n )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAMA,IAAkC;AAQjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,eAAe,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEtF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}

package/dist/components/Payroll/RecoveryCases/index.d.ts CHANGED Viewed

@@ -1,3 +1,2 @@
 import "./types/i18next.d.ts"
 export { RecoveryCases } from './RecoveryCases';
-export type { RecoveryCasesContextInterface } from './RecoveryCasesComponents';

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.d.ts CHANGED Viewed

@@ -1,11 +1,16 @@
 import { recoveryCasesEvents } from '../../../shared/constants';
+/** @internal */
 export type EventPayloads = {
+    /** Payload carried when a user opens the resubmit modal for a recovery case. */
     [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {
         recoveryCaseId: string;
     };
+    /** No payload — the modal was cancelled. */
     [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined;
+    /** No payload — the resubmit completed successfully. */
     [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined;
 };
+/** @internal */
 export declare const recoveryCasesMachine: {
     list: import('robot3').MachineState<any>;
     resubmit: import('robot3').MachineState<any>;

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"recoveryCasesStateMachine.js","sources":["../../../../src/components/Payroll/RecoveryCases/recoveryCasesStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { RecoveryCasesResubmitContextual } from './RecoveryCasesComponents'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {\n recoveryCaseId: string\n }\n [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined\n [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined\n}\n\nexport const recoveryCasesMachine = {\n list: state<MachineTransition>(\n transition(\n recoveryCasesEvents.RECOVERY_CASE_RESOLVE,\n 'resubmit',\n reduce(\n (\n ctx: RecoveryCasesContextInterface,\n ev: MachineEventType<EventPayloads, typeof recoveryCasesEvents.RECOVERY_CASE_RESOLVE>,\n ): RecoveryCasesContextInterface => ({\n ...ctx,\n component: RecoveryCasesResubmitContextual,\n selectedRecoveryCaseId: ev.payload.recoveryCaseId,\n }),\n ),\n ),\n ),\n resubmit: state<MachineTransition>(\n transition(\n recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE,\n 'list',\n reduce(\n (ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n ...ctx,\n component: null,\n selectedRecoveryCaseId: undefined,\n }),\n ),\n ),\n transition(\n recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL,\n 'list',\n reduce(\n (ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n ...ctx,\n component: null,\n selectedRecoveryCaseId: undefined,\n }),\n ),\n ),\n ),\n final: state<MachineTransition>(),\n}\n"],"names":["recoveryCasesMachine","state","transition","recoveryCasesEvents","reduce","ctx","ev","RecoveryCasesResubmitContextual"],"mappings":";;;~~AAcO~~,MAAMA,IAAuB;AAAA,EAClC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACmC;AAAA,UACnC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,wBAAwBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,wBAAwB;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,wBAAwB;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}
1	+ {"version":3,"file":"recoveryCasesStateMachine.js","sources":["../../../../src/components/Payroll/RecoveryCases/recoveryCasesStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { RecoveryCasesResubmitContextual } from './RecoveryCasesComponents'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/** @internal /\nexport type EventPayloads = {\n /* Payload carried when a user opens the resubmit modal for a recovery case. /\n [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {\n recoveryCaseId: string\n }\n /* No payload — the modal was cancelled. /\n [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined\n /* No payload — the resubmit completed successfully. /\n [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined\n}\n\n/* @internal */\nexport const recoveryCasesMachine = {\n list: state<MachineTransition>(\n transition(\n recoveryCasesEvents.RECOVERY_CASE_RESOLVE,\n 'resubmit',\n reduce(\n (\n ctx: RecoveryCasesContextInterface,\n ev: MachineEventType<EventPayloads, typeof recoveryCasesEvents.RECOVERY_CASE_RESOLVE>,\n ): RecoveryCasesContextInterface => ({\n ...ctx,\n component: RecoveryCasesResubmitContextual,\n selectedRecoveryCaseId: ev.payload.recoveryCaseId,\n }),\n ),\n ),\n ),\n resubmit: state<MachineTransition>(\n transition(\n recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE,\n 'list',\n reduce(\n (ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n ...ctx,\n component: null,\n selectedRecoveryCaseId: undefined,\n }),\n ),\n ),\n transition(\n recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL,\n 'list',\n reduce(\n (ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n ...ctx,\n component: null,\n selectedRecoveryCaseId: undefined,\n }),\n ),\n ),\n ),\n final: state<MachineTransition>(),\n}\n"],"names":["recoveryCasesMachine","state","transition","recoveryCasesEvents","reduce","ctx","ev","RecoveryCasesResubmitContextual"],"mappings":";;;AAmBO,MAAMA,IAAuB;AAAA,EAClC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACmC;AAAA,UACnC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,wBAAwBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,wBAAwB;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,wBAAwB;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}

package/dist/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.d.ts CHANGED Viewed

@@ -1,7 +1,12 @@
 import { ReactNode } from 'react';
+/** @internal */
 export interface RecoveryCaseErrorCodeContent {
+    /** Localized title for the error code, or `null` when no error code is set. */
     title: string | null;
+    /** Localized subtitle for the error code, or `null` when no error code is set. */
     subtitle: string | null;
+    /** Localized description nodes for the error code, including any per-code instructions. Empty when no error code is set. */
     description: ReactNode[];
 }
+/** @internal */
 export declare function useRecoveryCaseErrorCode(errorCode: string | null | undefined): RecoveryCaseErrorCodeContent;

package/dist/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useRecoveryCaseErrorCode.js","sources":["../../../../src/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './RecoveryCaseErrorCode.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface RecoveryCaseErrorCodeContent {\n title: string \| null\n subtitle: string \| null\n description: ReactNode[]\n}\n\ntype ErrorCodeKey = 'R01' \| 'R02' \| 'R16' \| 'R29' \| 'bankError'\n\nfunction getErrorCodeKey(errorCode: string \| null \| undefined): ErrorCodeKey {\n switch (errorCode) {\n case 'R01':\n return 'R01'\n case 'R02':\n return 'R02'\n case 'R16':\n return 'R16'\n case 'R29':\n return 'R29'\n default:\n return 'bankError'\n }\n}\n\nexport function useRecoveryCaseErrorCode(\n errorCode: string \| null \| undefined,\n): RecoveryCaseErrorCodeContent {\n useI18n('Payroll.RecoveryCasesResubmit')\n const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n const { Text } = useComponentContext()\n\n if (!errorCode) {\n return {\n title: null,\n subtitle: null,\n description: [],\n }\n }\n\n const errorCodeKey = getErrorCodeKey(errorCode)\n\n const transComponents = {\n medium: <Text as=\"span\" weight=\"medium\" />,\n }\n\n const description: ReactNode[] = [\n <Text key=\"body\">\n <Trans t={t} i18nKey={`errorCodes.${errorCodeKey}.body`} components={transComponents} />\n </Text>,\n ]\n\n if (errorCodeKey === 'R29') {\n const achCodes = Object.values(t('errorCodes.R29.achCodes', { returnObjects: true }))\n description.push(\n <Flex key=\"instruction\" flexDirection=\"column\" gap={16}>\n <Text>{t('errorCodes.R29.listDescription')}</Text>\n <ul className={styles.compactList}>\n {achCodes.map((code, index) => (\n <li key={index}>{code}</li>\n ))}\n </ul>\n <Text>\n <Trans t={t} i18nKey=\"errorCodes.R29.instruction\" components={transComponents} />\n </Text>\n </Flex>,\n )\n } else {\n const instruction = t(`errorCodes.${errorCodeKey}.instruction`)\n if (instruction) {\n description.push(\n <Text key=\"instruction\">\n <Trans\n t={t}\n i18nKey={`errorCodes.${errorCodeKey}.instruction`}\n components={transComponents}\n />\n </Text>,\n )\n }\n }\n\n return {\n title: t(`errorCodes.${errorCodeKey}.title`),\n subtitle: t(`errorCodes.${errorCodeKey}.subtitle`),\n description,\n }\n}\n"],"names":["getErrorCodeKey","errorCode","useRecoveryCaseErrorCode","useI18n","t","useTranslation","Text","useComponentContext","errorCodeKey","transComponents","jsx","description","Trans","achCodes","jsxs","Flex","styles","code","index"],"mappings":";;;;;;;~~AAeA~~,SAASA,EAAgBC,GAAoD;AAC3E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;~~AAEO~~,SAASC,EACdD,GAC8B;AAC9B,EAAAE,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,MAAI,CAACN;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,CAAA;AAAA,IAAC;AAIlB,QAAMO,IAAeR,EAAgBC,CAAS,GAExCQ,IAAkB;AAAA,IACtB,QAAQ,gBAAAC,EAACJ,GAAA,EAAK,IAAG,QAAO,QAAO,SAAA,CAAS;AAAA,EAAA,GAGpCK,IAA2B;AAAA,IAC/B,gBAAAD,EAACJ,GAAA,EACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAS,cAAcI,CAAY,SAAS,YAAYC,EAAA,CAAiB,EAAA,GAD9E,MAEV;AAAA,EAAA;AAGF,MAAID,MAAiB,OAAO;AAC1B,UAAMK,IAAW,OAAO,OAAOT,EAAE,2BAA2B,EAAE,eAAe,GAAA,CAAM,CAAC;AACpF,IAAAO,EAAY;AAAA,MACV,gBAAAG,EAACC,GAAA,EAAuB,eAAc,UAAS,KAAK,IAClD,UAAA;AAAA,QAAA,gBAAAL,EAACJ,GAAA,EAAM,UAAAF,EAAE,gCAAgC,EAAA,CAAE;AAAA,QAC3C,gBAAAM,EAAC,MAAA,EAAG,WAAWM,EAAO,aACnB,UAAAH,EAAS,IAAI,CAACI,GAAMC,MACnB,gBAAAR,EAAC,MAAA,EAAgB,UAAAO,KAARC,CAAa,CACvB,GACH;AAAA,QACA,gBAAAR,EAACJ,KACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAQ,8BAA6B,YAAYK,EAAA,CAAiB,EAAA,CACjF;AAAA,MAAA,EAAA,GATQ,aAUV;AAAA,IAAA;AAAA,EAEJ;AAEE,IADoBL,EAAE,cAAcI,CAAY,cAAc,KAE5DG,EAAY;AAAA,wBACTL,GAAA,EACC,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAS,cAAcI,CAAY;AAAA,UACnC,YAAYC;AAAA,QAAA;AAAA,MAAA,KAJN,aAMV;AAAA,IAAA;AAKN,SAAO;AAAA,IACL,OAAOL,EAAE,cAAcI,CAAY,QAAQ;AAAA,IAC3C,UAAUJ,EAAE,cAAcI,CAAY,WAAW;AAAA,IACjD,aAAAG;AAAA,EAAA;AAEJ;"}
1	+ {"version":3,"file":"useRecoveryCaseErrorCode.js","sources":["../../../../src/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './RecoveryCaseErrorCode.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal /\nexport interface RecoveryCaseErrorCodeContent {\n /* Localized title for the error code, or `null` when no error code is set. /\n title: string \| null\n /* Localized subtitle for the error code, or `null` when no error code is set. /\n subtitle: string \| null\n /* Localized description nodes for the error code, including any per-code instructions. Empty when no error code is set. /\n description: ReactNode[]\n}\n\ntype ErrorCodeKey = 'R01' \| 'R02' \| 'R16' \| 'R29' \| 'bankError'\n\nfunction getErrorCodeKey(errorCode: string \| null \| undefined): ErrorCodeKey {\n switch (errorCode) {\n case 'R01':\n return 'R01'\n case 'R02':\n return 'R02'\n case 'R16':\n return 'R16'\n case 'R29':\n return 'R29'\n default:\n return 'bankError'\n }\n}\n\n/* @internal */\nexport function useRecoveryCaseErrorCode(\n errorCode: string \| null \| undefined,\n): RecoveryCaseErrorCodeContent {\n useI18n('Payroll.RecoveryCasesResubmit')\n const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n const { Text } = useComponentContext()\n\n if (!errorCode) {\n return {\n title: null,\n subtitle: null,\n description: [],\n }\n }\n\n const errorCodeKey = getErrorCodeKey(errorCode)\n\n const transComponents = {\n medium: <Text as=\"span\" weight=\"medium\" />,\n }\n\n const description: ReactNode[] = [\n <Text key=\"body\">\n <Trans t={t} i18nKey={`errorCodes.${errorCodeKey}.body`} components={transComponents} />\n </Text>,\n ]\n\n if (errorCodeKey === 'R29') {\n const achCodes = Object.values(t('errorCodes.R29.achCodes', { returnObjects: true }))\n description.push(\n <Flex key=\"instruction\" flexDirection=\"column\" gap={16}>\n <Text>{t('errorCodes.R29.listDescription')}</Text>\n <ul className={styles.compactList}>\n {achCodes.map((code, index) => (\n <li key={index}>{code}</li>\n ))}\n </ul>\n <Text>\n <Trans t={t} i18nKey=\"errorCodes.R29.instruction\" components={transComponents} />\n </Text>\n </Flex>,\n )\n } else {\n const instruction = t(`errorCodes.${errorCodeKey}.instruction`)\n if (instruction) {\n description.push(\n <Text key=\"instruction\">\n <Trans\n t={t}\n i18nKey={`errorCodes.${errorCodeKey}.instruction`}\n components={transComponents}\n />\n </Text>,\n )\n }\n }\n\n return {\n title: t(`errorCodes.${errorCodeKey}.title`),\n subtitle: t(`errorCodes.${errorCodeKey}.subtitle`),\n description,\n }\n}\n"],"names":["getErrorCodeKey","errorCode","useRecoveryCaseErrorCode","useI18n","t","useTranslation","Text","useComponentContext","errorCodeKey","transComponents","jsx","description","Trans","achCodes","jsxs","Flex","styles","code","index"],"mappings":";;;;;;;AAmBA,SAASA,EAAgBC,GAAoD;AAC3E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAGO,SAASC,EACdD,GAC8B;AAC9B,EAAAE,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,MAAI,CAACN;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,CAAA;AAAA,IAAC;AAIlB,QAAMO,IAAeR,EAAgBC,CAAS,GAExCQ,IAAkB;AAAA,IACtB,QAAQ,gBAAAC,EAACJ,GAAA,EAAK,IAAG,QAAO,QAAO,SAAA,CAAS;AAAA,EAAA,GAGpCK,IAA2B;AAAA,IAC/B,gBAAAD,EAACJ,GAAA,EACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAS,cAAcI,CAAY,SAAS,YAAYC,EAAA,CAAiB,EAAA,GAD9E,MAEV;AAAA,EAAA;AAGF,MAAID,MAAiB,OAAO;AAC1B,UAAMK,IAAW,OAAO,OAAOT,EAAE,2BAA2B,EAAE,eAAe,GAAA,CAAM,CAAC;AACpF,IAAAO,EAAY;AAAA,MACV,gBAAAG,EAACC,GAAA,EAAuB,eAAc,UAAS,KAAK,IAClD,UAAA;AAAA,QAAA,gBAAAL,EAACJ,GAAA,EAAM,UAAAF,EAAE,gCAAgC,EAAA,CAAE;AAAA,QAC3C,gBAAAM,EAAC,MAAA,EAAG,WAAWM,EAAO,aACnB,UAAAH,EAAS,IAAI,CAACI,GAAMC,MACnB,gBAAAR,EAAC,MAAA,EAAgB,UAAAO,KAARC,CAAa,CACvB,GACH;AAAA,QACA,gBAAAR,EAACJ,KACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAQ,8BAA6B,YAAYK,EAAA,CAAiB,EAAA,CACjF;AAAA,MAAA,EAAA,GATQ,aAUV;AAAA,IAAA;AAAA,EAEJ;AAEE,IADoBL,EAAE,cAAcI,CAAY,cAAc,KAE5DG,EAAY;AAAA,wBACTL,GAAA,EACC,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAS,cAAcI,CAAY;AAAA,UACnC,YAAYC;AAAA,QAAA;AAAA,MAAA,KAJN,aAMV;AAAA,IAAA;AAKN,SAAO;AAAA,IACL,OAAOL,EAAE,cAAcI,CAAY,QAAQ;AAAA,IAC3C,UAAUJ,EAAE,cAAcI,CAAY,WAAW;AAAA,IACjD,aAAAG;AAAA,EAAA;AAEJ;"}

package/dist/components/Payroll/Transition/TransitionFlow.d.ts CHANGED Viewed

@@ -1,2 +1,23 @@
 import { TransitionFlowProps } from './TransitionFlowComponents';
+/**
+ * Multi-step flow for running a transition payroll that covers the gap between an old and new pay schedule.
+ *
+ * @remarks
+ * Starts on the creation step (configure check date, deductions, and tax withholding for the
+ * transition pay period). After the payroll is created, the flow hands off to the standard
+ * payroll execution experience — configure compensation, review, submit, and view receipts.
+ *
+ * If a `payrollUuid` is supplied, the flow skips creation and resumes directly in execution.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `breadcrumb/navigate` | Fired when the user navigates back to the creation step via breadcrumbs | `{ key: string }` |
+ * | `transition/created` | Fired when the transition payroll is created and the flow advances to execution | `{ payrollUuid: string }` |
+ *
+ * Once execution begins, all standard run-payroll events are emitted as well.
+ *
+ * @param props - See {@link TransitionFlowProps}.
+ * @returns The transition payroll flow.
+ * @public
+ */
 export declare function TransitionFlow({ companyId, startDate, endDate, payScheduleUuid, payrollUuid, onEvent, }: TransitionFlowProps): import("react").JSX.Element;