@gusto/embedded-react-sdk 0.32.0 → 0.34.0-rc.1

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.js

@@ -1,120 +1,131 @@
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as N } from "react-i18next";
-import { useMemo as T } from "react";
+import { jsxs as a, jsx as n } from "react/jsx-runtime";
+import { useTranslation as T } from "react-i18next";
+import { useMemo as x } from "react";
 import { getContractorDisplayName as C } from "../CreatePayment/helpers.js";
 import { Flex as s } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as M } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as S } from "../../../Payroll/helpers.js";
-import v from "../../../../hooks/useNumberFormatter.js";
-import { ConfirmWireDetails as H } from "../../../Payroll/ConfirmWireDetails/ConfirmWireDetails.js";
-import { DataView as h } from "../../../Common/DataView/DataView.js";
+import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as S } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as v } from "../../../Payroll/helpers.js";
+import H from "../../../../hooks/useNumberFormatter.js";
+import { ConfirmWireDetails as $ } from "../../../Payroll/ConfirmWireDetails/ConfirmWireDetails.js";
+import { DataView as b } from "../../../Common/DataView/DataView.js";
 const k = "0.000", Y = ({
-  contractorPaymentGroup: o,
-  contractors: b,
-  bankAccount: c,
-  companyId: p,
+  contractorPaymentGroup: m,
+  contractors: p,
+  bankAccount: y,
+  companyId: g,
   wireInRequestUuid: d,
-  onEvent: y,
-  onDone: A
+  onEvent: A,
+  onDone: f,
+  alerts: c = []
 }) => {
-  const { Button: g, Text: n, Heading: f, Alert: w } = x();
-  M("Contractor.Payments.PaymentSummary");
-  const { t } = N("Contractor.Payments.PaymentSummary"), m = v(), D = (e) => e.wageType === "Hourly" && e.hourlyRate ? `Hourly ${m(Number(e.hourlyRate))}/hr` : e.wageType, i = o.contractorPayments || [], u = T(() => i.length === 0 ? { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 } : i.reduce(
-    (e, l) => (e.wageAmount += Number(l.wage || "0"), e.bonusAmount += Number(l.bonus || "0"), e.reimbursementAmount += Number(l.reimbursement || "0"), e.totalAmount += Number(l.wageTotal || "0"), e),
+  const { Button: D, Text: r, Heading: w, Alert: h } = M();
+  S("Contractor.Payments.PaymentSummary");
+  const { t } = T("Contractor.Payments.PaymentSummary"), i = H(), N = (e) => e.wageType === "Hourly" && e.hourlyRate ? `Hourly ${i(Number(e.hourlyRate))}/hr` : e.wageType, l = m.contractorPayments || [], u = x(() => l.length === 0 ? { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 } : l.reduce(
+    (e, o) => (e.wageAmount += Number(o.wage || "0"), e.bonusAmount += Number(o.bonus || "0"), e.reimbursementAmount += Number(o.reimbursement || "0"), e.totalAmount += Number(o.wageTotal || "0"), e),
     { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
-  ), [i]);
+  ), [l]);
   return /* @__PURE__ */ a(s, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ r(w, { status: "success", label: t("successTitle"), children: /* @__PURE__ */ r(n, { children: t("successMessage", {
-      count: i.length
+    c.length > 0 && /* @__PURE__ */ n(s, { flexDirection: "column", gap: 16, children: c.map((e, o) => /* @__PURE__ */ n(
+      h,
+      {
+        label: t(`alerts.${e.title}`, e.translationParams),
+        status: e.type,
+        onDismiss: e.onDismiss,
+        children: typeof e.content == "string" ? t(`alerts.${e.content}`) : e.content ?? null
+      },
+      `${e.type}-${e.title}-${o}`
+    )) }),
+    /* @__PURE__ */ n(h, { status: "success", label: t("successTitle"), children: /* @__PURE__ */ n(r, { children: t("successMessage", {
+      count: l.length
     }) }) }),
-    d && /* @__PURE__ */ r(H, { companyId: p, wireInId: d, onEvent: y }),
+    d && /* @__PURE__ */ n($, { companyId: g, wireInId: d, onEvent: A }),
     /* @__PURE__ */ a(s, { justifyContent: "space-between", alignItems: "flex-start", children: [
       /* @__PURE__ */ a(s, { flexDirection: "column", gap: 2, children: [
-        /* @__PURE__ */ r(f, { as: "h2", children: t("summaryTitle") }),
-        /* @__PURE__ */ r(n, { variant: "supporting", children: t("summarySubtitle", { debitDate: o.debitDate }) })
+        /* @__PURE__ */ n(w, { as: "h2", children: t("summaryTitle") }),
+        /* @__PURE__ */ n(r, { variant: "supporting", children: t("summarySubtitle", { debitDate: m.debitDate }) })
       ] }),
-      /* @__PURE__ */ r(g, { onClick: A, variant: "primary", children: t("doneCta") })
+      /* @__PURE__ */ n(D, { onClick: f, variant: "primary", children: t("doneCta") })
     ] }),
-    /* @__PURE__ */ r(
-      h,
+    /* @__PURE__ */ n(
+      b,
       {
         columns: [
           {
             title: t("totalAmount"),
-            render: () => /* @__PURE__ */ r(n, { children: m(Number(o.totals?.amount || "0")) })
+            render: () => /* @__PURE__ */ n(r, { children: i(Number(m.totals?.amount || "0")) })
           },
           {
             title: t("debitAmount"),
-            render: () => /* @__PURE__ */ r(n, { children: m(Number(o.totals?.debitAmount || "0")) })
+            render: () => /* @__PURE__ */ n(r, { children: i(Number(m.totals?.debitAmount || "0")) })
           },
           {
             title: t("debitAccount"),
-            render: () => /* @__PURE__ */ r(n, { children: c?.hiddenAccountNumber ?? t("notAvailable") })
+            render: () => /* @__PURE__ */ n(r, { children: y?.hiddenAccountNumber ?? t("notAvailable") })
           },
           {
             title: t("debitDate"),
-            render: () => /* @__PURE__ */ r(n, { children: o.debitDate || t("notAvailable") })
+            render: () => /* @__PURE__ */ n(r, { children: m.debitDate || t("notAvailable") })
           },
           {
             title: t("contractorPayDate"),
-            render: () => /* @__PURE__ */ r(n, { children: o.checkDate || t("notAvailable") })
+            render: () => /* @__PURE__ */ n(r, { children: m.checkDate || t("notAvailable") })
           }
         ],
-        data: [o],
+        data: [m],
         label: t("paymentSummaryTitle")
       }
     ),
-    i.length > 0 && /* @__PURE__ */ r(
-      h,
+    l.length > 0 && /* @__PURE__ */ n(
+      b,
       {
         columns: [
           {
             title: t("contractor"),
-            render: (e) => /* @__PURE__ */ r(n, { children: C(
-              b.find(
-                (l) => l.uuid === e.contractorUuid
+            render: (e) => /* @__PURE__ */ n(r, { children: C(
+              p.find(
+                (o) => o.uuid === e.contractorUuid
               )
             ) })
           },
           {
             title: t("wageType"),
-            render: (e) => /* @__PURE__ */ r(n, { children: D(e) })
+            render: (e) => /* @__PURE__ */ n(r, { children: N(e) })
           },
           {
             title: t("paymentMethod"),
-            render: (e) => /* @__PURE__ */ r(n, { children: e.paymentMethod === "Direct Deposit" ? t("paymentMethods.directDeposit") : e.paymentMethod === "Check" ? t("paymentMethods.check") : e.paymentMethod || t("notAvailable") })
+            render: (e) => /* @__PURE__ */ n(r, { children: e.paymentMethod === "Direct Deposit" ? t("paymentMethods.directDeposit") : e.paymentMethod === "Check" ? t("paymentMethods.check") : e.paymentMethod || t("notAvailable") })
           },
           {
             title: t("hours"),
-            render: (e) => /* @__PURE__ */ r(n, { children: e.wageType === "Hourly" && e.hours ? S(parseFloat(e.hours)) : k })
+            render: (e) => /* @__PURE__ */ n(r, { children: e.wageType === "Hourly" && e.hours ? v(parseFloat(e.hours)) : k })
           },
           {
             title: t("wage"),
-            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.wage || "0")) })
+            render: (e) => /* @__PURE__ */ n(r, { children: i(Number(e.wage || "0")) })
           },
           {
             title: t("bonus"),
-            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.bonus || "0")) })
+            render: (e) => /* @__PURE__ */ n(r, { children: i(Number(e.bonus || "0")) })
           },
           {
             title: t("reimbursement"),
-            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.reimbursement || "0")) })
+            render: (e) => /* @__PURE__ */ n(r, { children: i(Number(e.reimbursement || "0")) })
           },
           {
             title: t("total"),
-            render: (e) => /* @__PURE__ */ r(n, { children: m(Number(e.wageTotal || "0")) })
+            render: (e) => /* @__PURE__ */ n(r, { children: i(Number(e.wageTotal || "0")) })
           }
         ],
-        data: i,
+        data: l,
         footer: () => ({
-          "column-0": /* @__PURE__ */ r(n, { weight: "bold", children: t("totalsLabel") }),
-          "column-4": /* @__PURE__ */ r(n, { children: m(u.wageAmount || 0) }),
-          "column-5": /* @__PURE__ */ r(n, { children: m(u.bonusAmount || 0) }),
-          "column-6": /* @__PURE__ */ r(n, { children: m(u.reimbursementAmount || 0) }),
-          "column-7": /* @__PURE__ */ r(n, { children: m(u.totalAmount || 0) })
+          "column-0": /* @__PURE__ */ n(r, { weight: "bold", children: t("totalsLabel") }),
+          "column-4": /* @__PURE__ */ n(r, { children: i(u.wageAmount || 0) }),
+          "column-5": /* @__PURE__ */ n(r, { children: i(u.bonusAmount || 0) }),
+          "column-6": /* @__PURE__ */ n(r, { children: i(u.reimbursementAmount || 0) }),
+          "column-7": /* @__PURE__ */ n(r, { children: i(u.totalAmount || 0) })
         }),
         label: t("contractorPaymentsTitle")
       }

package/dist/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentSummaryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummaryPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  companyId: string\n  wireInRequestUuid?: string\n  onEvent: (type: EventType, data?: unknown) => void\n  onDone: () => void\n}\n\nexport const PaymentSummaryPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  companyId,\n  wireInRequestUuid,\n  onEvent,\n  onDone,\n}: PaymentSummaryPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentSummary')\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    if (contractorPayments.length === 0) {\n      return { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }\n    }\n    return contractorPayments.reduce(\n      (acc, contractor) => {\n        acc.wageAmount += Number(contractor.wage || '0')\n        acc.bonusAmount += Number(contractor.bonus || '0')\n        acc.reimbursementAmount += Number(contractor.reimbursement || '0')\n        acc.totalAmount += Number(contractor.wageTotal || '0')\n        return acc\n      },\n      { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n    )\n  }, [contractorPayments])\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPayments.length,\n          })}\n        </Text>\n      </Alert>\n\n      {wireInRequestUuid && (\n        <ConfirmWireDetails companyId={companyId} wireInId={wireInRequestUuid} onEvent={onEvent} />\n      )}\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Button onClick={onDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      {/* Payment Summary Table */}\n      <DataView\n        columns={[\n          {\n            title: t('totalAmount'),\n            render: () => (\n              <Text>{currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('debitAmount'),\n            render: () => (\n              <Text>\n                {currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('debitAccount'),\n            render: () => <Text>{bankAccount?.hiddenAccountNumber ?? t('notAvailable')}</Text>,\n          },\n          {\n            title: t('debitDate'),\n            render: () => <Text>{contractorPaymentGroup.debitDate || t('notAvailable')}</Text>,\n          },\n          {\n            title: t('contractorPayDate'),\n            render: () => <Text>{contractorPaymentGroup.checkDate || t('notAvailable')}</Text>,\n          },\n        ]}\n        data={[contractorPaymentGroup]}\n        label={t('paymentSummaryTitle')}\n      />\n\n      {/* Contractor Payments Table */}\n      {contractorPayments.length > 0 && (\n        <DataView\n          columns={[\n            {\n              title: t('contractor'),\n              render: contractorPayment => (\n                <Text>\n                  {getContractorDisplayName(\n                    contractors.find(\n                      contractor => contractor.uuid === contractorPayment.contractorUuid,\n                    ),\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('wageType'),\n              render: contractorPayment => <Text>{formatWageType(contractorPayment)}</Text>,\n            },\n            {\n              title: t('paymentMethod'),\n              render: contractorPayment => (\n                <Text>\n                  {contractorPayment.paymentMethod === 'Direct Deposit'\n                    ? t('paymentMethods.directDeposit')\n                    : contractorPayment.paymentMethod === 'Check'\n                      ? t('paymentMethods.check')\n                      : contractorPayment.paymentMethod || t('notAvailable')}\n                </Text>\n              ),\n            },\n            {\n              title: t('hours'),\n              render: contractorPayment => (\n                <Text>\n                  {contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                    ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                    : ZERO_HOURS_DISPLAY}\n                </Text>\n              ),\n            },\n            {\n              title: t('wage'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.wage || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('bonus'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.bonus || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('reimbursement'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.reimbursement || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('total'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.wageTotal || '0'))}</Text>\n              ),\n            },\n          ]}\n          data={contractorPayments}\n          footer={() => ({\n            'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n            'column-4': <Text>{currencyFormatter(totals.wageAmount || 0)}</Text>,\n            'column-5': <Text>{currencyFormatter(totals.bonusAmount || 0)}</Text>,\n            'column-6': <Text>{currencyFormatter(totals.reimbursementAmount || 0)}</Text>,\n            'column-7': <Text>{currencyFormatter(totals.totalAmount || 0)}</Text>,\n          })}\n          label={t('contractorPaymentsTitle')}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","contractorPayments","totals","useMemo","acc","jsxs","Flex","jsx","ConfirmWireDetails","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}
+{"version":3,"file":"PaymentSummaryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/PaymentSummaryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummaryPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  companyId: string\n  wireInRequestUuid?: string\n  onEvent: (type: EventType, data?: unknown) => void\n  onDone: () => void\n  alerts?: InternalAlert[]\n}\n\nexport const PaymentSummaryPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  companyId,\n  wireInRequestUuid,\n  onEvent,\n  onDone,\n  alerts = [],\n}: PaymentSummaryPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentSummary')\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    if (contractorPayments.length === 0) {\n      return { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }\n    }\n    return contractorPayments.reduce(\n      (acc, contractor) => {\n        acc.wageAmount += Number(contractor.wage || '0')\n        acc.bonusAmount += Number(contractor.bonus || '0')\n        acc.reimbursementAmount += Number(contractor.reimbursement || '0')\n        acc.totalAmount += Number(contractor.wageTotal || '0')\n        return acc\n      },\n      { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n    )\n  }, [contractorPayments])\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {alerts.length > 0 && (\n        <Flex flexDirection=\"column\" gap={16}>\n          {alerts.map((alert, index) => (\n            <Alert\n              key={`${alert.type}-${alert.title}-${index}`}\n              label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n              status={alert.type}\n              onDismiss={alert.onDismiss}\n            >\n              {typeof alert.content === 'string'\n                ? t(`alerts.${alert.content}` as never)\n                : (alert.content ?? null)}\n            </Alert>\n          ))}\n        </Flex>\n      )}\n\n      <Alert status=\"success\" label={t('successTitle')}>\n        <Text>\n          {t('successMessage', {\n            count: contractorPayments.length,\n          })}\n        </Text>\n      </Alert>\n\n      {wireInRequestUuid && (\n        <ConfirmWireDetails companyId={companyId} wireInId={wireInRequestUuid} onEvent={onEvent} />\n      )}\n\n      <Flex justifyContent=\"space-between\" alignItems=\"flex-start\">\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('summaryTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('summarySubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Button onClick={onDone} variant=\"primary\">\n          {t('doneCta')}\n        </Button>\n      </Flex>\n\n      {/* Payment Summary Table */}\n      <DataView\n        columns={[\n          {\n            title: t('totalAmount'),\n            render: () => (\n              <Text>{currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('debitAmount'),\n            render: () => (\n              <Text>\n                {currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('debitAccount'),\n            render: () => <Text>{bankAccount?.hiddenAccountNumber ?? t('notAvailable')}</Text>,\n          },\n          {\n            title: t('debitDate'),\n            render: () => <Text>{contractorPaymentGroup.debitDate || t('notAvailable')}</Text>,\n          },\n          {\n            title: t('contractorPayDate'),\n            render: () => <Text>{contractorPaymentGroup.checkDate || t('notAvailable')}</Text>,\n          },\n        ]}\n        data={[contractorPaymentGroup]}\n        label={t('paymentSummaryTitle')}\n      />\n\n      {/* Contractor Payments Table */}\n      {contractorPayments.length > 0 && (\n        <DataView\n          columns={[\n            {\n              title: t('contractor'),\n              render: contractorPayment => (\n                <Text>\n                  {getContractorDisplayName(\n                    contractors.find(\n                      contractor => contractor.uuid === contractorPayment.contractorUuid,\n                    ),\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('wageType'),\n              render: contractorPayment => <Text>{formatWageType(contractorPayment)}</Text>,\n            },\n            {\n              title: t('paymentMethod'),\n              render: contractorPayment => (\n                <Text>\n                  {contractorPayment.paymentMethod === 'Direct Deposit'\n                    ? t('paymentMethods.directDeposit')\n                    : contractorPayment.paymentMethod === 'Check'\n                      ? t('paymentMethods.check')\n                      : contractorPayment.paymentMethod || t('notAvailable')}\n                </Text>\n              ),\n            },\n            {\n              title: t('hours'),\n              render: contractorPayment => (\n                <Text>\n                  {contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                    ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                    : ZERO_HOURS_DISPLAY}\n                </Text>\n              ),\n            },\n            {\n              title: t('wage'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.wage || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('bonus'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.bonus || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('reimbursement'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.reimbursement || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('total'),\n              render: contractorPayment => (\n                <Text>{currencyFormatter(Number(contractorPayment.wageTotal || '0'))}</Text>\n              ),\n            },\n          ]}\n          data={contractorPayments}\n          footer={() => ({\n            'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n            'column-4': <Text>{currencyFormatter(totals.wageAmount || 0)}</Text>,\n            'column-5': <Text>{currencyFormatter(totals.bonusAmount || 0)}</Text>,\n            'column-6': <Text>{currencyFormatter(totals.reimbursementAmount || 0)}</Text>,\n            'column-7': <Text>{currencyFormatter(totals.totalAmount || 0)}</Text>,\n          })}\n          label={t('contractorPaymentsTitle')}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","alerts","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","contractorPayments","totals","useMemo","acc","jsxs","Flex","jsx","alert","index","ConfirmWireDetails","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Profile/useContractorProfile.d.ts

@@ -11,8 +11,14 @@ export declare const ContractorType: {
 declare const ContractorProfileSchema: z.ZodObject<{
     selfOnboarding: z.ZodBoolean;
     email: z.ZodOptional<z.ZodString>;
-    contractorType: z.ZodEnum<["Individual", "Business"]>;
-    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    contractorType: z.ZodEnum<{
+        Business: "Business";
+        Individual: "Individual";
+    }>;
+    wageType: z.ZodEnum<{
+        Hourly: "Hourly";
+        Fixed: "Fixed";
+    }>;
     startDate: z.ZodDate;
     firstName: z.ZodOptional<z.ZodString>;
     middleInitial: z.ZodOptional<z.ZodString>;
@@ -21,39 +27,19 @@ declare const ContractorProfileSchema: z.ZodObject<{
     businessName: z.ZodOptional<z.ZodString>;
     ein: z.ZodOptional<z.ZodString>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
-}, "strip", z.ZodTypeAny, {
-    wageType: "Hourly" | "Fixed";
-    startDate: Date;
-    selfOnboarding: boolean;
-    contractorType: "Business" | "Individual";
-    ssn?: string | undefined;
-    ein?: string | undefined;
-    email?: string | undefined;
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    businessName?: string | undefined;
-    hourlyRate?: number | undefined;
-    middleInitial?: string | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    startDate: Date;
-    selfOnboarding: boolean;
-    contractorType: "Business" | "Individual";
-    ssn?: string | undefined;
-    ein?: string | undefined;
-    email?: string | undefined;
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    businessName?: string | undefined;
-    hourlyRate?: number | undefined;
-    middleInitial?: string | undefined;
-}>;
+}, z.core.$strip>;
 export type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>;
-export declare const createContractorProfileValidationSchema: (t: (key: string) => string, hasSsn: boolean, hasEin: boolean) => z.ZodEffects<z.ZodObject<{
+export declare const createContractorProfileValidationSchema: (t: (key: string) => string, hasSsn: boolean, hasEin: boolean) => z.ZodObject<{
     selfOnboarding: z.ZodBoolean;
     email: z.ZodOptional<z.ZodString>;
-    contractorType: z.ZodEnum<["Individual", "Business"]>;
-    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    contractorType: z.ZodEnum<{
+        Business: "Business";
+        Individual: "Individual";
+    }>;
+    wageType: z.ZodEnum<{
+        Hourly: "Hourly";
+        Fixed: "Fixed";
+    }>;
     startDate: z.ZodDate;
     firstName: z.ZodOptional<z.ZodString>;
     middleInitial: z.ZodOptional<z.ZodString>;
@@ -62,59 +48,7 @@ export declare const createContractorProfileValidationSchema: (t: (key: string)
     businessName: z.ZodOptional<z.ZodString>;
     ein: z.ZodOptional<z.ZodString>;
     hourlyRate: z.ZodOptional<z.ZodNumber>;
-}, "strip", z.ZodTypeAny, {
-    wageType: "Hourly" | "Fixed";
-    startDate: Date;
-    selfOnboarding: boolean;
-    contractorType: "Business" | "Individual";
-    ssn?: string | undefined;
-    ein?: string | undefined;
-    email?: string | undefined;
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    businessName?: string | undefined;
-    hourlyRate?: number | undefined;
-    middleInitial?: string | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    startDate: Date;
-    selfOnboarding: boolean;
-    contractorType: "Business" | "Individual";
-    ssn?: string | undefined;
-    ein?: string | undefined;
-    email?: string | undefined;
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    businessName?: string | undefined;
-    hourlyRate?: number | undefined;
-    middleInitial?: string | undefined;
-}>, {
-    wageType: "Hourly" | "Fixed";
-    startDate: Date;
-    selfOnboarding: boolean;
-    contractorType: "Business" | "Individual";
-    ssn?: string | undefined;
-    ein?: string | undefined;
-    email?: string | undefined;
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    businessName?: string | undefined;
-    hourlyRate?: number | undefined;
-    middleInitial?: string | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    startDate: Date;
-    selfOnboarding: boolean;
-    contractorType: "Business" | "Individual";
-    ssn?: string | undefined;
-    ein?: string | undefined;
-    email?: string | undefined;
-    firstName?: string | undefined;
-    lastName?: string | undefined;
-    businessName?: string | undefined;
-    hourlyRate?: number | undefined;
-    middleInitial?: string | undefined;
-}>;
+}, z.core.$strip>;
 export interface UseContractorProfileProps {
     companyId: string;
     contractorId?: string;
@@ -123,31 +57,31 @@ export interface UseContractorProfileProps {
 }
 export declare function useContractorProfile({ companyId, contractorId, defaultValues, existingContractor, }: UseContractorProfileProps): {
     formMethods: import('react-hook-form').UseFormReturn<{
-        wageType: "Hourly" | "Fixed";
-        startDate: Date;
         selfOnboarding: boolean;
         contractorType: "Business" | "Individual";
-        ssn?: string | undefined;
-        ein?: string | undefined;
+        wageType: "Hourly" | "Fixed";
+        startDate: Date;
         email?: string | undefined;
         firstName?: string | undefined;
+        middleInitial?: string | undefined;
         lastName?: string | undefined;
+        ssn?: string | undefined;
         businessName?: string | undefined;
+        ein?: string | undefined;
         hourlyRate?: number | undefined;
-        middleInitial?: string | undefined;
     }, unknown, {
-        wageType: "Hourly" | "Fixed";
-        startDate: Date;
         selfOnboarding: boolean;
         contractorType: "Business" | "Individual";
-        ssn?: string | undefined;
-        ein?: string | undefined;
+        wageType: "Hourly" | "Fixed";
+        startDate: Date;
         email?: string | undefined;
         firstName?: string | undefined;
+        middleInitial?: string | undefined;
         lastName?: string | undefined;
+        ssn?: string | undefined;
         businessName?: string | undefined;
+        ein?: string | undefined;
         hourlyRate?: number | undefined;
-        middleInitial?: string | undefined;
     }>;
     handleSubmit: (e?: React.BaseSyntheticEvent) => Promise<void>;
     formState: {
@@ -161,74 +95,74 @@ export declare function useContractorProfile({ companyId, contractorId, defaultV
         disabled: boolean;
         submitCount: number;
         defaultValues?: Readonly<{
-            wageType?: "Hourly" | "Fixed" | undefined;
-            startDate?: Date | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: "Business" | "Individual" | undefined;
-            ssn?: string | undefined;
-            ein?: string | undefined;
+            wageType?: "Hourly" | "Fixed" | undefined;
+            startDate?: Date | undefined;
             email?: string | undefined;
             firstName?: string | undefined;
+            middleInitial?: string | undefined;
             lastName?: string | undefined;
+            ssn?: string | undefined;
             businessName?: string | undefined;
+            ein?: string | undefined;
             hourlyRate?: number | undefined;
-            middleInitial?: string | undefined;
         }> | undefined;
         dirtyFields: Partial<Readonly<{
-            wageType?: boolean | undefined;
-            startDate?: boolean | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
-            ssn?: boolean | undefined;
-            ein?: boolean | undefined;
+            wageType?: boolean | undefined;
+            startDate?: boolean | undefined;
             email?: boolean | undefined;
             firstName?: boolean | undefined;
+            middleInitial?: boolean | undefined;
             lastName?: boolean | undefined;
+            ssn?: boolean | undefined;
             businessName?: boolean | undefined;
+            ein?: boolean | undefined;
             hourlyRate?: boolean | undefined;
-            middleInitial?: boolean | undefined;
         }>>;
         touchedFields: Partial<Readonly<{
-            wageType?: boolean | undefined;
-            startDate?: boolean | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
-            ssn?: boolean | undefined;
-            ein?: boolean | undefined;
+            wageType?: boolean | undefined;
+            startDate?: boolean | undefined;
             email?: boolean | undefined;
             firstName?: boolean | undefined;
+            middleInitial?: boolean | undefined;
             lastName?: boolean | undefined;
+            ssn?: boolean | undefined;
             businessName?: boolean | undefined;
+            ein?: boolean | undefined;
             hourlyRate?: boolean | undefined;
-            middleInitial?: boolean | undefined;
         }>>;
         validatingFields: Partial<Readonly<{
-            wageType?: boolean | undefined;
-            startDate?: boolean | undefined;
             selfOnboarding?: boolean | undefined;
             contractorType?: boolean | undefined;
-            ssn?: boolean | undefined;
-            ein?: boolean | undefined;
+            wageType?: boolean | undefined;
+            startDate?: boolean | undefined;
             email?: boolean | undefined;
             firstName?: boolean | undefined;
+            middleInitial?: boolean | undefined;
             lastName?: boolean | undefined;
+            ssn?: boolean | undefined;
             businessName?: boolean | undefined;
+            ein?: boolean | undefined;
             hourlyRate?: boolean | undefined;
-            middleInitial?: boolean | undefined;
         }>>;
         errors: import('react-hook-form').FieldErrors<{
-            wageType: "Hourly" | "Fixed";
-            startDate: Date;
             selfOnboarding: boolean;
             contractorType: "Business" | "Individual";
-            ssn?: string | undefined;
-            ein?: string | undefined;
+            wageType: "Hourly" | "Fixed";
+            startDate: Date;
             email?: string | undefined;
             firstName?: string | undefined;
+            middleInitial?: string | undefined;
             lastName?: string | undefined;
+            ssn?: string | undefined;
             businessName?: string | undefined;
+            ein?: string | undefined;
             hourlyRate?: number | undefined;
-            middleInitial?: string | undefined;
         }>;
         isReady: boolean;
     };