@gusto/embedded-react-sdk 0.31.1 → 0.33.0

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js

@@ -1,47 +1,52 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
-import { useTranslation as L } from "react-i18next";
-import { useMemo as R } from "react";
-import { getContractorDisplayName as A } from "./helpers.js";
-import { Flex as i, FlexItem as F } from "../../../Common/Flex/Flex.js";
-import { EmptyData as M } from "../../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as j } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as v } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as I } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as S } from "../../../Payroll/helpers.js";
-import O from "../../../../hooks/useNumberFormatter.js";
-import { DataView as U } from "../../../Common/DataView/DataView.js";
-const $ = "0.000", K = ({
+import { useTranslation as R } from "react-i18next";
+import { useMemo as k } from "react";
+import { getContractorDisplayName as F } from "./helpers.js";
+import { PayrollBlockerAlerts as M } from "../../../Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { Flex as a, FlexItem as j } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { EmptyData as v } from "../../../Common/EmptyData/EmptyData.js";
+import { HamburgerMenu as I } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as O } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as U } from "../../../Payroll/helpers.js";
+import $ from "../../../../hooks/useNumberFormatter.js";
+import { DataView as B } from "../../../Common/DataView/DataView.js";
+const E = "0.000", te = ({
   contractors: m,
-  paymentDate: b,
+  paymentDate: h,
   contractorPayments: u,
-  onPaymentDateChange: h,
-  onSaveAndContinue: y,
-  onEditContractor: g,
+  onPaymentDateChange: y,
+  onSaveAndContinue: g,
+  onEditContractor: f,
   totals: l,
-  alerts: f,
-  isLoading: T
+  alerts: T,
+  payrollBlockers: s = [],
+  onViewBlockers: C,
+  isLoading: H
 }) => {
-  const { Button: H, Text: n, Heading: s, TextInput: C, Alert: x } = v();
-  I("Contractor.Payments.CreatePayment");
-  const { t } = L("Contractor.Payments.CreatePayment"), o = O("currency"), D = (e) => e ? e.wageType === "Hourly" && e.hourlyRate ? `${t("wageTypes.hourly")} ${o(Number(e.hourlyRate || "0"))}${t("perHour")}` : e.wageType : "", w = R(
+  const { Button: w, Text: n, Heading: d, TextInput: x, Alert: D } = S();
+  O("Contractor.Payments.CreatePayment");
+  const { t } = R("Contractor.Payments.CreatePayment"), o = $("currency"), N = (e) => e ? e.wageType === "Hourly" && e.hourlyRate ? `${t("wageTypes.hourly")} ${o(Number(e.hourlyRate || "0"))}${t("perHour")}` : e.wageType : "", P = k(
     () => u.map((e) => ({
       ...e,
       contractorDetails: m.find(
-        (a) => a.uuid === e.contractorUuid
+        (i) => i.uuid === e.contractorUuid
       )
     })),
     [u, m]
   );
-  return /* @__PURE__ */ c(i, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ c(i, { justifyContent: "flex-end", gap: 16, children: [
-      /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
-        /* @__PURE__ */ r(s, { as: "h2", children: t("title") }),
+  return /* @__PURE__ */ c(a, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ c(a, { justifyContent: "flex-end", gap: 16, children: [
+      /* @__PURE__ */ c(a, { flexDirection: "column", gap: 16, children: [
+        /* @__PURE__ */ r(d, { as: "h2", children: t("title") }),
         /* @__PURE__ */ r(n, { variant: "supporting", children: t("paymentSpeedNotice") })
       ] }),
-      /* @__PURE__ */ r(F, { children: /* @__PURE__ */ r(H, { onClick: y, variant: "primary", isLoading: T, children: t("continueCta") }) })
+      /* @__PURE__ */ r(j, { children: /* @__PURE__ */ r(w, { onClick: g, variant: "primary", isLoading: H, children: t("continueCta") }) })
     ] }),
-    Object.values(f).map((e) => /* @__PURE__ */ r(
-      x,
+    s.length > 0 && /* @__PURE__ */ r(M, { blockers: s, onViewBlockersClick: C }),
+    Object.values(T).map((e) => /* @__PURE__ */ r(
+      D,
       {
         label: e.title,
         onDismiss: e.onDismiss,
@@ -50,29 +55,29 @@ const $ = "0.000", K = ({
       },
       e.title
     )),
-    /* @__PURE__ */ r(i, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ r(
-      C,
+    /* @__PURE__ */ r(a, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ r(
+      x,
       {
         type: "date",
-        value: b,
-        onChange: h,
+        value: h,
+        onChange: y,
         label: t("dateLabel"),
         isRequired: !0
       }
     ) }),
-    /* @__PURE__ */ c(i, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ r(s, { as: "h3", children: t("hoursAndPaymentsLabel") }),
+    /* @__PURE__ */ c(a, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ r(d, { as: "h3", children: t("hoursAndPaymentsLabel") }),
       /* @__PURE__ */ r(
-        U,
+        B,
         {
           columns: [
             {
               title: t("contractorTableHeaders.contractor"),
-              render: (e) => /* @__PURE__ */ r(n, { children: A(e.contractorDetails) })
+              render: (e) => /* @__PURE__ */ r(n, { children: F(e.contractorDetails) })
             },
             {
               title: t("contractorTableHeaders.wageType"),
-              render: (e) => /* @__PURE__ */ r(n, { children: D(e.contractorDetails) })
+              render: (e) => /* @__PURE__ */ r(n, { children: N(e.contractorDetails) })
             },
             {
               title: t("contractorTableHeaders.paymentMethod"),
@@ -81,15 +86,15 @@ const $ = "0.000", K = ({
             {
               title: t("contractorTableHeaders.hours"),
               render: (e) => {
-                const a = Number(e.hours || "0");
-                return /* @__PURE__ */ r(n, { children: e.contractorDetails?.wageType === "Hourly" && a ? S(a) : $ });
+                const i = Number(e.hours || "0");
+                return /* @__PURE__ */ r(n, { children: e.contractorDetails?.wageType === "Hourly" && i ? U(i) : E });
               }
             },
             {
               title: t("contractorTableHeaders.wage"),
               render: (e) => {
-                const a = e.contractorDetails?.wageType === "Fixed" && e.wage ? Number(e.wage || "0") : 0;
-                return /* @__PURE__ */ r(n, { children: o(a) });
+                const i = e.contractorDetails?.wageType === "Fixed" && e.wage ? Number(e.wage || "0") : 0;
+                return /* @__PURE__ */ r(n, { children: o(i) });
               }
             },
             {
@@ -102,13 +107,13 @@ const $ = "0.000", K = ({
             },
             {
               title: t("contractorTableHeaders.total"),
-              render: ({ bonus: e, reimbursement: a, wage: N, hours: d, contractorDetails: p }) => {
-                const P = Number(e || "0") + Number(a || "0") + Number(N || "0") + (p?.wageType === "Hourly" && d ? Number(d || "0") * Number(p.hourlyRate || "0") : 0);
-                return /* @__PURE__ */ r(n, { children: o(P) });
+              render: ({ bonus: e, reimbursement: i, wage: A, hours: p, contractorDetails: b }) => {
+                const L = Number(e || "0") + Number(i || "0") + Number(A || "0") + (b?.wageType === "Hourly" && p ? Number(p || "0") * Number(b.hourlyRate || "0") : 0);
+                return /* @__PURE__ */ r(n, { children: o(L) });
               }
             }
           ],
-          data: w,
+          data: P,
           footer: () => ({
             "column-0": /* @__PURE__ */ r(n, { weight: "bold", children: t("totalsLabel") }),
             "column-4": /* @__PURE__ */ r(n, { children: o(l.wage) }),
@@ -118,26 +123,26 @@ const $ = "0.000", K = ({
           }),
           label: t("hoursAndPaymentsLabel"),
           itemMenu: (e) => /* @__PURE__ */ r(
-            j,
+            I,
             {
               items: [
                 {
                   label: t("editContractor"),
                   onClick: () => {
-                    g(e.contractorUuid);
+                    f(e.contractorUuid);
                   }
                 }
               ],
               triggerLabel: t("editContractor")
             }
           ),
-          emptyState: () => /* @__PURE__ */ r(M, { title: t("emptyTableTitle"), description: t("emptyTableDescription") })
+          emptyState: () => /* @__PURE__ */ r(v, { title: t("emptyTableTitle"), description: t("emptyTableDescription") })
         }
       )
     ] })
   ] });
 };
 export {
-  K as CreatePaymentPresentation
+  te as CreatePaymentPresentation
 };
 //# sourceMappingURL=CreatePaymentPresentation.js.map

package/dist/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport { DataView, Flex, FlexItem, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  onEditContractor: (contractorUuid: string) => void\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  isLoading: boolean\n}\n\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  onEditContractor,\n  totals,\n  alerts,\n  isLoading,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, TextInput, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) return ''\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate || '0'))}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => {\n        return {\n          ...payment,\n          contractorDetails: contractors.find(\n            contractor => contractor.uuid === payment.contractorUuid,\n          ),\n        }\n      }),\n    [contractorPayments, contractors],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('paymentSpeedNotice')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      {Object.values(alerts).map(alert => (\n        <Alert\n          key={alert.title}\n          label={alert.title}\n          onDismiss={alert.onDismiss}\n          status={alert.type}\n        >\n          {alert.content ?? null}\n        </Alert>\n      ))}\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <TextInput\n          type=\"date\"\n          value={paymentDate}\n          onChange={onPaymentDateChange}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n        <DataView\n          columns={[\n            {\n              title: t('contractorTableHeaders.contractor'),\n              render: paymentData => (\n                <Text>{getContractorDisplayName(paymentData.contractorDetails)}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wageType'),\n              render: paymentData => <Text>{formatWageType(paymentData.contractorDetails)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.paymentMethod'),\n              render: paymentData => <Text>{paymentData.paymentMethod || t('na')}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.hours'),\n              render: paymentData => {\n                const hours = Number(paymentData.hours || '0')\n                return (\n                  <Text>\n                    {paymentData.contractorDetails?.wageType === 'Hourly' && hours\n                      ? formatHoursDisplay(hours)\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                )\n              },\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: paymentData => {\n                const amount =\n                  paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n                    ? Number(paymentData.wage || '0')\n                    : 0\n                return <Text>{currencyFormatter(amount)}</Text>\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.bonus || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.reimbursement || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\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 <Text>{currencyFormatter(totalAmount)}</Text>\n              },\n            },\n          ]}\n          data={tableData}\n          footer={() => ({\n            'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n            'column-4': <Text>{currencyFormatter(totals.wage)}</Text>,\n            'column-5': <Text>{currencyFormatter(totals.bonus)}</Text>,\n            'column-6': <Text>{currencyFormatter(totals.reimbursement)}</Text>,\n            'column-7': <Text>{currencyFormatter(totals.total)}</Text>,\n          })}\n          label={t('hoursAndPaymentsLabel')}\n          itemMenu={paymentData => (\n            <HamburgerMenu\n              items={[\n                {\n                  label: t('editContractor'),\n                  onClick: () => {\n                    onEditContractor(paymentData.contractorUuid!)\n                  },\n                },\n              ]}\n              triggerLabel={t('editContractor')}\n            />\n          )}\n          emptyState={() => (\n            <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n          )}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","alert","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","amount","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"mappings":"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"}
+{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\nimport { DataView, Flex, FlexItem, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  onEditContractor: (contractorUuid: string) => void\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\n  isLoading: boolean\n}\n\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  onEditContractor,\n  totals,\n  alerts,\n  payrollBlockers = [],\n  onViewBlockers,\n  isLoading,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, TextInput, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) return ''\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate || '0'))}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => {\n        return {\n          ...payment,\n          contractorDetails: contractors.find(\n            contractor => contractor.uuid === payment.contractorUuid,\n          ),\n        }\n      }),\n    [contractorPayments, contractors],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={16}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('paymentSpeedNotice')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      {payrollBlockers.length > 0 && (\n        <PayrollBlockerAlerts blockers={payrollBlockers} onViewBlockersClick={onViewBlockers} />\n      )}\n\n      {Object.values(alerts).map(alert => (\n        <Alert\n          key={alert.title}\n          label={alert.title}\n          onDismiss={alert.onDismiss}\n          status={alert.type}\n        >\n          {alert.content ?? null}\n        </Alert>\n      ))}\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <TextInput\n          type=\"date\"\n          value={paymentDate}\n          onChange={onPaymentDateChange}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n        <DataView\n          columns={[\n            {\n              title: t('contractorTableHeaders.contractor'),\n              render: paymentData => (\n                <Text>{getContractorDisplayName(paymentData.contractorDetails)}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.wageType'),\n              render: paymentData => <Text>{formatWageType(paymentData.contractorDetails)}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.paymentMethod'),\n              render: paymentData => <Text>{paymentData.paymentMethod || t('na')}</Text>,\n            },\n            {\n              title: t('contractorTableHeaders.hours'),\n              render: paymentData => {\n                const hours = Number(paymentData.hours || '0')\n                return (\n                  <Text>\n                    {paymentData.contractorDetails?.wageType === 'Hourly' && hours\n                      ? formatHoursDisplay(hours)\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                )\n              },\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              render: paymentData => {\n                const amount =\n                  paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n                    ? Number(paymentData.wage || '0')\n                    : 0\n                return <Text>{currencyFormatter(amount)}</Text>\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.bonus || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              render: paymentData => (\n                <Text>{currencyFormatter(Number(paymentData.reimbursement || '0'))}</Text>\n              ),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\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 <Text>{currencyFormatter(totalAmount)}</Text>\n              },\n            },\n          ]}\n          data={tableData}\n          footer={() => ({\n            'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n            'column-4': <Text>{currencyFormatter(totals.wage)}</Text>,\n            'column-5': <Text>{currencyFormatter(totals.bonus)}</Text>,\n            'column-6': <Text>{currencyFormatter(totals.reimbursement)}</Text>,\n            'column-7': <Text>{currencyFormatter(totals.total)}</Text>,\n          })}\n          label={t('hoursAndPaymentsLabel')}\n          itemMenu={paymentData => (\n            <HamburgerMenu\n              items={[\n                {\n                  label: t('editContractor'),\n                  onClick: () => {\n                    onEditContractor(paymentData.contractorUuid!)\n                  },\n                },\n              ]}\n              triggerLabel={t('editContractor')}\n            />\n          )}\n          emptyState={() => (\n            <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n          )}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","payrollBlockers","onViewBlockers","isLoading","Button","Text","Heading","TextInput","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","PayrollBlockerAlerts","alert","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","amount","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentFormSchema.d.ts

@@ -0,0 +1,84 @@
+import { z } from 'zod';
+export declare const EditContractorPaymentFormSchema: z.ZodObject<{
+    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    hours: z.ZodOptional<z.ZodNumber>;
+    wage: z.ZodOptional<z.ZodNumber>;
+    bonus: z.ZodOptional<z.ZodNumber>;
+    reimbursement: z.ZodOptional<z.ZodNumber>;
+    paymentMethod: z.ZodEnum<["Check", "Direct Deposit"]>;
+    hourlyRate: z.ZodOptional<z.ZodNumber>;
+    contractorUuid: z.ZodString;
+    contractorPaymentMethod: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    wageType: "Hourly" | "Fixed";
+    paymentMethod: "Check" | "Direct Deposit";
+    contractorUuid: string;
+    reimbursement?: number | undefined;
+    hours?: number | undefined;
+    wage?: number | undefined;
+    bonus?: number | undefined;
+    hourlyRate?: number | undefined;
+    contractorPaymentMethod?: string | undefined;
+}, {
+    wageType: "Hourly" | "Fixed";
+    paymentMethod: "Check" | "Direct Deposit";
+    contractorUuid: string;
+    reimbursement?: number | undefined;
+    hours?: number | undefined;
+    wage?: number | undefined;
+    bonus?: number | undefined;
+    hourlyRate?: number | undefined;
+    contractorPaymentMethod?: string | undefined;
+}>;
+export declare const createEditContractorPaymentFormSchema: () => z.ZodEffects<z.ZodObject<{
+    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
+    hours: z.ZodOptional<z.ZodNumber>;
+    wage: z.ZodOptional<z.ZodNumber>;
+    bonus: z.ZodOptional<z.ZodNumber>;
+    reimbursement: z.ZodOptional<z.ZodNumber>;
+    paymentMethod: z.ZodEnum<["Check", "Direct Deposit"]>;
+    hourlyRate: z.ZodOptional<z.ZodNumber>;
+    contractorUuid: z.ZodString;
+    contractorPaymentMethod: z.ZodOptional<z.ZodString>;
+}, "strip", z.ZodTypeAny, {
+    wageType: "Hourly" | "Fixed";
+    paymentMethod: "Check" | "Direct Deposit";
+    contractorUuid: string;
+    reimbursement?: number | undefined;
+    hours?: number | undefined;
+    wage?: number | undefined;
+    bonus?: number | undefined;
+    hourlyRate?: number | undefined;
+    contractorPaymentMethod?: string | undefined;
+}, {
+    wageType: "Hourly" | "Fixed";
+    paymentMethod: "Check" | "Direct Deposit";
+    contractorUuid: string;
+    reimbursement?: number | undefined;
+    hours?: number | undefined;
+    wage?: number | undefined;
+    bonus?: number | undefined;
+    hourlyRate?: number | undefined;
+    contractorPaymentMethod?: string | undefined;
+}>, {
+    wageType: "Hourly" | "Fixed";
+    paymentMethod: "Check" | "Direct Deposit";
+    contractorUuid: string;
+    reimbursement?: number | undefined;
+    hours?: number | undefined;
+    wage?: number | undefined;
+    bonus?: number | undefined;
+    hourlyRate?: number | undefined;
+    contractorPaymentMethod?: string | undefined;
+}, {
+    wageType: "Hourly" | "Fixed";
+    paymentMethod: "Check" | "Direct Deposit";
+    contractorUuid: string;
+    reimbursement?: number | undefined;
+    hours?: number | undefined;
+    wage?: number | undefined;
+    bonus?: number | undefined;
+    hourlyRate?: number | undefined;
+    contractorPaymentMethod?: string | undefined;
+}>;
+export type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>;

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentFormSchema.js

@@ -0,0 +1,23 @@
+import { z as e } from "zod";
+const n = ["Check", "Direct Deposit"], o = e.object({
+  wageType: e.enum(["Hourly", "Fixed"]),
+  hours: e.number().nonnegative().max(2e4).optional(),
+  wage: e.number().nonnegative().optional(),
+  bonus: e.number().nonnegative().optional(),
+  reimbursement: e.number().nonnegative().optional(),
+  paymentMethod: e.enum(n),
+  hourlyRate: e.number().nonnegative().optional(),
+  contractorUuid: e.string(),
+  contractorPaymentMethod: e.string().optional()
+}), a = () => o.refine(
+  (t) => !(t.contractorPaymentMethod === "Check" && t.paymentMethod === "Direct Deposit"),
+  {
+    message: "VALIDATION_ERROR",
+    path: ["paymentMethod"]
+  }
+);
+export {
+  o as EditContractorPaymentFormSchema,
+  a as createEditContractorPaymentFormSchema
+};
+//# sourceMappingURL=EditContractorPaymentFormSchema.js.map

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentFormSchema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditContractorPaymentFormSchema.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/EditContractorPaymentFormSchema.ts"],"sourcesContent":["import { z } from 'zod'\n\nconst SUPPORTED_PAYMENT_METHODS = ['Check', 'Direct Deposit'] as const\n\nexport const 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\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: 'VALIDATION_ERROR',\n      path: ['paymentMethod'],\n    },\n  )\n}\n\nexport type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>\n"],"names":["SUPPORTED_PAYMENT_METHODS","EditContractorPaymentFormSchema","z","createEditContractorPaymentFormSchema","data"],"mappings":";AAEA,MAAMA,IAA4B,CAAC,SAAS,gBAAgB,GAE/CC,IAAkCC,EAAE,OAAO;AAAA,EACtD,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,GAEYC,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/CreatePayment/EditContractorPaymentPresentation.d.ts

@@ -1,39 +1,11 @@
 import { UseFormReturn } from 'react-hook-form';
-import { z } from 'zod';
-export declare const EditContractorPaymentFormSchema: z.ZodObject<{
-    wageType: z.ZodEnum<["Hourly", "Fixed"]>;
-    hours: z.ZodOptional<z.ZodNumber>;
-    wage: z.ZodOptional<z.ZodNumber>;
-    bonus: z.ZodOptional<z.ZodNumber>;
-    reimbursement: z.ZodOptional<z.ZodNumber>;
-    paymentMethod: z.ZodEnum<["Check", "Direct Deposit", "Historical Payment"]>;
-    hourlyRate: z.ZodOptional<z.ZodNumber>;
-    contractorUuid: z.ZodString;
-}, "strip", z.ZodTypeAny, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit" | "Historical Payment";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-}, {
-    wageType: "Hourly" | "Fixed";
-    paymentMethod: "Check" | "Direct Deposit" | "Historical Payment";
-    contractorUuid: string;
-    reimbursement?: number | undefined;
-    hours?: number | undefined;
-    wage?: number | undefined;
-    bonus?: number | undefined;
-    hourlyRate?: number | undefined;
-}>;
-export type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>;
+import { EditContractorPaymentFormValues } from './EditContractorPaymentFormSchema';
 interface EditContractorPaymentPresentationProps {
     isOpen: boolean;
     onClose: () => void;
     formMethods: UseFormReturn<EditContractorPaymentFormValues>;
     onSubmit: (data: EditContractorPaymentFormValues) => void;
+    contractorPaymentMethod?: string;
 }
-export declare const EditContractorPaymentPresentation: ({ isOpen, onClose, formMethods, onSubmit, }: EditContractorPaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const EditContractorPaymentPresentation: ({ isOpen, onClose, formMethods, onSubmit, contractorPaymentMethod, }: EditContractorPaymentPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.js

@@ -1,89 +1,85 @@
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useId as w } from "react";
-import { useWatch as a, FormProvider as k } from "react-hook-form";
-import { useTranslation as H } from "react-i18next";
-import { z as t } from "zod";
-import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { jsx as n, jsxs as t } from "react/jsx-runtime";
+import { useId as v } from "react";
+import { useWatch as o, FormProvider as L } from "react-hook-form";
+import { useTranslation as R } from "react-i18next";
+import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as i } from "../../../Common/Flex/Flex.js";
-import { Grid as R } from "../../../Common/Grid/Grid.js";
-import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as T } from "../../../Common/Form/Form.js";
+import { Grid as T } from "../../../Common/Grid/Grid.js";
+import "classnames";
+import { ActionsLayout as I } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as A } from "../../../Common/Form/Form.js";
 import { useI18n as E } from "../../../../i18n/I18n.js";
-import I from "../../../../hooks/useNumberFormatter.js";
+import H from "../../../../hooks/useNumberFormatter.js";
 import { NumberInputField as c } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
 import { RadioGroupField as j } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const X = t.object({
-  wageType: t.enum(["Hourly", "Fixed"]),
-  hours: t.number().nonnegative().max(2e4).optional(),
-  wage: t.number().nonnegative().optional(),
-  bonus: t.number().nonnegative().optional(),
-  reimbursement: t.number().nonnegative().optional(),
-  paymentMethod: t.enum(["Check", "Direct Deposit", "Historical Payment"]),
-  hourlyRate: t.number().nonnegative().optional(),
-  contractorUuid: t.string()
-}), Y = ({
-  isOpen: y,
-  onClose: u,
-  formMethods: o,
-  onSubmit: s
+const Z = ({
+  isOpen: h,
+  onClose: m,
+  formMethods: r,
+  onSubmit: s,
+  contractorPaymentMethod: b
 }) => {
-  const d = w();
+  const u = v();
   E("Contractor.Payments.CreatePayment");
-  const { t: e } = H("Contractor.Payments.CreatePayment", {
+  const { t: e } = R("Contractor.Payments.CreatePayment", {
     keyPrefix: "editContractorPayment"
-  }), { Modal: b, Button: p, Text: h, Heading: l } = L(), g = I("currency"), m = a({
+  }), { Modal: y, Button: d, Text: p, Heading: a } = S(), f = H("currency"), l = o({
     name: "wageType",
-    control: o.control
-  }), f = a({
+    control: r.control
+  }), g = o({
     name: "hours",
-    control: o.control
-  }), x = a({
+    control: r.control
+  }), x = o({
     name: "wage",
-    control: o.control
-  }), C = a({
+    control: r.control
+  }), C = o({
     name: "bonus",
-    control: o.control
-  }), P = a({
+    control: r.control
+  }), D = o({
     name: "reimbursement",
-    control: o.control
-  }), v = a({
+    control: r.control
+  }), P = o({
     name: "hourlyRate",
-    control: o.control
-  }), D = (m === "Fixed" ? 0 : C || 0) + (P || 0) + (x || 0) + (f || 0) * (v || 0), F = [
+    control: r.control
+  }), F = (l === "Fixed" ? 0 : C || 0) + (D || 0) + (x || 0) + (g || 0) * (P || 0), w = b === "Check", k = [
     { value: "Check", label: e("paymentMethods.check") },
-    { value: "Direct Deposit", label: e("paymentMethods.directDeposit") },
-    { value: "Historical Payment", label: e("paymentMethods.historicalPayment") }
+    {
+      value: "Direct Deposit",
+      label: e("paymentMethods.directDeposit"),
+      isDisabled: w
+    }
+    // { value: 'Historical Payment', label: t('paymentMethods.historicalPayment') },
   ];
   return /* @__PURE__ */ n(
-    b,
+    y,
     {
-      isOpen: y,
-      onClose: u,
-      footer: /* @__PURE__ */ r(S, { children: [
-        /* @__PURE__ */ n(p, { variant: "secondary", onClick: u, children: e("cancelCta") }),
+      isOpen: h,
+      onClose: m,
+      footer: /* @__PURE__ */ t(I, { children: [
+        /* @__PURE__ */ n(d, { variant: "secondary", onClick: m, children: e("cancelCta") }),
         /* @__PURE__ */ n(
-          p,
+          d,
           {
             variant: "primary",
             type: "submit",
-            form: d,
-            onClick: () => o.handleSubmit(s),
+            form: u,
+            onClick: () => r.handleSubmit(s),
             children: e("saveCta")
           }
         )
       ] }),
-      children: /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(T, { id: d, onSubmit: o.handleSubmit(s), children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h2", children: e("title") }),
-          /* @__PURE__ */ n(h, { children: e("subtitle") }),
-          /* @__PURE__ */ r(h, { weight: "bold", children: [
+      children: /* @__PURE__ */ n(L, { ...r, children: /* @__PURE__ */ n(A, { id: u, onSubmit: r.handleSubmit(s), children: /* @__PURE__ */ t(i, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(a, { as: "h2", children: e("title") }),
+          /* @__PURE__ */ n(p, { children: e("subtitle") }),
+          /* @__PURE__ */ t(p, { weight: "bold", children: [
             e("totalPay"),
             ": ",
-            g(D)
+            f(F)
           ] })
         ] }),
-        m === "Hourly" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("hoursSection") }),
+        l === "Hourly" && /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(a, { as: "h3", children: e("hoursSection") }),
           /* @__PURE__ */ n(
             c,
             {
@@ -95,8 +91,8 @@ const X = t.object({
             }
           )
         ] }),
-        m === "Fixed" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("fixedPaySection") }),
+        l === "Fixed" && /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(a, { as: "h3", children: e("fixedPaySection") }),
           /* @__PURE__ */ n(
             c,
             {
@@ -108,10 +104,10 @@ const X = t.object({
             }
           )
         ] }),
-        /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("additionalEarningsSection") }),
-          /* @__PURE__ */ r(R, { gridTemplateColumns: { base: "1fr", small: [200, 200] }, gap: 16, children: [
-            m === "Hourly" && /* @__PURE__ */ n(
+        /* @__PURE__ */ t(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(a, { as: "h3", children: e("additionalEarningsSection") }),
+          /* @__PURE__ */ t(T, { gridTemplateColumns: { base: "1fr", small: [200, 200] }, gap: 16, children: [
+            l === "Hourly" && /* @__PURE__ */ n(
               c,
               {
                 min: 0,
@@ -135,7 +131,7 @@ const X = t.object({
           j,
           {
             name: "paymentMethod",
-            options: F,
+            options: k,
             label: e("paymentMethodLabel")
           }
         ) })
@@ -144,7 +140,6 @@ const X = t.object({
   );
 };
 export {
-  X as EditContractorPaymentFormSchema,
-  Y as EditContractorPaymentPresentation
+  Z as EditContractorPaymentPresentation
 };
 //# sourceMappingURL=EditContractorPaymentPresentation.js.map