@gusto/embedded-react-sdk 0.53.0 → 0.54.1-rc.1

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/Payments/shared/SetPaymentAmounts/EditContractorPaymentFormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContractorPaymentFormSchema.js","sources":["../../../../../../src/components/Contractor/Payments/shared/SetPaymentAmounts/EditContractorPaymentFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst SUPPORTED_PAYMENT_METHODS = ['Check', 'Direct Deposit', 'Historical Payment'] as const\n\nconst EditContractorPaymentFormSchema = z.object({\n  wageType: z.enum(['Hourly', 'Fixed']),\n  hours: z.number().nonnegative().max(20000).optional(),\n  wage: z.number().nonnegative().optional(),\n  bonus: z.number().nonnegative().optional(),\n  reimbursement: z.number().nonnegative().optional(),\n  paymentMethod: z.enum(SUPPORTED_PAYMENT_METHODS),\n  hourlyRate: z.number().nonnegative().optional(),\n  contractorUuid: z.string(),\n  contractorPaymentMethod: z.string().optional(),\n})\n\n/** @internal */\nexport const createEditContractorPaymentFormSchema = () => {\n  return EditContractorPaymentFormSchema.refine(\n    data => {\n      if (data.contractorPaymentMethod === 'Check' && data.paymentMethod === 'Direct Deposit') {\n        return false\n      }\n      return true\n    },\n    {\n      message: 'directDepositNotAvailable',\n      path: ['paymentMethod'],\n    },\n  )\n}\n\n/** @internal */\nexport type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>\n"],"names":["SUPPORTED_PAYMENT_METHODS","EditContractorPaymentFormSchema","z","createEditContractorPaymentFormSchema","data"],"mappings":";AAEA,MAAMA,IAA4B,CAAC,SAAS,kBAAkB,oBAAoB,GAE5EC,IAAkCC,EAAE,OAAO;AAAA,EAC/C,UAAUA,EAAE,KAAK,CAAC,UAAU,OAAO,CAAC;AAAA,EACpC,OAAOA,EAAE,SAAS,cAAc,IAAI,GAAK,EAAE,SAAA;AAAA,EAC3C,MAAMA,EAAE,OAAA,EAAS,YAAA,EAAc,SAAA;AAAA,EAC/B,OAAOA,EAAE,OAAA,EAAS,YAAA,EAAc,SAAA;AAAA,EAChC,eAAeA,EAAE,OAAA,EAAS,YAAA,EAAc,SAAA;AAAA,EACxC,eAAeA,EAAE,KAAKF,CAAyB;AAAA,EAC/C,YAAYE,EAAE,OAAA,EAAS,YAAA,EAAc,SAAA;AAAA,EACrC,gBAAgBA,EAAE,OAAA;AAAA,EAClB,yBAAyBA,EAAE,OAAA,EAAS,SAAA;AACtC,CAAC,GAGYC,IAAwC,MAC5CF,EAAgC;AAAA,EACrC,CAAAG,MACM,EAAAA,EAAK,4BAA4B,WAAWA,EAAK,kBAAkB;AAAA,EAKzE;AAAA,IACE,SAAS;AAAA,IACT,MAAM,CAAC,eAAe;AAAA,EAAA;AACxB;"}

package/dist/components/Contractor/Payments/shared/SetPaymentAmounts/EditContractorPaymentPresentation.d.ts

@@ -0,0 +1,44 @@
+import { UseFormReturn } from 'react-hook-form';
+import { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
+import { EditContractorPaymentFormValues } from './EditContractorPaymentFormSchema';
+/**
+ * Every string the edit-contractor-pay modal renders. `hoursPayDescription` is a formatter
+ * rather than a translated string, since the rate/total it displays are computed at render
+ * time and there's no i18next instance backing this component to interpolate them.
+ *
+ * @internal
+ */
+export interface EditContractorPaymentDictionary {
+    title: string;
+    subtitle: string;
+    hoursLabel: string;
+    hoursAdornment: string;
+    hoursPayDescription: (rate: string, total: string) => string;
+    wageLabel: string;
+    bonusLabel: string;
+    reimbursementLabel: string;
+    paymentMethodLabel: string;
+    cancelCta: string;
+    saveCta: string;
+    paymentMethods: {
+        check: string;
+        directDeposit: string;
+        historicalPayment: string;
+    };
+    errors: {
+        directDepositNotAvailable: string;
+        unsupportedPaymentMethod: string;
+    };
+}
+interface EditContractorPaymentPresentationProps {
+    isOpen: boolean;
+    onClose: () => void;
+    formMethods: UseFormReturn<EditContractorPaymentFormValues>;
+    onSubmit: (data: EditContractorPaymentFormValues) => void;
+    allowedPaymentMethods: ContractorPaymentMethod[];
+    contractorPaymentMethod?: string;
+    dictionary: EditContractorPaymentDictionary;
+}
+/** @internal */
+export declare const EditContractorPaymentPresentation: ({ isOpen, onClose, formMethods, onSubmit, allowedPaymentMethods, contractorPaymentMethod, dictionary, }: EditContractorPaymentPresentationProps) => import("react").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/shared/SetPaymentAmounts/EditContractorPaymentPresentation.js

@@ -0,0 +1,128 @@
+import { jsx as r, jsxs as a } from "react/jsx-runtime";
+import { useId as E, useState as I } from "react";
+import { useWatch as g, FormProvider as S } from "react-hook-form";
+import { useComponentContext as w } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as s } from "../../../../Common/Flex/Flex.js";
+import { ActionsLayout as T } from "../../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as j } from "../../../../Common/Form/Form.js";
+import q from "../../../../../hooks/useNumberFormatter.js";
+import { NumberInputField as i } from "../../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { RadioGroupField as B } from "../../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const Y = ({
+  isOpen: x,
+  onClose: c,
+  formMethods: o,
+  onSubmit: u,
+  allowedPaymentMethods: p,
+  contractorPaymentMethod: v,
+  dictionary: e
+}) => {
+  const d = E(), { Modal: C, Button: h, Text: P, Heading: F } = w(), b = q("currency"), l = g({
+    name: "wageType",
+    control: o.control
+  }), n = g({
+    name: "hourlyRate",
+    control: o.control
+  }), N = (t) => {
+    const f = parseFloat(t.replace(/[^\d.]/g, ""));
+    return isNaN(f) ? 0 : f;
+  }, y = (t) => !n || n <= 0 ? "" : e.hoursPayDescription(
+    b(n),
+    b(t * n)
+  ), m = o.getValues("hours"), [H, M] = I(
+    y(
+      typeof m > "u" || Number.isNaN(m) ? 0 : m
+    )
+  ), L = v === "Check", D = o.formState.errors.paymentMethod?.message, k = D === "directDepositNotAvailable" ? e.errors.directDepositNotAvailable : D === "unsupportedPaymentMethod" ? e.errors.unsupportedPaymentMethod : void 0, R = {
+    Check: e.paymentMethods.check,
+    "Direct Deposit": e.paymentMethods.directDeposit,
+    "Historical Payment": e.paymentMethods.historicalPayment
+  }, A = p.map((t) => ({
+    value: t,
+    label: R[t],
+    isDisabled: t === "Direct Deposit" && L
+  }));
+  return /* @__PURE__ */ r(
+    C,
+    {
+      isOpen: x,
+      onClose: c,
+      footer: /* @__PURE__ */ a(T, { children: [
+        /* @__PURE__ */ r(h, { variant: "secondary", onClick: c, children: e.cancelCta }),
+        /* @__PURE__ */ r(
+          h,
+          {
+            variant: "primary",
+            type: "submit",
+            form: d,
+            onClick: () => o.handleSubmit(u),
+            children: e.saveCta
+          }
+        )
+      ] }),
+      children: /* @__PURE__ */ r(S, { ...o, children: /* @__PURE__ */ r(j, { id: d, onSubmit: o.handleSubmit(u), children: /* @__PURE__ */ a(s, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ a(s, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ r(F, { as: "h2", children: e.title }),
+          /* @__PURE__ */ r(P, { variant: "supporting", children: e.subtitle })
+        ] }),
+        /* @__PURE__ */ a(s, { flexDirection: "column", gap: 20, children: [
+          l === "Hourly" && /* @__PURE__ */ r(
+            i,
+            {
+              min: 0,
+              name: "hours",
+              isRequired: !0,
+              label: e.hoursLabel,
+              adornmentEnd: e.hoursAdornment,
+              description: n && n > 0 ? H : void 0,
+              onInputChange: (t) => {
+                M(y(N(t)));
+              }
+            }
+          ),
+          l === "Fixed" && /* @__PURE__ */ r(
+            i,
+            {
+              min: 0,
+              name: "wage",
+              isRequired: !0,
+              label: e.wageLabel,
+              format: "currency"
+            }
+          ),
+          l === "Hourly" && /* @__PURE__ */ r(
+            i,
+            {
+              min: 0,
+              name: "bonus",
+              label: e.bonusLabel,
+              format: "currency"
+            }
+          ),
+          /* @__PURE__ */ r(
+            i,
+            {
+              min: 0,
+              name: "reimbursement",
+              label: e.reimbursementLabel,
+              format: "currency"
+            }
+          )
+        ] }),
+        p.length > 1 && /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ r(
+          B,
+          {
+            name: "paymentMethod",
+            options: A,
+            label: e.paymentMethodLabel,
+            errorMessage: k
+          }
+        ) })
+      ] }) }) })
+    }
+  );
+};
+export {
+  Y as EditContractorPaymentPresentation
+};
+//# sourceMappingURL=EditContractorPaymentPresentation.js.map

package/dist/components/Contractor/Payments/shared/SetPaymentAmounts/EditContractorPaymentPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContractorPaymentPresentation.js","sources":["../../../../../../src/components/Contractor/Payments/shared/SetPaymentAmounts/EditContractorPaymentPresentation.tsx"],"sourcesContent":["import { useId, useState } from 'react'\nimport { FormProvider, useWatch, type UseFormReturn } from 'react-hook-form'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { EditContractorPaymentFormValues } from './EditContractorPaymentFormSchema'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ActionsLayout, Flex, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport type { RadioGroupOption } from '@/index'\n\n/**\n * Every string the edit-contractor-pay modal renders. `hoursPayDescription` is a formatter\n * rather than a translated string, since the rate/total it displays are computed at render\n * time and there's no i18next instance backing this component to interpolate them.\n *\n * @internal\n */\nexport interface EditContractorPaymentDictionary {\n  title: string\n  subtitle: string\n  hoursLabel: string\n  hoursAdornment: string\n  hoursPayDescription: (rate: string, total: string) => string\n  wageLabel: string\n  bonusLabel: string\n  reimbursementLabel: string\n  paymentMethodLabel: string\n  cancelCta: string\n  saveCta: string\n  paymentMethods: {\n    check: string\n    directDeposit: string\n    historicalPayment: string\n  }\n  errors: {\n    directDepositNotAvailable: string\n    unsupportedPaymentMethod: string\n  }\n}\n\ninterface EditContractorPaymentPresentationProps {\n  isOpen: boolean\n  onClose: () => void\n  formMethods: UseFormReturn<EditContractorPaymentFormValues>\n  onSubmit: (data: EditContractorPaymentFormValues) => void\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  contractorPaymentMethod?: string\n  dictionary: EditContractorPaymentDictionary\n}\n\n/** @internal */\nexport const EditContractorPaymentPresentation = ({\n  isOpen,\n  onClose,\n  formMethods,\n  onSubmit,\n  allowedPaymentMethods,\n  contractorPaymentMethod,\n  dictionary,\n}: EditContractorPaymentPresentationProps) => {\n  const formId = useId()\n  const { Modal, Button, Text, Heading } = useComponentContext()\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const wageType = useWatch<EditContractorPaymentFormValues, 'wageType'>({\n    name: 'wageType',\n    control: formMethods.control,\n  })\n  const hourlyRate = useWatch<EditContractorPaymentFormValues, 'hourlyRate'>({\n    name: 'hourlyRate',\n    control: formMethods.control,\n  })\n\n  const parseHours = (raw: string) => {\n    const parsed = parseFloat(raw.replace(/[^\\d.]/g, ''))\n    return isNaN(parsed) ? 0 : parsed\n  }\n\n  const computeHoursPayDescription = (hours: number) => {\n    if (!hourlyRate || hourlyRate <= 0) return ''\n    return dictionary.hoursPayDescription(\n      currencyFormatter(hourlyRate),\n      currencyFormatter(hours * hourlyRate),\n    )\n  }\n\n  const initialHours = formMethods.getValues('hours')\n  const [hoursPayDescription, setHoursPayDescription] = useState(\n    computeHoursPayDescription(\n      typeof initialHours === 'undefined' || Number.isNaN(initialHours) ? 0 : initialHours,\n    ),\n  )\n\n  const isDirectDepositDisabled = contractorPaymentMethod === 'Check'\n\n  const paymentMethodErrorCode = formMethods.formState.errors.paymentMethod?.message\n  const paymentMethodErrorMessage =\n    paymentMethodErrorCode === 'directDepositNotAvailable'\n      ? dictionary.errors.directDepositNotAvailable\n      : paymentMethodErrorCode === 'unsupportedPaymentMethod'\n        ? dictionary.errors.unsupportedPaymentMethod\n        : undefined\n\n  const paymentMethodLabels: Record<ContractorPaymentMethod, string> = {\n    Check: dictionary.paymentMethods.check,\n    'Direct Deposit': dictionary.paymentMethods.directDeposit,\n    'Historical Payment': dictionary.paymentMethods.historicalPayment,\n  }\n  const paymentMethodOptions: RadioGroupOption[] = allowedPaymentMethods.map(method => ({\n    value: method,\n    label: paymentMethodLabels[method],\n    isDisabled: method === 'Direct Deposit' && isDirectDepositDisabled,\n  }))\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onClose}>\n            {dictionary.cancelCta}\n          </Button>\n          <Button\n            variant=\"primary\"\n            type=\"submit\"\n            form={formId}\n            onClick={() => formMethods.handleSubmit(onSubmit)}\n          >\n            {dictionary.saveCta}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formMethods}>\n        <Form id={formId} onSubmit={formMethods.handleSubmit(onSubmit)}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Flex flexDirection=\"column\" gap={4}>\n              <Heading as=\"h2\">{dictionary.title}</Heading>\n              <Text variant=\"supporting\">{dictionary.subtitle}</Text>\n            </Flex>\n            <Flex flexDirection=\"column\" gap={20}>\n              {wageType === 'Hourly' && (\n                <NumberInputField\n                  min={0}\n                  name=\"hours\"\n                  isRequired\n                  label={dictionary.hoursLabel}\n                  adornmentEnd={dictionary.hoursAdornment}\n                  description={hourlyRate && hourlyRate > 0 ? hoursPayDescription : undefined}\n                  onInputChange={raw => {\n                    setHoursPayDescription(computeHoursPayDescription(parseHours(raw)))\n                  }}\n                />\n              )}\n\n              {wageType === 'Fixed' && (\n                <NumberInputField\n                  min={0}\n                  name=\"wage\"\n                  isRequired\n                  label={dictionary.wageLabel}\n                  format=\"currency\"\n                />\n              )}\n\n              {wageType === 'Hourly' && (\n                <NumberInputField\n                  min={0}\n                  name=\"bonus\"\n                  label={dictionary.bonusLabel}\n                  format=\"currency\"\n                />\n              )}\n              <NumberInputField\n                min={0}\n                name=\"reimbursement\"\n                label={dictionary.reimbursementLabel}\n                format=\"currency\"\n              />\n            </Flex>\n\n            {allowedPaymentMethods.length > 1 && (\n              <Flex flexDirection=\"column\" gap={16}>\n                <RadioGroupField\n                  name=\"paymentMethod\"\n                  options={paymentMethodOptions}\n                  label={dictionary.paymentMethodLabel}\n                  errorMessage={paymentMethodErrorMessage}\n                />\n              </Flex>\n            )}\n          </Flex>\n        </Form>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["EditContractorPaymentPresentation","isOpen","onClose","formMethods","onSubmit","allowedPaymentMethods","contractorPaymentMethod","dictionary","formId","useId","Modal","Button","Text","Heading","useComponentContext","currencyFormatter","useNumberFormatter","wageType","useWatch","hourlyRate","parseHours","raw","parsed","computeHoursPayDescription","hours","initialHours","hoursPayDescription","setHoursPayDescription","useState","isDirectDepositDisabled","paymentMethodErrorCode","paymentMethodErrorMessage","paymentMethodLabels","paymentMethodOptions","method","jsx","ActionsLayout","FormProvider","Form","jsxs","Flex","NumberInputField","RadioGroupField"],"mappings":"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"}

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

@@ -0,0 +1,52 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments, PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups';
+import { UsePaymentAmountsEditorReturn } from '../usePaymentAmountsEditor';
+import { EditContractorPaymentDictionary } from './EditContractorPaymentPresentation';
+/**
+ * Every string `SetPaymentAmounts` and its edit modal render. There is no default copy or
+ * namespace of its own — `SetPaymentAmounts` is `@internal`, so each caller (`CreatePayment`,
+ * `HistoricalPaymentAmounts`) 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 SetPaymentAmountsDictionary {
+    hoursAndPaymentsLabel: string;
+    contractorTableHeaders: {
+        contractor: string;
+        wageType: string;
+        paymentMethod: string;
+        hours: string;
+        wage: string;
+        bonus: string;
+        reimbursement: string;
+        total: string;
+    };
+    emptyTableTitle: string;
+    emptyTableDescription: string;
+    na: string;
+    totalsLabel: string;
+    editContractor: string;
+    perHour: string;
+    editContractorPayment: EditContractorPaymentDictionary;
+}
+/** @internal */
+export interface SetPaymentAmountsProps {
+    contractors: Contractor[];
+    contractorPayments: (ContractorPayments & {
+        isTouched?: boolean;
+    })[];
+    totals: {
+        wage: number;
+        bonus: number;
+        reimbursement: number;
+        total: number;
+    };
+    allowedPaymentMethods: ContractorPaymentMethod[];
+    editModal: UsePaymentAmountsEditorReturn['editModal'];
+    /** Every string the grid and edit modal render, resolved by the caller from its own namespace. */
+    dictionary: SetPaymentAmountsDictionary;
+}
+/** @internal */
+export declare const SetPaymentAmounts: ({ contractors, contractorPayments, totals, allowedPaymentMethods, editModal, dictionary, }: SetPaymentAmountsProps) => import("react").JSX.Element;

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

@@ -0,0 +1,131 @@
+import { jsxs as H, jsx as m } from "react/jsx-runtime";
+import { useMemo as y } from "react";
+import { getContractorDisplayName as N } from "../../../shared/helpers.js";
+import { EditContractorPaymentPresentation as w } from "./EditContractorPaymentPresentation.js";
+import { Flex as C } from "../../../../Common/Flex/Flex.js";
+import { EmptyData as D } from "../../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as P } from "../../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as j } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { formatHoursDisplay as x } from "../../../../Payroll/helpers.js";
+import M from "../../../../../hooks/useNumberFormatter.js";
+import { DataView as A } from "../../../../Common/DataView/DataView.js";
+const L = "0.000", I = ({
+  contractors: a,
+  contractorPayments: s,
+  totals: u,
+  allowedPaymentMethods: i,
+  editModal: o,
+  dictionary: r
+}) => {
+  const { Heading: p } = j(), t = M("currency"), f = (e) => e ? e.wageType === "Hourly" && e.hourlyRate ? ` ${t(Number(e.hourlyRate || "0"))}${r.perHour}` : e.wageType : "", l = y(
+    () => s.map((e) => ({
+      ...e,
+      contractorDetails: a.find(
+        (n) => n.uuid === e.contractorUuid
+      )
+    })),
+    [s, a]
+  ), d = o.formMethods.getValues("contractorUuid"), g = a.find(
+    (e) => e.uuid === d
+  )?.paymentMethod;
+  return /* @__PURE__ */ H(C, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ m(p, { as: "h3", children: r.hoursAndPaymentsLabel }),
+    /* @__PURE__ */ m(
+      A,
+      {
+        columns: [
+          {
+            title: r.contractorTableHeaders.contractor,
+            render: (e) => N(e.contractorDetails)
+          },
+          {
+            title: r.contractorTableHeaders.wageType,
+            render: (e) => f(e.contractorDetails)
+          },
+          {
+            title: r.contractorTableHeaders.paymentMethod,
+            render: (e) => e.paymentMethod || r.na
+          },
+          {
+            title: r.contractorTableHeaders.hours,
+            justify: "end",
+            render: (e) => {
+              if (e.contractorDetails?.wageType === "Fixed") return r.na;
+              const n = Number(e.hours || "0");
+              return n ? x(n) : L;
+            }
+          },
+          {
+            title: r.contractorTableHeaders.wage,
+            justify: "end",
+            render: (e) => e.contractorDetails?.wageType === "Hourly" ? r.na : t(Number(e.wage || "0"))
+          },
+          {
+            title: r.contractorTableHeaders.bonus,
+            justify: "end",
+            render: (e) => t(Number(e.bonus || "0"))
+          },
+          {
+            title: r.contractorTableHeaders.reimbursement,
+            justify: "end",
+            render: (e) => t(Number(e.reimbursement || "0"))
+          },
+          {
+            title: r.contractorTableHeaders.total,
+            justify: "end",
+            render: ({ bonus: e, reimbursement: n, wage: h, hours: c, contractorDetails: b }) => {
+              const T = Number(e || "0") + Number(n || "0") + Number(h || "0") + (b?.wageType === "Hourly" && c ? Number(c || "0") * Number(b.hourlyRate || "0") : 0);
+              return t(T);
+            }
+          }
+        ],
+        data: l,
+        footer: l.length > 0 ? () => ({
+          "column-0": r.totalsLabel,
+          "column-4": t(u.wage),
+          "column-5": t(u.bonus),
+          "column-6": t(u.reimbursement),
+          "column-7": t(u.total)
+        }) : void 0,
+        label: r.hoursAndPaymentsLabel,
+        itemMenu: (e) => /* @__PURE__ */ m(
+          P,
+          {
+            items: [
+              {
+                label: r.editContractor,
+                onClick: () => {
+                  o.open(e.contractorUuid);
+                }
+              }
+            ],
+            triggerLabel: r.editContractor
+          }
+        ),
+        emptyState: () => /* @__PURE__ */ m(
+          D,
+          {
+            title: r.emptyTableTitle,
+            description: r.emptyTableDescription
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ m(
+      w,
+      {
+        isOpen: o.isOpen,
+        onClose: o.close,
+        formMethods: o.formMethods,
+        onSubmit: o.submit,
+        allowedPaymentMethods: i,
+        contractorPaymentMethod: g ?? void 0,
+        dictionary: r.editContractorPayment
+      }
+    )
+  ] });
+};
+export {
+  I as SetPaymentAmounts
+};
+//# sourceMappingURL=SetPaymentAmounts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetPaymentAmounts.js","sources":["../../../../../../src/components/Contractor/Payments/shared/SetPaymentAmounts/SetPaymentAmounts.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { UsePaymentAmountsEditorReturn } from '../usePaymentAmountsEditor'\nimport { getContractorDisplayName } from '../../../shared/helpers'\nimport {\n  EditContractorPaymentPresentation,\n  type EditContractorPaymentDictionary,\n} from './EditContractorPaymentPresentation'\nimport { DataView, Flex, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\n/**\n * Every string `SetPaymentAmounts` and its edit modal render. There is no default copy or\n * namespace of its own — `SetPaymentAmounts` is `@internal`, so each caller (`CreatePayment`,\n * `HistoricalPaymentAmounts`) must fully resolve this from its own public namespace and pass it\n * down, rather than this component owning a namespace that would show up in the SDK's public\n * translation types without ever being a real partner override surface.\n *\n * @internal\n */\nexport interface SetPaymentAmountsDictionary {\n  hoursAndPaymentsLabel: string\n  contractorTableHeaders: {\n    contractor: string\n    wageType: string\n    paymentMethod: string\n    hours: string\n    wage: string\n    bonus: string\n    reimbursement: string\n    total: string\n  }\n  emptyTableTitle: string\n  emptyTableDescription: string\n  na: string\n  totalsLabel: string\n  editContractor: string\n  perHour: string\n  editContractorPayment: EditContractorPaymentDictionary\n}\n\n/** @internal */\nexport interface SetPaymentAmountsProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  totals: { wage: number; bonus: number; reimbursement: number; total: number }\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  editModal: UsePaymentAmountsEditorReturn['editModal']\n  /** Every string the grid and edit modal render, resolved by the caller from its own namespace. */\n  dictionary: SetPaymentAmountsDictionary\n}\n\n/** @internal */\nexport const SetPaymentAmounts = ({\n  contractors,\n  contractorPayments,\n  totals,\n  allowedPaymentMethods,\n  editModal,\n  dictionary,\n}: SetPaymentAmountsProps) => {\n  const { Heading } = useComponentContext()\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) return ''\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return ` ${currencyFormatter(Number(contractor.hourlyRate || '0'))}${dictionary.perHour}`\n    }\n    return contractor.wageType\n  }\n\n  const tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => ({\n        ...payment,\n        contractorDetails: contractors.find(\n          contractor => contractor.uuid === payment.contractorUuid,\n        ),\n      })),\n    [contractorPayments, contractors],\n  )\n\n  const editingContractorUuid = editModal.formMethods.getValues('contractorUuid')\n  const contractorPaymentMethod = contractors.find(\n    contractor => contractor.uuid === editingContractorUuid,\n  )?.paymentMethod\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Heading as=\"h3\">{dictionary.hoursAndPaymentsLabel}</Heading>\n      <DataView\n        columns={[\n          {\n            title: dictionary.contractorTableHeaders.contractor,\n            render: paymentData => getContractorDisplayName(paymentData.contractorDetails),\n          },\n          {\n            title: dictionary.contractorTableHeaders.wageType,\n            render: paymentData => formatWageType(paymentData.contractorDetails),\n          },\n          {\n            title: dictionary.contractorTableHeaders.paymentMethod,\n            render: paymentData => paymentData.paymentMethod || dictionary.na,\n          },\n          {\n            title: dictionary.contractorTableHeaders.hours,\n            justify: 'end',\n            render: paymentData => {\n              if (paymentData.contractorDetails?.wageType === 'Fixed') return dictionary.na\n              const hours = Number(paymentData.hours || '0')\n              return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n            },\n          },\n          {\n            title: dictionary.contractorTableHeaders.wage,\n            justify: 'end',\n            render: paymentData => {\n              if (paymentData.contractorDetails?.wageType === 'Hourly') return dictionary.na\n              return currencyFormatter(Number(paymentData.wage || '0'))\n            },\n          },\n          {\n            title: dictionary.contractorTableHeaders.bonus,\n            justify: 'end',\n            render: paymentData => currencyFormatter(Number(paymentData.bonus || '0')),\n          },\n          {\n            title: dictionary.contractorTableHeaders.reimbursement,\n            justify: 'end',\n            render: paymentData => currencyFormatter(Number(paymentData.reimbursement || '0')),\n          },\n          {\n            title: dictionary.contractorTableHeaders.total,\n            justify: 'end',\n            render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n              const totalAmount =\n                Number(bonus || '0') +\n                Number(reimbursement || '0') +\n                Number(wage || '0') +\n                (contractorDetails?.wageType === 'Hourly' && hours\n                  ? Number(hours || '0') * Number(contractorDetails.hourlyRate || '0')\n                  : 0)\n              return currencyFormatter(totalAmount)\n            },\n          },\n        ]}\n        data={tableData}\n        footer={\n          tableData.length > 0\n            ? () => ({\n                'column-0': dictionary.totalsLabel,\n                'column-4': currencyFormatter(totals.wage),\n                'column-5': currencyFormatter(totals.bonus),\n                'column-6': currencyFormatter(totals.reimbursement),\n                'column-7': currencyFormatter(totals.total),\n              })\n            : undefined\n        }\n        label={dictionary.hoursAndPaymentsLabel}\n        itemMenu={paymentData => (\n          <HamburgerMenu\n            items={[\n              {\n                label: dictionary.editContractor,\n                onClick: () => {\n                  editModal.open(paymentData.contractorUuid!)\n                },\n              },\n            ]}\n            triggerLabel={dictionary.editContractor}\n          />\n        )}\n        emptyState={() => (\n          <EmptyData\n            title={dictionary.emptyTableTitle}\n            description={dictionary.emptyTableDescription}\n          />\n        )}\n      />\n      <EditContractorPaymentPresentation\n        isOpen={editModal.isOpen}\n        onClose={editModal.close}\n        formMethods={editModal.formMethods}\n        onSubmit={editModal.submit}\n        allowedPaymentMethods={allowedPaymentMethods}\n        contractorPaymentMethod={contractorPaymentMethod ?? undefined}\n        dictionary={dictionary.editContractorPayment}\n      />\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","SetPaymentAmounts","contractors","contractorPayments","totals","allowedPaymentMethods","editModal","dictionary","Heading","useComponentContext","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","editingContractorUuid","contractorPaymentMethod","jsxs","Flex","jsx","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData","EditContractorPaymentPresentation"],"mappings":"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"}