@gusto/embedded-react-sdk 0.54.0 → 0.54.1

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

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

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 type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from '../../shared/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\n/** @internal */\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={24}>\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      <Flex flexDirection=\"column\" gap={32}>\n        <DataView\n          columns={[\n            {\n              title: t('totalAmount'),\n              render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n            },\n            {\n              title: t('debitAmount'),\n              render: () =>\n                currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n            },\n            {\n              title: t('debitAccount'),\n              render: () => bankAccount?.hiddenAccountNumber ?? t('notAvailable'),\n            },\n            {\n              title: t('debitDate'),\n              render: () => contractorPaymentGroup.debitDate || t('notAvailable'),\n            },\n            {\n              title: t('contractorPayDate'),\n              render: () => contractorPaymentGroup.checkDate || t('notAvailable'),\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                  getContractorDisplayName(\n                    contractors.find(\n                      contractor => contractor.uuid === contractorPayment.contractorUuid,\n                    ),\n                  ),\n              },\n              {\n                title: t('wageType'),\n                render: contractorPayment => formatWageType(contractorPayment),\n              },\n              {\n                title: t('paymentMethod'),\n                render: contractorPayment =>\n                  contractorPayment.paymentMethod === 'Direct Deposit'\n                    ? t('paymentMethods.directDeposit')\n                    : contractorPayment.paymentMethod === 'Check'\n                      ? t('paymentMethods.check')\n                      : contractorPayment.paymentMethod || t('notAvailable'),\n              },\n              {\n                title: t('hours'),\n                justify: 'end',\n                render: contractorPayment =>\n                  contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                    ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                    : ZERO_HOURS_DISPLAY,\n              },\n              {\n                title: t('wage'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wage || '0')),\n              },\n              {\n                title: t('bonus'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.bonus || '0')),\n              },\n              {\n                title: t('reimbursement'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n              },\n              {\n                title: t('total'),\n                justify: 'end',\n                render: contractorPayment =>\n                  currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n              },\n            ]}\n            data={contractorPayments}\n            footer={() => ({\n              'column-0': t('totalsLabel'),\n              'column-4': currencyFormatter(totals.wageAmount || 0),\n              'column-5': currencyFormatter(totals.bonusAmount || 0),\n              'column-6': currencyFormatter(totals.reimbursementAmount || 0),\n              'column-7': currencyFormatter(totals.totalAmount || 0),\n            })}\n            label={t('contractorPaymentsTitle')}\n          />\n        )}\n      </Flex>\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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"}
+{"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 { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { InternalAlert } from '../types'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { usePaymentSummaryDictionary } from './useFormDictionary'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { ConfirmWireDetails } from '@/components/Payroll/ConfirmWireDetails'\nimport type { EventType } from '@/shared/constants'\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\n/** @internal */\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 dictionary = usePaymentSummaryDictionary()\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\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      <PaymentSummaryBlock\n        contractorPaymentGroup={contractorPaymentGroup}\n        contractors={contractors}\n        bankAccount={bankAccount}\n        dictionary={dictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["PaymentSummaryPresentation","contractorPaymentGroup","contractors","bankAccount","companyId","wireInRequestUuid","onEvent","onDone","alerts","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","dictionary","usePaymentSummaryDictionary","contractorPayments","jsxs","Flex","jsx","alert","index","ConfirmWireDetails","PaymentSummaryBlock"],"mappings":";;;;;;;;AAyBO,MAAMA,IAA6B,CAAC;AAAA,EACzC,wBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AACX,MAAuC;AACrC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,OAAAC,EAAA,IAAUC,EAAA;AACzC,EAAAC,EAAQ,oCAAoC;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oCAAoC,GAC3DC,IAAaC,EAAA,GAEbC,IAAqBlB,EAAuB,sBAAsB,CAAA;AAExE,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAb,EAAO,SAAS,KACf,gBAAAc,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAb,EAAO,IAAI,CAACe,GAAOC,MAClB,gBAAAF;AAAA,MAACV;AAAA,MAAA;AAAA,QAEC,OAAOG,EAAE,UAAUQ,EAAM,KAAK,IAAaA,EAAM,iBAAiB;AAAA,QAClE,QAAQA,EAAM;AAAA,QACd,WAAWA,EAAM;AAAA,QAEhB,UAAA,OAAOA,EAAM,WAAY,WACtBR,EAAE,UAAUQ,EAAM,OAAO,EAAW,IACnCA,EAAM,WAAW;AAAA,MAAA;AAAA,MAPjB,GAAGA,EAAM,IAAI,IAAIA,EAAM,KAAK,IAAIC,CAAK;AAAA,IAAA,CAS7C,GACH;AAAA,IAGF,gBAAAF,EAACV,GAAA,EAAM,QAAO,WAAU,OAAOG,EAAE,cAAc,GAC7C,UAAA,gBAAAO,EAACZ,GAAA,EACE,UAAAK,EAAE,kBAAkB;AAAA,MACnB,OAAOI,EAAmB;AAAA,IAAA,CAC3B,GACH,EAAA,CACF;AAAA,IAECd,KACC,gBAAAiB,EAACG,GAAA,EAAmB,WAAArB,GAAsB,UAAUC,GAAmB,SAAAC,GAAkB;AAAA,IAG3F,gBAAAc,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,cAC9C,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACX,GAAA,EAAQ,IAAG,MAAM,UAAAI,EAAE,cAAc,GAAE;AAAA,QACpC,gBAAAO,EAACZ,GAAA,EAAK,SAAQ,cACX,UAAAK,EAAE,mBAAmB,EAAE,WAAWd,EAAuB,UAAA,CAAW,EAAA,CACvE;AAAA,MAAA,GACF;AAAA,MACA,gBAAAqB,EAACb,KAAO,SAASF,GAAQ,SAAQ,WAC9B,UAAAQ,EAAE,SAAS,EAAA,CACd;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAO;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,wBAAAzB;AAAA,QACA,aAAAC;AAAA,QACA,aAAAC;AAAA,QACA,YAAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/Contractor/Payments/PaymentSummary/useFormDictionary.d.ts

@@ -0,0 +1,9 @@
+import { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock';
+/**
+ * Resolves `PaymentSummaryBlock`'s text against `PaymentSummary`'s own
+ * `Contractor.Payments.PaymentSummary` namespace, so partner overrides on that namespace flow
+ * into the shared block.
+ *
+ * @internal
+ */
+export declare function usePaymentSummaryDictionary(): PaymentSummaryBlockDictionary;

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

@@ -0,0 +1,36 @@
+import { useMemo as e } from "react";
+import { useTranslation as a } from "react-i18next";
+function r() {
+  const { t } = a("Contractor.Payments.PaymentSummary");
+  return e(
+    () => ({
+      paymentSummaryTitle: t("paymentSummaryTitle"),
+      totalAmount: t("totalAmount"),
+      debitAmount: t("debitAmount"),
+      debitAccount: t("debitAccount"),
+      debitDate: t("debitDate"),
+      contractorPayDate: t("contractorPayDate"),
+      contractorPaymentsTitle: t("contractorPaymentsTitle"),
+      contractor: t("contractor"),
+      wageType: t("wageType"),
+      paymentMethod: t("paymentMethod"),
+      paymentMethods: {
+        directDeposit: t("paymentMethods.directDeposit"),
+        check: t("paymentMethods.check"),
+        historicalPayment: t("paymentMethods.historicalPayment")
+      },
+      hours: t("hours"),
+      wage: t("wage"),
+      bonus: t("bonus"),
+      reimbursement: t("reimbursement"),
+      total: t("total"),
+      totalsLabel: t("totalsLabel"),
+      notAvailable: t("notAvailable")
+    }),
+    [t]
+  );
+}
+export {
+  r as usePaymentSummaryDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/Payments/PaymentSummary/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PaymentSummaryBlockDictionary } from '../shared/PaymentSummaryBlock'\n\n/**\n * Resolves `PaymentSummaryBlock`'s text against `PaymentSummary`'s own\n * `Contractor.Payments.PaymentSummary` namespace, so partner overrides on that namespace flow\n * into the shared block.\n *\n * @internal\n */\nexport function usePaymentSummaryDictionary(): PaymentSummaryBlockDictionary {\n  const { t } = useTranslation('Contractor.Payments.PaymentSummary')\n\n  return useMemo<PaymentSummaryBlockDictionary>(\n    () => ({\n      paymentSummaryTitle: t('paymentSummaryTitle'),\n      totalAmount: t('totalAmount'),\n      debitAmount: t('debitAmount'),\n      debitAccount: t('debitAccount'),\n      debitDate: t('debitDate'),\n      contractorPayDate: t('contractorPayDate'),\n      contractorPaymentsTitle: t('contractorPaymentsTitle'),\n      contractor: t('contractor'),\n      wageType: t('wageType'),\n      paymentMethod: t('paymentMethod'),\n      paymentMethods: {\n        directDeposit: t('paymentMethods.directDeposit'),\n        check: t('paymentMethods.check'),\n        historicalPayment: t('paymentMethods.historicalPayment'),\n      },\n      hours: t('hours'),\n      wage: t('wage'),\n      bonus: t('bonus'),\n      reimbursement: t('reimbursement'),\n      total: t('total'),\n      totalsLabel: t('totalsLabel'),\n      notAvailable: t('notAvailable'),\n    }),\n    [t],\n  )\n}\n"],"names":["usePaymentSummaryDictionary","useTranslation","useMemo"],"mappings":";;AAWO,SAASA,IAA6D;AAC3E,QAAM,EAAE,EAAA,IAAMC,EAAe,oCAAoC;AAEjE,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,qBAAqB,EAAE,qBAAqB;AAAA,MAC5C,aAAa,EAAE,aAAa;AAAA,MAC5B,aAAa,EAAE,aAAa;AAAA,MAC5B,cAAc,EAAE,cAAc;AAAA,MAC9B,WAAW,EAAE,WAAW;AAAA,MACxB,mBAAmB,EAAE,mBAAmB;AAAA,MACxC,yBAAyB,EAAE,yBAAyB;AAAA,MACpD,YAAY,EAAE,YAAY;AAAA,MAC1B,UAAU,EAAE,UAAU;AAAA,MACtB,eAAe,EAAE,eAAe;AAAA,MAChC,gBAAgB;AAAA,QACd,eAAe,EAAE,8BAA8B;AAAA,QAC/C,OAAO,EAAE,sBAAsB;AAAA,QAC/B,mBAAmB,EAAE,kCAAkC;AAAA,MAAA;AAAA,MAEzD,OAAO,EAAE,OAAO;AAAA,MAChB,MAAM,EAAE,MAAM;AAAA,MACd,OAAO,EAAE,OAAO;AAAA,MAChB,eAAe,EAAE,eAAe;AAAA,MAChC,OAAO,EAAE,OAAO;AAAA,MAChB,aAAa,EAAE,aAAa;AAAA,MAC5B,cAAc,EAAE,cAAc;AAAA,IAAA;AAAA,IAEhC,CAAC,CAAC;AAAA,EAAA;AAEN;"}

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.d.ts

@@ -0,0 +1,83 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
+/**
+ * The subset of a contractor payment record `PaymentSummaryBlock` renders. Both
+ * `ContractorPaymentForGroup` (post-creation) and `ContractorPaymentForGroupPreview` (pre-creation)
+ * satisfy this structurally, so the block works for a not-yet-submitted preview and an
+ * already-created group alike.
+ *
+ * @internal
+ */
+export interface PaymentSummaryBlockContractorPayment {
+    contractorUuid?: string;
+    wageType?: string;
+    hourlyRate?: string;
+    paymentMethod?: string;
+    hours?: string;
+    wage?: string;
+    bonus?: string;
+    reimbursement?: string;
+    wageTotal?: string;
+}
+/**
+ * The subset of a contractor payment group `PaymentSummaryBlock` renders. Both
+ * `ContractorPaymentGroup` and `ContractorPaymentGroupPreview` satisfy this structurally.
+ *
+ * @internal
+ */
+export interface PaymentSummaryBlockGroup {
+    checkDate?: string;
+    debitDate?: string;
+    totals?: {
+        amount?: string;
+        debitAmount?: string;
+    };
+    contractorPayments?: PaymentSummaryBlockContractorPayment[];
+}
+/**
+ * Every string `PaymentSummaryBlock` renders. There is no default copy or namespace of its own —
+ * `PaymentSummaryBlock` is `@internal`, so each caller (`PaymentSummary`, `HistoricalPaymentSummary`)
+ * must fully resolve this from its own public namespace and pass it down, rather than this
+ * component owning a namespace that would show up in the SDK's public translation types without
+ * ever being a real partner override surface.
+ *
+ * @internal
+ */
+export interface PaymentSummaryBlockDictionary {
+    paymentSummaryTitle: string;
+    totalAmount: string;
+    /** Required when `showDebitColumns` is `true`. */
+    debitAmount?: string;
+    /** Required when `showDebitColumns` is `true`. */
+    debitAccount?: string;
+    /** Required when `showDebitColumns` is `true`. */
+    debitDate?: string;
+    contractorPayDate: string;
+    contractorPaymentsTitle: string;
+    contractor: string;
+    wageType: string;
+    paymentMethod: string;
+    paymentMethods: {
+        directDeposit: string;
+        check: string;
+        historicalPayment: string;
+    };
+    hours: string;
+    wage: string;
+    bonus: string;
+    reimbursement: string;
+    total: string;
+    totalsLabel: string;
+    notAvailable: string;
+}
+/** @internal */
+export interface PaymentSummaryBlockProps {
+    contractorPaymentGroup: PaymentSummaryBlockGroup;
+    contractors: Contractor[];
+    bankAccount?: CompanyBankAccount;
+    /** Whether to show the debit amount, debit account, and debit date columns. Defaults to `true`. */
+    showDebitColumns?: boolean;
+    dictionary: PaymentSummaryBlockDictionary;
+}
+/** @internal */
+export declare const PaymentSummaryBlock: ({ contractorPaymentGroup, contractors, bankAccount, showDebitColumns, dictionary, }: PaymentSummaryBlockProps) => import("react").JSX.Element;

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.js

@@ -0,0 +1,124 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { getContractorDisplayName as d } from "../../../shared/helpers.js";
+import { Flex as g } from "../../../../Common/Flex/Flex.js";
+import { formatHoursDisplay as w } from "../../../../Payroll/helpers.js";
+import N from "../../../../../hooks/useNumberFormatter.js";
+import { DataView as s } from "../../../../Common/DataView/DataView.js";
+const D = "0.000", F = ({
+  contractorPaymentGroup: m,
+  contractors: a,
+  bankAccount: b,
+  showDebitColumns: A = !0,
+  dictionary: t
+}) => {
+  const u = N(), f = (e) => e.wageType === "Hourly" && e.hourlyRate ? `Hourly ${u(Number(e.hourlyRate))}/hr` : e.wageType, h = (e) => {
+    switch (e) {
+      case "Direct Deposit":
+        return t.paymentMethods.directDeposit;
+      case "Check":
+        return t.paymentMethods.check;
+      case "Historical Payment":
+        return t.paymentMethods.historicalPayment;
+      default:
+        return e || t.notAvailable;
+    }
+  }, l = m.contractorPayments || [], o = i(() => l.reduce(
+    (e, r) => (e.wageAmount += Number(r.wage || "0"), e.bonusAmount += Number(r.bonus || "0"), e.reimbursementAmount += Number(r.reimbursement || "0"), e.totalAmount += Number(r.wageTotal || "0"), e),
+    { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
+  ), [l]);
+  return /* @__PURE__ */ p(g, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(
+      s,
+      {
+        columns: [
+          {
+            title: t.totalAmount,
+            render: () => u(Number(m.totals?.amount || "0"))
+          },
+          ...A ? [
+            {
+              title: t.debitAmount ?? "",
+              render: () => u(Number(m.totals?.debitAmount || "0"))
+            },
+            {
+              title: t.debitAccount ?? "",
+              render: () => b?.hiddenAccountNumber ?? t.notAvailable
+            },
+            {
+              title: t.debitDate ?? "",
+              render: () => m.debitDate || t.notAvailable
+            }
+          ] : [],
+          {
+            title: t.contractorPayDate,
+            render: () => m.checkDate || t.notAvailable
+          }
+        ],
+        data: [m],
+        label: t.paymentSummaryTitle
+      }
+    ),
+    l.length > 0 && /* @__PURE__ */ n(
+      s,
+      {
+        columns: [
+          {
+            title: t.contractor,
+            render: (e) => d(
+              a.find(
+                (r) => r.uuid === e.contractorUuid
+              )
+            ) || t.notAvailable
+          },
+          {
+            title: t.wageType,
+            render: (e) => f(e)
+          },
+          {
+            title: t.paymentMethod,
+            render: (e) => h(e.paymentMethod)
+          },
+          {
+            title: t.hours,
+            justify: "end",
+            render: (e) => e.wageType === "Hourly" && e.hours ? w(parseFloat(e.hours)) : D
+          },
+          {
+            title: t.wage,
+            justify: "end",
+            render: (e) => u(Number(e.wage || "0"))
+          },
+          {
+            title: t.bonus,
+            justify: "end",
+            render: (e) => u(Number(e.bonus || "0"))
+          },
+          {
+            title: t.reimbursement,
+            justify: "end",
+            render: (e) => u(Number(e.reimbursement || "0"))
+          },
+          {
+            title: t.total,
+            justify: "end",
+            render: (e) => u(Number(e.wageTotal || "0"))
+          }
+        ],
+        data: l,
+        footer: () => ({
+          "column-0": t.totalsLabel,
+          "column-4": u(o.wageAmount || 0),
+          "column-5": u(o.bonusAmount || 0),
+          "column-6": u(o.reimbursementAmount || 0),
+          "column-7": u(o.totalAmount || 0)
+        }),
+        label: t.contractorPaymentsTitle
+      }
+    )
+  ] });
+};
+export {
+  F as PaymentSummaryBlock
+};
+//# sourceMappingURL=PaymentSummaryBlock.js.map

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSummaryBlock.js","sources":["../../../../../../src/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.tsx"],"sourcesContent":["import { 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 '../../../shared/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\n/**\n * The subset of a contractor payment record `PaymentSummaryBlock` renders. Both\n * `ContractorPaymentForGroup` (post-creation) and `ContractorPaymentForGroupPreview` (pre-creation)\n * satisfy this structurally, so the block works for a not-yet-submitted preview and an\n * already-created group alike.\n *\n * @internal\n */\nexport interface PaymentSummaryBlockContractorPayment {\n  contractorUuid?: string\n  wageType?: string\n  hourlyRate?: string\n  paymentMethod?: string\n  hours?: string\n  wage?: string\n  bonus?: string\n  reimbursement?: string\n  wageTotal?: string\n}\n\n/**\n * The subset of a contractor payment group `PaymentSummaryBlock` renders. Both\n * `ContractorPaymentGroup` and `ContractorPaymentGroupPreview` satisfy this structurally.\n *\n * @internal\n */\nexport interface PaymentSummaryBlockGroup {\n  checkDate?: string\n  debitDate?: string\n  totals?: {\n    amount?: string\n    debitAmount?: string\n  }\n  contractorPayments?: PaymentSummaryBlockContractorPayment[]\n}\n\n/**\n * Every string `PaymentSummaryBlock` renders. There is no default copy or namespace of its own —\n * `PaymentSummaryBlock` is `@internal`, so each caller (`PaymentSummary`, `HistoricalPaymentSummary`)\n * must fully resolve this from its own public namespace and pass it down, rather than this\n * component owning a namespace that would show up in the SDK's public translation types without\n * ever being a real partner override surface.\n *\n * @internal\n */\nexport interface PaymentSummaryBlockDictionary {\n  paymentSummaryTitle: string\n  totalAmount: string\n  /** Required when `showDebitColumns` is `true`. */\n  debitAmount?: string\n  /** Required when `showDebitColumns` is `true`. */\n  debitAccount?: string\n  /** Required when `showDebitColumns` is `true`. */\n  debitDate?: string\n  contractorPayDate: string\n  contractorPaymentsTitle: string\n  contractor: string\n  wageType: string\n  paymentMethod: string\n  paymentMethods: {\n    directDeposit: string\n    check: string\n    historicalPayment: string\n  }\n  hours: string\n  wage: string\n  bonus: string\n  reimbursement: string\n  total: string\n  totalsLabel: string\n  notAvailable: string\n}\n\n/** @internal */\nexport interface PaymentSummaryBlockProps {\n  contractorPaymentGroup: PaymentSummaryBlockGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  /** Whether to show the debit amount, debit account, and debit date columns. Defaults to `true`. */\n  showDebitColumns?: boolean\n  dictionary: PaymentSummaryBlockDictionary\n}\n\n/** @internal */\nexport const PaymentSummaryBlock = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  showDebitColumns = true,\n  dictionary,\n}: PaymentSummaryBlockProps) => {\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: PaymentSummaryBlockContractorPayment) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const formatPaymentMethod = (paymentMethod?: string) => {\n    switch (paymentMethod) {\n      case 'Direct Deposit':\n        return dictionary.paymentMethods.directDeposit\n      case 'Check':\n        return dictionary.paymentMethods.check\n      case 'Historical Payment':\n        return dictionary.paymentMethods.historicalPayment\n      default:\n        return paymentMethod || dictionary.notAvailable\n    }\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    return contractorPayments.reduce(\n      (acc, contractorPayment) => {\n        acc.wageAmount += Number(contractorPayment.wage || '0')\n        acc.bonusAmount += Number(contractorPayment.bonus || '0')\n        acc.reimbursementAmount += Number(contractorPayment.reimbursement || '0')\n        acc.totalAmount += Number(contractorPayment.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      <DataView\n        columns={[\n          {\n            title: dictionary.totalAmount,\n            render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n          },\n          ...(showDebitColumns\n            ? [\n                {\n                  title: dictionary.debitAmount ?? '',\n                  render: () =>\n                    currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n                },\n                {\n                  title: dictionary.debitAccount ?? '',\n                  render: () => bankAccount?.hiddenAccountNumber ?? dictionary.notAvailable,\n                },\n                {\n                  title: dictionary.debitDate ?? '',\n                  render: () => contractorPaymentGroup.debitDate || dictionary.notAvailable,\n                },\n              ]\n            : []),\n          {\n            title: dictionary.contractorPayDate,\n            render: () => contractorPaymentGroup.checkDate || dictionary.notAvailable,\n          },\n        ]}\n        data={[contractorPaymentGroup]}\n        label={dictionary.paymentSummaryTitle}\n      />\n\n      {contractorPayments.length > 0 && (\n        <DataView\n          columns={[\n            {\n              title: dictionary.contractor,\n              render: contractorPayment =>\n                getContractorDisplayName(\n                  contractors.find(\n                    contractor => contractor.uuid === contractorPayment.contractorUuid,\n                  ),\n                ) || dictionary.notAvailable,\n            },\n            {\n              title: dictionary.wageType,\n              render: contractorPayment => formatWageType(contractorPayment),\n            },\n            {\n              title: dictionary.paymentMethod,\n              render: contractorPayment => formatPaymentMethod(contractorPayment.paymentMethod),\n            },\n            {\n              title: dictionary.hours,\n              justify: 'end',\n              render: contractorPayment =>\n                contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                  ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                  : ZERO_HOURS_DISPLAY,\n            },\n            {\n              title: dictionary.wage,\n              justify: 'end',\n              render: contractorPayment => currencyFormatter(Number(contractorPayment.wage || '0')),\n            },\n            {\n              title: dictionary.bonus,\n              justify: 'end',\n              render: contractorPayment =>\n                currencyFormatter(Number(contractorPayment.bonus || '0')),\n            },\n            {\n              title: dictionary.reimbursement,\n              justify: 'end',\n              render: contractorPayment =>\n                currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n            },\n            {\n              title: dictionary.total,\n              justify: 'end',\n              render: contractorPayment =>\n                currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n            },\n          ]}\n          data={contractorPayments}\n          footer={() => ({\n            'column-0': dictionary.totalsLabel,\n            'column-4': currencyFormatter(totals.wageAmount || 0),\n            'column-5': currencyFormatter(totals.bonusAmount || 0),\n            'column-6': currencyFormatter(totals.reimbursementAmount || 0),\n            'column-7': currencyFormatter(totals.totalAmount || 0),\n          })}\n          label={dictionary.contractorPaymentsTitle}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryBlock","contractorPaymentGroup","contractors","bankAccount","showDebitColumns","dictionary","currencyFormatter","useNumberFormatter","formatWageType","contractor","formatPaymentMethod","paymentMethod","contractorPayments","totals","useMemo","acc","contractorPayment","jsxs","Flex","jsx","DataView","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/index.d.ts

@@ -0,0 +1 @@
+export { PaymentSummaryBlock, type PaymentSummaryBlockProps, type PaymentSummaryBlockDictionary, type PaymentSummaryBlockGroup, type PaymentSummaryBlockContractorPayment, } from './PaymentSummaryBlock';

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/fields.js

@@ -1,24 +1,24 @@
 import { jsx as t } from "react/jsx-runtime";
+import { useFormFieldsMetadataContext as i } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
+import { usePlaceholderSSN as d, normalizeSSN as u } from "../../../../../helpers/ssn.js";
+import { usePlaceholderEin as f, normalizeEin as s } from "../../../../../helpers/federalEin.js";
+import { SelectHookField as c } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { TextInputHookField as n } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as d } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
-import { NumberInputHookField as u } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { DatePickerHookField as f } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as i } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 import { SwitchHookField as m } from "../../../../../partner-hook-utils/form/fields/SwitchHookField.js";
-import { useFormFieldsMetadataContext as l } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
-import { usePlaceholderSSN as s, normalizeSSN as c } from "../../../../../helpers/ssn.js";
-import { usePlaceholderEin as F, normalizeEin as p } from "../../../../../helpers/federalEin.js";
+import { NumberInputHookField as F } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { DatePickerHookField as p } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { RadioGroupHookField as l } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function b(e) {
-  return /* @__PURE__ */ t(i, { ...e, name: "type" });
+  return /* @__PURE__ */ t(l, { ...e, name: "type" });
 }
 function g(e) {
-  return /* @__PURE__ */ t(i, { ...e, name: "wageType" });
+  return /* @__PURE__ */ t(l, { ...e, name: "wageType" });
 }
 function I(e) {
-  return /* @__PURE__ */ t(f, { ...e, name: "startDate" });
+  return /* @__PURE__ */ t(p, { ...e, name: "startDate" });
 }
 function M(e) {
-  return /* @__PURE__ */ t(u, { ...e, name: "hourlyRate" });
+  return /* @__PURE__ */ t(F, { ...e, name: "hourlyRate" });
 }
 function T(e) {
   return /* @__PURE__ */ t(m, { ...e, name: "selfOnboarding" });
@@ -42,31 +42,31 @@ function V(e) {
   return /* @__PURE__ */ t(n, { ...e, name: "businessName" });
 }
 function W(e) {
-  const a = l(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = s(o.ssn?.hasRedactedValue);
+  const a = i(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = d(o.ssn?.hasRedactedValue);
   return /* @__PURE__ */ t(
     n,
     {
       ...e,
       name: "ssn",
-      transform: c,
+      transform: u,
       placeholder: r
     }
   );
 }
 function j(e) {
-  const a = l(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = F(o.ein?.hasRedactedValue);
+  const a = i(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = f(o.ein?.hasRedactedValue);
   return /* @__PURE__ */ t(
     n,
     {
       ...e,
       name: "ein",
-      transform: p,
+      transform: s,
       placeholder: r
     }
   );
 }
 function B(e) {
-  return /* @__PURE__ */ t(d, { ...e, name: "workState" });
+  return /* @__PURE__ */ t(c, { ...e, name: "workState" });
 }
 export {
   V as BusinessNameField,

package/dist/components/Contractor/exports/contractorManagement.d.ts

@@ -15,8 +15,8 @@ export { CreatePaymentFlow, type CreatePaymentFlowProps } from '../Payments/Crea
 export { ViewPaymentFlow, type ViewPaymentFlowProps } from '../Payments/ViewPaymentFlow';
 export { PaymentsList, type PaymentsListProps } from '../Payments/PaymentsList/PaymentsList';
 export { CreatePayment, type CreatePaymentProps } from '../Payments/CreatePayment/CreatePayment';
-export { HistoricalPaymentContractors, type HistoricalPaymentContractorsProps, } from '../Payments/HistoricalPaymentContractors';
-export { HistoricalPaymentAmounts, type HistoricalPaymentAmountsProps, } from '../Payments/HistoricalPaymentAmounts';
+export { CreateHistoricalPayment, type CreateHistoricalPaymentProps, } from '../Payments/CreateHistoricalPayment';
+export { HistoricalPaymentSummary, type HistoricalPaymentSummaryProps, } from '../Payments/HistoricalPaymentSummary';
 export { PaymentHistory, type PaymentHistoryProps } from '../Payments/PaymentHistory/PaymentHistory';
 export { PaymentSummary, type PaymentSummaryProps } from '../Payments/PaymentSummary';
 export { PaymentStatement, type PaymentStatementProps, } from '../Payments/PaymentStatement/PaymentStatement';