npm - @gusto/embedded-react-sdk - Versions diffs - 0.36.0 → 0.37.0-rc.2 - Mend

@gusto/embedded-react-sdk 0.36.0 → 0.37.0-rc.2

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

Files changed (712) hide show

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

@@ -4,16 +4,14 @@ 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 "../../../../shared/constants.js";
 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 { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as S } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as O } from "../../../Payroll/helpers.js";
+import U from "../../../../hooks/useNumberFormatter.js";
+import { HamburgerMenu as $ } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DataView as B } from "../../../Common/DataView/DataView.js";
-const E = "0.000", ne = ({
+const E = "0.000", re = ({
   contractors: m,
   paymentDate: h,
   contractorPayments: u,
@@ -26,9 +24,9 @@ const E = "0.000", ne = ({
   onViewBlockers: C,
   isLoading: H
 }) => {
-  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(
+  const { Button: w, Text: n, Heading: d, TextInput: x, Alert: D } = I();
+  S("Contractor.Payments.CreatePayment");
+  const { t } = R("Contractor.Payments.CreatePayment"), o = U("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(
@@ -88,7 +86,7 @@ const E = "0.000", ne = ({
               title: t("contractorTableHeaders.hours"),
               render: (e) => {
                 const i = Number(e.hours || "0");
-                return /* @__PURE__ */ r(n, { children: e.contractorDetails?.wageType === "Hourly" && i ? U(i) : E });
+                return /* @__PURE__ */ r(n, { children: e.contractorDetails?.wageType === "Hourly" && i ? O(i) : E });
               }
             },
             {
@@ -124,7 +122,7 @@ const E = "0.000", ne = ({
           }),
           label: t("hoursAndPaymentsLabel"),
           itemMenu: (e) => /* @__PURE__ */ r(
-            I,
+            $,
             {
               items: [
                 {
@@ -144,6 +142,6 @@ const E = "0.000", ne = ({
   ] });
 };
 export {
-  ne as CreatePaymentPresentation
+  re as CreatePaymentPresentation
 };
 //# sourceMappingURL=CreatePaymentPresentation.js.map

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

	@@ -1 +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 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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"}
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 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/EditContractorPaymentPresentation.js CHANGED Viewed

@@ -5,12 +5,12 @@ 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 T } from "../../../Common/Grid/Grid.js";
-import { RadioGroupField as I } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { ActionsLayout as A } from "../../../Common/ActionsLayout/ActionsLayout.js";
+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 H from "../../../../hooks/useNumberFormatter.js";
 import { NumberInputField as c } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { Form as E } from "../../../Common/Form/Form.js";
-import { useI18n as H } from "../../../../i18n/I18n.js";
-import j from "../../../../hooks/useNumberFormatter.js";
+import { RadioGroupField as j } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const Y = ({
   isOpen: h,
   onClose: m,
@@ -19,10 +19,10 @@ const Y = ({
   contractorPaymentMethod: b
 }) => {
   const u = v();
-  H("Contractor.Payments.CreatePayment");
+  E("Contractor.Payments.CreatePayment");
   const { t: e } = R("Contractor.Payments.CreatePayment", {
     keyPrefix: "editContractorPayment"
-  }), { Modal: y, Button: d, Text: p, Heading: a } = S(), f = j("currency"), l = o({
+  }), { Modal: y, Button: d, Text: p, Heading: a } = S(), f = H("currency"), l = o({
     name: "wageType",
     control: r.control
   }), g = o({
@@ -54,7 +54,7 @@ const Y = ({
     {
       isOpen: h,
       onClose: m,
-      footer: /* @__PURE__ */ t(A, { children: [
+      footer: /* @__PURE__ */ t(I, { children: [
         /* @__PURE__ */ n(d, { variant: "secondary", onClick: m, children: e("cancelCta") }),
         /* @__PURE__ */ n(
           d,
@@ -67,7 +67,7 @@ const Y = ({
           }
         )
       ] }),
-      children: /* @__PURE__ */ n(L, { ...r, children: /* @__PURE__ */ n(E, { id: u, onSubmit: r.handleSubmit(s), children: /* @__PURE__ */ t(i, { flexDirection: "column", gap: 32, 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") }),
@@ -127,7 +127,7 @@ const Y = ({
           ] })
         ] }),
         /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
-          I,
+          j,
           {
             name: "paymentMethod",
             options: k,

package/dist/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.js CHANGED Viewed

@@ -1,43 +1,40 @@
-import { jsx as s, jsxs as o } from "react/jsx-runtime";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
 import { useTranslation as w } from "react-i18next";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { useDateFormatter as _ } from "../../../../hooks/useDateFormatter.js";
 import v from "../../../../assets/icons/icon-zap-fast.svg.js";
-const L = ({
+const F = ({
   blocker: r,
   selectedValue: p,
-  onUnblockOptionChange: m,
-  paymentSpeed: d
+  onUnblockOptionChange: d,
+  paymentSpeed: h
 }) => {
-  const { t: e } = w("Contractor.Payments.CreatePayment"), { Banner: h, Text: n, RadioGroup: u, Badge: a } = B(), b = _(), c = r.blockerType || "fast_ach_threshold_exceeded";
-  return /* @__PURE__ */ s(h, { status: "error", title: e(c === "fast_ach_threshold_exceeded" ? "previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title" : "previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title", { days: d || "2-day" }), children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 16, children: [
-    /* @__PURE__ */ s(n, { children: e("previewPresentation.submissionBlockers.fastAchOptions.description") }),
-    /* @__PURE__ */ s(
+  const { t: e } = w("Contractor.Payments.CreatePayment"), { Banner: m, Text: n, RadioGroup: u, Badge: a } = B(), b = _(), c = r.blockerType || "fast_ach_threshold_exceeded";
+  return /* @__PURE__ */ t(m, { status: "error", title: e(c === "fast_ach_threshold_exceeded" ? "previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title" : "previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title", { days: h || "2-day" }), children: /* @__PURE__ */ o(l, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ t(n, { children: e("previewPresentation.submissionBlockers.fastAchOptions.description") }),
+    /* @__PURE__ */ t(
       u,
       {
         label: e("previewPresentation.submissionBlockers.fastAchOptions.fundingOptionsLabel"),
         shouldVisuallyHideLabel: !0,
-        options: r.unblockOptions?.map((t) => {
-          const i = t.unblockType === "wire_in", f = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireLabel" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel"), k = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireDescription" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription");
+        options: r.unblockOptions?.map((s) => {
+          const i = s.unblockType === "wire_in", f = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireLabel" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel"), k = e(i ? "previewPresentation.submissionBlockers.fastAchOptions.wireDescription" : "previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription");
           return {
-            value: t.unblockType || "",
+            value: s.unblockType || "",
             label: /* @__PURE__ */ o(l, { alignItems: "center", gap: 8, children: [
-              /* @__PURE__ */ s(n, { weight: "semibold", children: f }),
+              /* @__PURE__ */ t(n, { weight: "semibold", children: f }),
               i && /* @__PURE__ */ o(a, { status: "success", children: [
-                /* @__PURE__ */ s(v, { "aria-hidden": !0 }),
+                /* @__PURE__ */ t(v, { "aria-hidden": !0 }),
                 " ",
                 e(
                   "previewPresentation.submissionBlockers.fastAchOptions.wireFastestBadge"
                 )
               ] }),
-              t.checkDate && /* @__PURE__ */ s(a, { status: "info", children: e(
+              s.checkDate && /* @__PURE__ */ t(a, { status: "info", children: e(
                 "previewPresentation.submissionBlockers.fastAchOptions.contractorPayDate",
                 {
-                  date: b.formatShortWithYear(t.checkDate)
+                  date: b.formatShortWithYear(s.checkDate)
                 }
               ) })
             ] }),
@@ -45,14 +42,14 @@ const L = ({
           };
         }) || [],
         value: p,
-        onChange: (t) => {
-          m(c, t);
+        onChange: (s) => {
+          d(c, s);
         }
       }
     )
   ] }) });
 };
 export {
-  L as FastAchSubmissionBlockerBanner
+  F as FastAchSubmissionBlockerBanner
 };
 //# sourceMappingURL=FastAchSubmissionBlockerBanner.js.map

package/dist/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' \| 'needs_earned_access_for_fast_ach'\n\ninterface FastAchSubmissionBlockerBannerProps {\n blocker: PayrollSubmissionBlockerType\n selectedValue?: string\n onUnblockOptionChange: (blockerType: string, value: string) => void\n paymentSpeed?: string\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n blocker,\n selectedValue,\n onUnblockOptionChange,\n paymentSpeed,\n}: FastAchSubmissionBlockerBannerProps) => {\n const { t } = useTranslation('Contractor.Payments.CreatePayment')\n const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n const dateFormatter = useDateFormatter()\n const blockerType = (blocker.blockerType \|\| 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n const titleKey =\n blockerType === 'fast_ach_threshold_exceeded'\n ? 'previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title'\n : 'previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n return (\n <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed \|\| '2-day' })}>\n <Flex flexDirection=\"column\" gap={16}>\n <Text>{t('previewPresentation.submissionBlockers.fastAchOptions.description')}</Text>\n <RadioGroup\n label={t('previewPresentation.submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n shouldVisuallyHideLabel\n options={\n blocker.unblockOptions?.map(option => {\n const isWire = option.unblockType === 'wire_in'\n const label = isWire\n ? t('previewPresentation.submissionBlockers.fastAchOptions.wireLabel')\n : t('previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel')\n const description = isWire\n ? t('previewPresentation.submissionBlockers.fastAchOptions.wireDescription')\n : t(\n 'previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription',\n )\n\n return {\n value: option.unblockType \|\| '',\n label: (\n <Flex alignItems=\"center\" gap={8}>\n <Text weight=\"semibold\">{label}</Text>\n {isWire && (\n <Badge status=\"success\">\n <IconFast aria-hidden />{' '}\n {t(\n 'previewPresentation.submissionBlockers.fastAchOptions.wireFastestBadge',\n )}\n </Badge>\n )}\n {option.checkDate && (\n <Badge status=\"info\">\n {t(\n 'previewPresentation.submissionBlockers.fastAchOptions.contractorPayDate',\n {\n date: dateFormatter.formatShortWithYear(option.checkDate),\n },\n )}\n </Badge>\n )}\n </Flex>\n ),\n description,\n }\n }) \|\| []\n }\n value={selectedValue}\n onChange={value => {\n onUnblockOptionChange(blockerType, value)\n }}\n />\n </Flex>\n </Banner>\n )\n}\n"],"names":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":"~~;;;;;;;;;~~AAgBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,6EACA,iFAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,mEAAmE,EAAA,CAAE;AAAA,IAC9E,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,2EAA2E;AAAA,QACpF,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAAAiB,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,oEACA,0EADiE,GAEjEE,IACFhB,EADgBc,IACd,0EAEA,gFAFuE;AAK7E,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB;AAAA,kBACC;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,GAAA,EAAM,QAAO,QACX,UAAAL;AAAA,gBACC;AAAA,gBACA;AAAA,kBACE,MAAMO,EAAc,oBAAoBM,EAAO,SAAS;AAAA,gBAAA;AAAA,cAC1D,EACF,CACF;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}
1	+ {"version":3,"file":"FastAchSubmissionBlockerBanner.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/FastAchSubmissionBlockerBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { PayrollSubmissionBlockerType } from '@gusto/embedded-api/models/components/payrollsubmissionblockertype'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport IconFast from '@/assets/icons/icon-zap-fast.svg?react'\n\ntype FastAchBlockerType = 'fast_ach_threshold_exceeded' \| 'needs_earned_access_for_fast_ach'\n\ninterface FastAchSubmissionBlockerBannerProps {\n blocker: PayrollSubmissionBlockerType\n selectedValue?: string\n onUnblockOptionChange: (blockerType: string, value: string) => void\n paymentSpeed?: string\n}\n\nexport const FastAchSubmissionBlockerBanner = ({\n blocker,\n selectedValue,\n onUnblockOptionChange,\n paymentSpeed,\n}: FastAchSubmissionBlockerBannerProps) => {\n const { t } = useTranslation('Contractor.Payments.CreatePayment')\n const { Banner, Text, RadioGroup, Badge } = useComponentContext()\n const dateFormatter = useDateFormatter()\n const blockerType = (blocker.blockerType \|\| 'fast_ach_threshold_exceeded') as FastAchBlockerType\n\n const titleKey =\n blockerType === 'fast_ach_threshold_exceeded'\n ? 'previewPresentation.submissionBlockers.fast_ach_threshold_exceeded.title'\n : 'previewPresentation.submissionBlockers.needs_earned_access_for_fast_ach.title'\n\n return (\n <Banner status=\"error\" title={t(titleKey, { days: paymentSpeed \|\| '2-day' })}>\n <Flex flexDirection=\"column\" gap={16}>\n <Text>{t('previewPresentation.submissionBlockers.fastAchOptions.description')}</Text>\n <RadioGroup\n label={t('previewPresentation.submissionBlockers.fastAchOptions.fundingOptionsLabel')}\n shouldVisuallyHideLabel\n options={\n blocker.unblockOptions?.map(option => {\n const isWire = option.unblockType === 'wire_in'\n const label = isWire\n ? t('previewPresentation.submissionBlockers.fastAchOptions.wireLabel')\n : t('previewPresentation.submissionBlockers.fastAchOptions.directDepositLabel')\n const description = isWire\n ? t('previewPresentation.submissionBlockers.fastAchOptions.wireDescription')\n : t(\n 'previewPresentation.submissionBlockers.fastAchOptions.directDepositDescription',\n )\n\n return {\n value: option.unblockType \|\| '',\n label: (\n <Flex alignItems=\"center\" gap={8}>\n <Text weight=\"semibold\">{label}</Text>\n {isWire && (\n <Badge status=\"success\">\n <IconFast aria-hidden />{' '}\n {t(\n 'previewPresentation.submissionBlockers.fastAchOptions.wireFastestBadge',\n )}\n </Badge>\n )}\n {option.checkDate && (\n <Badge status=\"info\">\n {t(\n 'previewPresentation.submissionBlockers.fastAchOptions.contractorPayDate',\n {\n date: dateFormatter.formatShortWithYear(option.checkDate),\n },\n )}\n </Badge>\n )}\n </Flex>\n ),\n description,\n }\n }) \|\| []\n }\n value={selectedValue}\n onChange={value => {\n onUnblockOptionChange(blockerType, value)\n }}\n />\n </Flex>\n </Banner>\n )\n}\n"],"names":["FastAchSubmissionBlockerBanner","blocker","selectedValue","onUnblockOptionChange","paymentSpeed","t","useTranslation","Banner","Text","RadioGroup","Badge","useComponentContext","dateFormatter","useDateFormatter","blockerType","jsxs","Flex","jsx","option","isWire","label","description","IconFast","value"],"mappings":";;;;;;AAgBO,MAAMA,IAAiC,CAAC;AAAA,EAC7C,SAAAC;AAAA,EACA,eAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,cAAAC;AACF,MAA2C;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC,GAC1D,EAAE,QAAAC,GAAQ,MAAAC,GAAM,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA,GACtCC,IAAgBC,EAAA,GAChBC,IAAeb,EAAQ,eAAe;AAO5C,2BACGM,GAAA,EAAO,QAAO,SAAQ,OAAOF,EAL9BS,MAAgB,gCACZ,6EACA,iFAGsC,EAAE,MAAMV,KAAgB,SAAS,GACzE,UAAA,gBAAAW,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACT,GAAA,EAAM,UAAAH,EAAE,mEAAmE,EAAA,CAAE;AAAA,IAC9E,gBAAAY;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,2EAA2E;AAAA,QACpF,yBAAuB;AAAA,QACvB,SACEJ,EAAQ,gBAAgB,IAAI,CAAAiB,MAAU;AACpC,gBAAMC,IAASD,EAAO,gBAAgB,WAChCE,IACFf,EADUc,IACR,oEACA,0EADiE,GAEjEE,IACFhB,EADgBc,IACd,0EAEA,gFAFuE;AAK7E,iBAAO;AAAA,YACL,OAAOD,EAAO,eAAe;AAAA,YAC7B,OACE,gBAAAH,EAACC,GAAA,EAAK,YAAW,UAAS,KAAK,GAC7B,UAAA;AAAA,cAAA,gBAAAC,EAACT,GAAA,EAAK,QAAO,YAAY,UAAAY,GAAM;AAAA,cAC9BD,KACC,gBAAAJ,EAACL,GAAA,EAAM,QAAO,WACZ,UAAA;AAAA,gBAAA,gBAAAO,EAACK,GAAA,EAAS,eAAW,GAAA,CAAC;AAAA,gBAAG;AAAA,gBACxBjB;AAAA,kBACC;AAAA,gBAAA;AAAA,cACF,GACF;AAAA,cAEDa,EAAO,aACN,gBAAAD,EAACP,GAAA,EAAM,QAAO,QACX,UAAAL;AAAA,gBACC;AAAA,gBACA;AAAA,kBACE,MAAMO,EAAc,oBAAoBM,EAAO,SAAS;AAAA,gBAAA;AAAA,cAC1D,EACF,CACF;AAAA,YAAA,GAEJ;AAAA,YAEF,aAAAG;AAAA,UAAA;AAAA,QAEJ,CAAC,KAAK,CAAA;AAAA,QAER,OAAOnB;AAAA,QACP,UAAU,CAAAqB,MAAS;AACjB,UAAApB,EAAsBW,GAAaS,CAAK;AAAA,QAC1C;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.js CHANGED Viewed

@@ -5,14 +5,13 @@ import { getContractorDisplayName as R } from "./helpers.js";
 import { FastAchSubmissionBlockerBanner as L } from "./FastAchSubmissionBlockerBanner.js";
 import { GenericBlocker as P } from "./GenericBlocker.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as T } from "../../../../shared/constants.js";
 import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as E } from "../../../../i18n/I18n.js";
 import { formatHoursDisplay as F } from "../../../Payroll/helpers.js";
 import j from "../../../../hooks/useNumberFormatter.js";
+import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as T } from "../../../../shared/constants.js";
 import { DataView as p } from "../../../Common/DataView/DataView.js";
-const I = "0.000", G = ({
+const I = "0.000", X = ({
   contractorPaymentGroup: i,
   contractors: f,
   onBackToEdit: A,
@@ -171,6 +170,6 @@ const I = "0.000", G = ({
   ] });
 };
 export {
-  G as PreviewPresentation
+  X as PreviewPresentation
 };
 //# sourceMappingURL=PreviewPresentation.js.map

package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PreviewPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/PreviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { ContractorPaymentForGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentforgrouppreview'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { getContractorDisplayName } from './helpers'\nimport { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner'\nimport { GenericBlocker } from './GenericBlocker'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PreviewPresentationProps {\n contractorPaymentGroup: ContractorPaymentGroupPreview\n contractors: Contractor[]\n onBackToEdit: () => void\n onSubmit: () => void\n isLoading: boolean\n bankAccount?: CompanyBankAccount\n selectedUnblockOptions?: Record<string, string>\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n paymentSpeed?: string\n}\n\nexport const PreviewPresentation = ({\n contractorPaymentGroup,\n contractors,\n onBackToEdit,\n onSubmit,\n isLoading,\n bankAccount,\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n paymentSpeed,\n}: PreviewPresentationProps) => {\n const { Button, Text, Heading, Alert } = useComponentContext()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n keyPrefix: 'previewPresentation',\n })\n const currencyFormatter = useNumberFormatter()\n\n const formatWageType = (contractor: ContractorPaymentForGroupPreview) => {\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 totals = useMemo(\n () =>\n contractorPaymentGroup.contractorPayments?.reduce(\n (acc, contractor) => {\n acc.wageAmount += Number(contractor.wage \|\| '0')\n acc.bonusAmount += Number(contractor.bonus \|\| '0')\n acc.reimbursementAmount += Number(contractor.reimbursement \|\| '0')\n acc.totalAmount += Number(contractor.wageTotal \|\| '0')\n return acc\n },\n { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n ),\n [contractorPaymentGroup.contractorPayments],\n )\n\n const contractorPayments = contractorPaymentGroup.contractorPayments \|\| []\n\n const submissionBlockers = (contractorPaymentGroup.submissionBlockers \|\| []).filter(\n blocker => blocker.status === 'unresolved',\n )\n\n const hasUnresolvableBlockers = submissionBlockers.some(\n blocker => !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType \|\| ''),\n )\n\n const hasUnselectedBlockers = submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )\n\n const isSubmitDisabled =\n isLoading \|\|\n (submissionBlockers.length > 0 && (hasUnresolvableBlockers \|\| hasUnselectedBlockers))\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={2}>\n <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n <Text variant=\"supporting\">\n {t('reviewSubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n </Text>\n </Flex>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Button onClick={onBackToEdit} variant=\"secondary\">\n {t('editButton')}\n </Button>\n <Button\n onClick={onSubmit}\n variant=\"primary\"\n isLoading={isLoading}\n isDisabled={isSubmitDisabled}\n >\n {t('submitButton')}\n </Button>\n </Flex>\n </Flex>\n\n <Alert\n status=\"info\"\n label={t('alerts.submitPaymentsDeadline', {\n checkDate: contractorPaymentGroup.checkDate,\n debitDate: contractorPaymentGroup.debitDate,\n })}\n />\n\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType \|\| ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n\n {/* Payment Summary /}\n <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n <DataView\n columns={[\n {\n title: t('summaryTableHeaders.totalAmount'),\n render: () => (\n <Text>{currencyFormatter(Number(contractorPaymentGroup.totals?.amount \|\| '0'))}</Text>\n ),\n },\n {\n title: t('summaryTableHeaders.debitAmount'),\n render: () => (\n <Text>\n {currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount \|\| '0'))}\n </Text>\n ),\n },\n {\n title: t('summaryTableHeaders.debitAccount'),\n render: () => <Text>{bankAccount?.hiddenAccountNumber ?? t('naDebitAccount')}</Text>,\n },\n {\n title: t('summaryTableHeaders.debitDate'),\n render: () => <Text>{contractorPaymentGroup.debitDate \|\| 'debitDate'}</Text>,\n },\n {\n title: t('summaryTableHeaders.contractorPayDate'),\n render: () => <Text>{contractorPaymentGroup.checkDate \|\| 'contractorPayDate'}</Text>,\n },\n ]}\n data={[contractorPaymentGroup]}\n label=\"Payment Summary\"\n />\n\n {/ Contractor Payments Table */}\n <DataView\n columns={[\n {\n title: t('contractorTableHeaders.contractor'),\n render: contractorPayment => (\n <Text>\n {getContractorDisplayName(\n contractors.find(\n contractor => contractor.uuid === contractorPayment.contractorUuid,\n ),\n )}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wageType'),\n render: contractorPayment => <Text>{formatWageType(contractorPayment)}</Text>,\n },\n {\n title: t('contractorTableHeaders.paymentMethod'),\n render: contractorPayment => <Text>{contractorPayment.paymentMethod \|\| 'N/A'}</Text>,\n },\n {\n title: t('contractorTableHeaders.hours'),\n render: contractorPayment => {\n const hours = Number(contractorPayment.hours \|\| '0')\n return (\n <Text>\n {contractorPayment.wageType === 'Hourly' && hours\n ? formatHoursDisplay(hours)\n : ZERO_HOURS_DISPLAY}\n </Text>\n )\n },\n },\n {\n title: t('contractorTableHeaders.wage'),\n render: contractorPayment => (\n <Text>\n {contractorPayment.wageType === 'Fixed' && contractorPayment.wage\n ? currencyFormatter(Number(contractorPayment.wage \|\| '0'))\n : currencyFormatter(0)}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.bonus'),\n render: contractorPayment => (\n <Text>{currencyFormatter(Number(contractorPayment.bonus \|\| '0'))}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n render: contractorPayment => (\n <Text>{currencyFormatter(Number(contractorPayment.reimbursement \|\| '0'))}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.total'),\n render: contractorPayment => (\n <Text>{currencyFormatter(Number(contractorPayment.wageTotal \|\| '0'))}</Text>\n ),\n },\n ]}\n data={contractorPayments}\n footer={() => ({\n 'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n 'column-4': <Text>{currencyFormatter(totals?.wageAmount ?? 0)}</Text>,\n 'column-5': <Text>{currencyFormatter(totals?.bonusAmount ?? 0)}</Text>,\n 'column-6': <Text>{currencyFormatter(totals?.reimbursementAmount ?? 0)}</Text>,\n 'column-7': <Text>{currencyFormatter(totals?.totalAmount ?? 0)}</Text>,\n })}\n label={t('whatYourCompanyPays')}\n />\n </Flex>\n )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","bankAccount","selectedUnblockOptions","onUnblockOptionChange","paymentSpeed","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","submissionBlockers","blocker","hasUnresolvableBlockers","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","hasUnselectedBlockers","isSubmitDisabled","jsxs","Flex","jsx","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","DataView","contractorPayment","getContractorDisplayName","hours","formatHoursDisplay"],"mappings":";;;;;;;;;;;;;;AAgBA,MAAMA,IAAqB,SAcdC,IAAsB,CAAC;AAAA,EAClC,wBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,wBAAAC,IAAyB,CAAA;AAAA,EACzB,uBAAAC;AAAA,EACA,cAAAC;AACF,MAAgC;AAC9B,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,OAAAC,EAAA,IAAUC,EAAA;AACzC,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC;AAAA,IAChE,WAAW;AAAA,EAAA,CACZ,GACKC,IAAoBC,EAAA,GAEpBC,IAAiB,CAACC,MAClBA,EAAW,aAAa,YAAYA,EAAW,aAC1C,GAAGL,EAAE,kBAAkB,CAAC,IAAIE,EAAkB,OAAOG,EAAW,cAAc,GAAG,CAAC,CAAC,GAAGL,EAAE,SAAS,CAAC,KAEpGK,EAAW,UAGdC,IAASC;AAAA,IACb,MACEtB,EAAuB,oBAAoB;AAAA,MACzC,CAACuB,GAAKH,OACJG,EAAI,cAAc,OAAOH,EAAW,QAAQ,GAAG,GAC/CG,EAAI,eAAe,OAAOH,EAAW,SAAS,GAAG,GACjDG,EAAI,uBAAuB,OAAOH,EAAW,iBAAiB,GAAG,GACjEG,EAAI,eAAe,OAAOH,EAAW,aAAa,GAAG,GAC9CG;AAAA,MAET,EAAE,YAAY,GAAG,aAAa,GAAG,qBAAqB,GAAG,aAAa,EAAA;AAAA,IAAE;AAAA,IAE5E,CAACvB,EAAuB,kBAAkB;AAAA,EAAA,GAGtCwB,IAAqBxB,EAAuB,sBAAsB,CAAA,GAElEyB,KAAsBzB,EAAuB,sBAAsB,CAAA,GAAI;AAAA,IAC3E,CAAA0B,MAAWA,EAAQ,WAAW;AAAA,EAAA,GAG1BC,IAA0BF,EAAmB;AAAA,IACjD,OAAW,CAACG,EAA4C,SAASF,EAAQ,eAAe,EAAE;AAAA,EAAA,GAGtFG,IAAwBJ,EAAmB;AAAA,IAC/C,CAAAC,MAAW,CAACpB,EAAuBoB,EAAQ,eAAe,EAAE;AAAA,EAAA,GAGxDI,IACJ1B,KACCqB,EAAmB,SAAS,MAAME,KAA2BE;AAEhE,SACE,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACtB,GAAA,EAAQ,IAAG,MAAM,UAAAI,EAAE,sBAAsB,GAAE;AAAA,QAC5C,gBAAAkB,EAACvB,GAAA,EAAK,SAAQ,cACX,UAAAK,EAAE,kBAAkB,EAAE,WAAWf,EAAuB,UAAA,CAAW,EAAA,CACtE;AAAA,MAAA,GACF;AAAA,MACA,gBAAA+B,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,QAAA,gBAAAC,EAACxB,KAAO,SAASP,GAAc,SAAQ,aACpC,UAAAa,EAAE,YAAY,GACjB;AAAA,QACA,gBAAAkB;AAAA,UAACxB;AAAA,UAAA;AAAA,YACC,SAASN;AAAA,YACT,SAAQ;AAAA,YACR,WAAAC;AAAA,YACA,YAAY0B;AAAA,YAEX,YAAE,cAAc;AAAA,UAAA;AAAA,QAAA;AAAA,MACnB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAG;AAAA,MAACrB;AAAA,MAAA;AAAA,QACC,QAAO;AAAA,QACP,OAAOG,EAAE,iCAAiC;AAAA,UACxC,WAAWf,EAAuB;AAAA,UAClC,WAAWA,EAAuB;AAAA,QAAA,CACnC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGFyB,EAAmB,SAAS,KAC3BlB,KACAkB,EAAmB,IAAI,CAAAC,MAAW;AAChC,YAAMQ,IAAcR,EAAQ,eAAe;AAE3C,aAAIE,EAA4C,SAASM,CAAW,IAEhE,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UAEC,SAAAT;AAAA,UACA,eAAepB,EAAuB4B,CAAW;AAAA,UACjD,uBAAA3B;AAAA,UACA,cAAAC;AAAA,QAAA;AAAA,QAJK0B;AAAA,MAAA,IASJ,gBAAAD,EAACG,GAAA,EAAiC,SAAAV,EAAA,GAAbQ,CAA+B;AAAA,IAC7D,CAAC;AAAA,sBAGFvB,GAAA,EAAQ,IAAG,MAAM,UAAAI,EAAE,qBAAqB,GAAE;AAAA,IAC3C,gBAAAkB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,UACP;AAAA,YACE,OAAOtB,EAAE,iCAAiC;AAAA,YAC1C,QAAQ,MACN,gBAAAkB,EAACvB,GAAA,EAAM,UAAAO,EAAkB,OAAOjB,EAAuB,QAAQ,UAAU,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,UAGnF;AAAA,YACE,OAAOe,EAAE,iCAAiC;AAAA,YAC1C,QAAQ,MACN,gBAAAkB,EAACvB,GAAA,EACE,UAAAO,EAAkB,OAAOjB,EAAuB,QAAQ,eAAe,GAAG,CAAC,EAAA,CAC9E;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAOe,EAAE,kCAAkC;AAAA,YAC3C,QAAQ,MAAM,gBAAAkB,EAACvB,GAAA,EAAM,aAAa,uBAAuBK,EAAE,gBAAgB,EAAA,CAAE;AAAA,UAAA;AAAA,UAE/E;AAAA,YACE,OAAOA,EAAE,+BAA+B;AAAA,YACxC,QAAQ,MAAM,gBAAAkB,EAACvB,GAAA,EAAM,UAAAV,EAAuB,aAAa,YAAA,CAAY;AAAA,UAAA;AAAA,UAEvE;AAAA,YACE,OAAOe,EAAE,uCAAuC;AAAA,YAChD,QAAQ,MAAM,gBAAAkB,EAACvB,GAAA,EAAM,UAAAV,EAAuB,aAAa,oBAAA,CAAoB;AAAA,UAAA;AAAA,QAC/E;AAAA,QAEF,MAAM,CAACA,CAAsB;AAAA,QAC7B,OAAM;AAAA,MAAA;AAAA,IAAA;AAAA,IAIR,gBAAAiC;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,UACP;AAAA,YACE,OAAOtB,EAAE,mCAAmC;AAAA,YAC5C,QAAQ,CAAAuB,MACN,gBAAAL,EAACvB,GAAA,EACE,UAAA6B;AAAA,cACCtC,EAAY;AAAA,gBACV,CAAAmB,MAAcA,EAAW,SAASkB,EAAkB;AAAA,cAAA;AAAA,YACtD,EACF,CACF;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAOvB,EAAE,iCAAiC;AAAA,YAC1C,QAAQ,CAAAuB,MAAqB,gBAAAL,EAACvB,GAAA,EAAM,UAAAS,EAAemB,CAAiB,EAAA,CAAE;AAAA,UAAA;AAAA,UAExE;AAAA,YACE,OAAOvB,EAAE,sCAAsC;AAAA,YAC/C,QAAQ,CAAAuB,MAAqB,gBAAAL,EAACvB,GAAA,EAAM,UAAA4B,EAAkB,iBAAiB,MAAA,CAAM;AAAA,UAAA;AAAA,UAE/E;AAAA,YACE,OAAOvB,EAAE,8BAA8B;AAAA,YACvC,QAAQ,CAAAuB,MAAqB;AAC3B,oBAAME,IAAQ,OAAOF,EAAkB,SAAS,GAAG;AACnD,qBACE,gBAAAL,EAACvB,KACE,UAAA4B,EAAkB,aAAa,YAAYE,IACxCC,EAAmBD,CAAK,IACxB1C,EAAA,CACN;AAAA,YAEJ;AAAA,UAAA;AAAA,UAEF;AAAA,YACE,OAAOiB,EAAE,6BAA6B;AAAA,YACtC,QAAQ,CAAAuB,MACN,gBAAAL,EAACvB,KACE,UAAA4B,EAAkB,aAAa,WAAWA,EAAkB,OACzDrB,EAAkB,OAAOqB,EAAkB,QAAQ,GAAG,CAAC,IACvDrB,EAAkB,CAAC,EAAA,CACzB;AAAA,UAAA;AAAA,UAGJ;AAAA,YACE,OAAOF,EAAE,8BAA8B;AAAA,YACvC,QAAQ,CAAAuB,MACN,gBAAAL,EAACvB,GAAA,EAAM,UAAAO,EAAkB,OAAOqB,EAAkB,SAAS,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,UAGrE;AAAA,YACE,OAAOvB,EAAE,sCAAsC;AAAA,YAC/C,QAAQ,CAAAuB,MACN,gBAAAL,EAACvB,GAAA,EAAM,UAAAO,EAAkB,OAAOqB,EAAkB,iBAAiB,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,UAG7E;AAAA,YACE,OAAOvB,EAAE,8BAA8B;AAAA,YACvC,QAAQ,CAAAuB,MACN,gBAAAL,EAACvB,GAAA,EAAM,UAAAO,EAAkB,OAAOqB,EAAkB,aAAa,GAAG,CAAC,EAAA,CAAE;AAAA,UAAA;AAAA,QAEzE;AAAA,QAEF,MAAMd;AAAA,QACN,QAAQ,OAAO;AAAA,UACb,YAAY,gBAAAS,EAACvB,GAAA,EAAK,QAAO,QAAQ,UAAAK,EAAE,aAAa,GAAE;AAAA,UAClD,YAAY,gBAAAkB,EAACvB,GAAA,EAAM,YAAkBW,GAAQ,cAAc,CAAC,GAAE;AAAA,UAC9D,YAAY,gBAAAY,EAACvB,GAAA,EAAM,YAAkBW,GAAQ,eAAe,CAAC,GAAE;AAAA,UAC/D,YAAY,gBAAAY,EAACvB,GAAA,EAAM,YAAkBW,GAAQ,uBAAuB,CAAC,GAAE;AAAA,UACvE,YAAY,gBAAAY,EAACvB,GAAA,EAAM,YAAkBW,GAAQ,eAAe,CAAC,EAAA,CAAE;AAAA,QAAA;AAAA,QAEjE,OAAON,EAAE,qBAAqB;AAAA,MAAA;AAAA,IAAA;AAAA,EAChC,GACF;AAEJ;"}
1	+ {"version":3,"file":"PreviewPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/PreviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { ContractorPaymentForGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentforgrouppreview'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { getContractorDisplayName } from './helpers'\nimport { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner'\nimport { GenericBlocker } from './GenericBlocker'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PreviewPresentationProps {\n contractorPaymentGroup: ContractorPaymentGroupPreview\n contractors: Contractor[]\n onBackToEdit: () => void\n onSubmit: () => void\n isLoading: boolean\n bankAccount?: CompanyBankAccount\n selectedUnblockOptions?: Record<string, string>\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n paymentSpeed?: string\n}\n\nexport const PreviewPresentation = ({\n contractorPaymentGroup,\n contractors,\n onBackToEdit,\n onSubmit,\n isLoading,\n bankAccount,\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n paymentSpeed,\n}: PreviewPresentationProps) => {\n const { Button, Text, Heading, Alert } = useComponentContext()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n keyPrefix: 'previewPresentation',\n })\n const currencyFormatter = useNumberFormatter()\n\n const formatWageType = (contractor: ContractorPaymentForGroupPreview) => {\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 totals = useMemo(\n () =>\n contractorPaymentGroup.contractorPayments?.reduce(\n (acc, contractor) => {\n acc.wageAmount += Number(contractor.wage \|\| '0')\n acc.bonusAmount += Number(contractor.bonus \|\| '0')\n acc.reimbursementAmount += Number(contractor.reimbursement \|\| '0')\n acc.totalAmount += Number(contractor.wageTotal \|\| '0')\n return acc\n },\n { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n ),\n [contractorPaymentGroup.contractorPayments],\n )\n\n const contractorPayments = contractorPaymentGroup.contractorPayments \|\| []\n\n const submissionBlockers = (contractorPaymentGroup.submissionBlockers \|\| []).filter(\n blocker => blocker.status === 'unresolved',\n )\n\n const hasUnresolvableBlockers = submissionBlockers.some(\n blocker => !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType \|\| ''),\n )\n\n const hasUnselectedBlockers = submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )\n\n const isSubmitDisabled =\n isLoading \|\|\n (submissionBlockers.length > 0 && (hasUnresolvableBlockers \|\| hasUnselectedBlockers))\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={2}>\n <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n <Text variant=\"supporting\">\n {t('reviewSubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n </Text>\n </Flex>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Button onClick={onBackToEdit} variant=\"secondary\">\n {t('editButton')}\n </Button>\n <Button\n onClick={onSubmit}\n variant=\"primary\"\n isLoading={isLoading}\n isDisabled={isSubmitDisabled}\n >\n {t('submitButton')}\n </Button>\n </Flex>\n </Flex>\n\n <Alert\n status=\"info\"\n label={t('alerts.submitPaymentsDeadline', {\n checkDate: contractorPaymentGroup.checkDate,\n debitDate: contractorPaymentGroup.debitDate,\n })}\n />\n\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType \|\| ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n\n {/* Payment Summary /}\n <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n <DataView\n columns={[\n {\n title: t('summaryTableHeaders.totalAmount'),\n render: () => (\n <Text>{currencyFormatter(Number(contractorPaymentGroup.totals?.amount \|\| '0'))}</Text>\n ),\n },\n {\n title: t('summaryTableHeaders.debitAmount'),\n render: () => (\n <Text>\n {currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount \|\| '0'))}\n </Text>\n ),\n },\n {\n title: t('summaryTableHeaders.debitAccount'),\n render: () => <Text>{bankAccount?.hiddenAccountNumber ?? t('naDebitAccount')}</Text>,\n },\n {\n title: t('summaryTableHeaders.debitDate'),\n render: () => <Text>{contractorPaymentGroup.debitDate \|\| 'debitDate'}</Text>,\n },\n {\n title: t('summaryTableHeaders.contractorPayDate'),\n render: () => <Text>{contractorPaymentGroup.checkDate \|\| 'contractorPayDate'}</Text>,\n },\n ]}\n data={[contractorPaymentGroup]}\n label=\"Payment Summary\"\n />\n\n {/ Contractor Payments Table */}\n <DataView\n columns={[\n {\n title: t('contractorTableHeaders.contractor'),\n render: contractorPayment => (\n <Text>\n {getContractorDisplayName(\n contractors.find(\n contractor => contractor.uuid === contractorPayment.contractorUuid,\n ),\n )}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wageType'),\n render: contractorPayment => <Text>{formatWageType(contractorPayment)}</Text>,\n },\n {\n title: t('contractorTableHeaders.paymentMethod'),\n render: contractorPayment => <Text>{contractorPayment.paymentMethod \|\| 'N/A'}</Text>,\n },\n {\n title: t('contractorTableHeaders.hours'),\n render: contractorPayment => {\n const hours = Number(contractorPayment.hours \|\| '0')\n return (\n <Text>\n {contractorPayment.wageType === 'Hourly' && hours\n ? formatHoursDisplay(hours)\n : ZERO_HOURS_DISPLAY}\n </Text>\n )\n },\n },\n {\n title: t('contractorTableHeaders.wage'),\n render: contractorPayment => (\n <Text>\n {contractorPayment.wageType === 'Fixed' && contractorPayment.wage\n ? currencyFormatter(Number(contractorPayment.wage \|\| '0'))\n : currencyFormatter(0)}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.bonus'),\n render: contractorPayment => (\n <Text>{currencyFormatter(Number(contractorPayment.bonus \|\| '0'))}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n render: contractorPayment => (\n <Text>{currencyFormatter(Number(contractorPayment.reimbursement \|\| '0'))}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.total'),\n render: contractorPayment => (\n <Text>{currencyFormatter(Number(contractorPayment.wageTotal \|\| '0'))}</Text>\n ),\n },\n ]}\n data={contractorPayments}\n footer={() => ({\n 'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n 'column-4': <Text>{currencyFormatter(totals?.wageAmount ?? 0)}</Text>,\n 'column-5': <Text>{currencyFormatter(totals?.bonusAmount ?? 0)}</Text>,\n 'column-6': <Text>{currencyFormatter(totals?.reimbursementAmount ?? 0)}</Text>,\n 'column-7': <Text>{currencyFormatter(totals?.totalAmount ?? 0)}</Text>,\n })}\n label={t('whatYourCompanyPays')}\n />\n </Flex>\n )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","bankAccount","selectedUnblockOptions","onUnblockOptionChange","paymentSpeed","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","submissionBlockers","blocker","hasUnresolvableBlockers","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","hasUnselectedBlockers","isSubmitDisabled","jsxs","Flex","jsx","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","DataView","contractorPayment","getContractorDisplayName","hours","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js CHANGED Viewed

@@ -3,28 +3,26 @@ import { useTranslation as N, Trans as D } from "react-i18next";
 import { getContractorDisplayName as x } from "../CreatePayment/helpers.js";
 import u from "./PaymentHistoryPresentation.module.scss.js";
 import { Flex as l } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { EmptyData as P } from "../../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as C } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as v } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as S } from "../../../Payroll/helpers.js";
-import w from "../../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as L } from "../../../../hooks/useDateFormatter.js";
-import M from "../../../../assets/icons/eye.svg.js";
-import T from "../../../../assets/icons/slash-circle.svg.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as F } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as v } from "../../../Payroll/helpers.js";
+import S from "../../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as w } from "../../../../hooks/useDateFormatter.js";
+import L from "../../../../assets/icons/eye.svg.js";
+import M from "../../../../assets/icons/slash-circle.svg.js";
+import { HamburgerMenu as T } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
 import { DataView as j } from "../../../Common/DataView/DataView.js";
-const Z = ({
+const U = ({
   paymentGroup: s,
   contractors: h,
   onViewPayment: b,
   onCancelPayment: f,
   isCancelling: y
 }) => {
-  const { Text: n, Heading: c } = F();
-  v("Contractor.Payments.PaymentHistory");
-  const { t } = N("Contractor.Payments.PaymentHistory"), o = w("currency"), { formatLongWithYear: g } = L(), d = s.contractorPayments || [];
+  const { Text: n, Heading: c } = C();
+  F("Contractor.Payments.PaymentHistory");
+  const { t } = N("Contractor.Payments.PaymentHistory"), o = S("currency"), { formatLongWithYear: g } = w(), d = s.contractorPayments || [];
   return /* @__PURE__ */ m(l, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ m(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ r(c, { as: "h2", children: t("title") }),
@@ -62,7 +60,7 @@ const Z = ({
             },
             {
               title: t("tableHeaders.hours"),
-              render: ({ hours: e }) => /* @__PURE__ */ r(n, { children: e ? S(Number(e)) : "–" })
+              render: ({ hours: e }) => /* @__PURE__ */ r(n, { children: e ? v(Number(e)) : "–" })
             },
             {
               title: t("tableHeaders.wage"),
@@ -90,7 +88,7 @@ const Z = ({
                 onClick: () => {
                   b(e);
                 },
-                icon: /* @__PURE__ */ r("span", { className: u.icon, children: /* @__PURE__ */ r(M, { "aria-hidden": !0 }) })
+                icon: /* @__PURE__ */ r("span", { className: u.icon, children: /* @__PURE__ */ r(L, { "aria-hidden": !0 }) })
               }
             ];
             return i && p.push({
@@ -98,9 +96,9 @@ const Z = ({
               onClick: () => {
                 f(a);
               },
-              icon: /* @__PURE__ */ r("span", { className: u.icon, children: /* @__PURE__ */ r(T, { "aria-hidden": !0 }) })
+              icon: /* @__PURE__ */ r("span", { className: u.icon, children: /* @__PURE__ */ r(M, { "aria-hidden": !0 }) })
             }), /* @__PURE__ */ r(
-              C,
+              T,
               {
                 items: p,
                 triggerLabel: t("tableHeaders.action"),
@@ -116,6 +114,6 @@ const Z = ({
   ] });
 };
 export {
-  Z as PaymentHistoryPresentation
+  U as PaymentHistoryPresentation
 };
 //# sourceMappingURL=PaymentHistoryPresentation.js.map

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentHistoryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport styles from './PaymentHistoryPresentation.module.scss'\nimport { DataView, Flex, 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'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport CancelIcon from '@/assets/icons/slash-circle.svg?react'\n\ninterface PaymentHistoryPresentationProps {\n paymentGroup: ContractorPaymentGroup\n contractors: Contractor[]\n onViewPayment: (paymentId: string) => void\n onCancelPayment: (paymentId: string) => void\n isCancelling: boolean\n}\n\nexport const PaymentHistoryPresentation = ({\n paymentGroup,\n contractors,\n onViewPayment,\n onCancelPayment,\n isCancelling,\n}: PaymentHistoryPresentationProps) => {\n const { Text, Heading } = useComponentContext()\n useI18n('Contractor.Payments.PaymentHistory')\n const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n const currencyFormatter = useNumberFormatter('currency')\n const { formatLongWithYear } = useDateFormatter()\n\n const payments = paymentGroup.contractorPayments \|\| []\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text>\n <Trans\n i18nKey={'subtitle'}\n t={t}\n values={{ date: formatLongWithYear(paymentGroup.debitDate) }}\n components={{\n strong: <Text weight=\"bold\" as=\"span\" />,\n }}\n />\n </Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h2\">{t('paymentsSection')}</Heading>\n\n {payments.length === 0 ? (\n <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')} />\n ) : (\n <>\n <DataView\n columns={[\n {\n title: t('tableHeaders.contractor'),\n render: ({ contractorUuid }) =>\n getContractorDisplayName(\n contractors.find(contractor => contractor.uuid === contractorUuid),\n ),\n },\n {\n title: t('tableHeaders.wageType'),\n render: ({ wageType }) => <Text>{wageType}</Text>,\n },\n {\n title: t('tableHeaders.paymentMethod'),\n render: ({ paymentMethod }) => <Text>{paymentMethod}</Text>,\n },\n {\n title: t('tableHeaders.hours'),\n render: ({ hours }) => (\n <Text>{hours ? formatHoursDisplay(Number(hours)) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.wage'),\n render: ({ wage }) => <Text>{wage ? currencyFormatter(Number(wage)) : '–'}</Text>,\n },\n {\n title: t('tableHeaders.bonus'),\n render: ({ bonus }) => (\n <Text>{bonus ? currencyFormatter(Number(bonus)) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: ({ reimbursement }) => (\n <Text>{reimbursement ? currencyFormatter(Number(reimbursement)) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.total'),\n render: ({ wageTotal, reimbursement, bonus }) => (\n <Text>\n {wageTotal\n ? currencyFormatter(\n Number(wageTotal) + Number(reimbursement) + Number(bonus),\n )\n : '–'}\n </Text>\n ),\n },\n ]}\n itemMenu={({ contractorUuid, mayCancel, uuid }) => {\n const items = [\n {\n label: t('actions.view'),\n onClick: () => {\n onViewPayment(contractorUuid!)\n },\n icon: (\n <span className={styles.icon}>\n <EyeIcon aria-hidden />\n </span>\n ),\n },\n ]\n if (mayCancel) {\n items.push({\n label: t('actions.cancel'),\n onClick: () => {\n onCancelPayment(uuid!)\n },\n icon: (\n <span className={styles.icon}>\n <CancelIcon aria-hidden />\n </span>\n ),\n })\n }\n return (\n <HamburgerMenu\n items={items}\n triggerLabel={t('tableHeaders.action')}\n isLoading={isCancelling}\n />\n )\n }}\n data={payments}\n label={t('title')}\n />\n </>\n )}\n </Flex>\n </Flex>\n )\n}\n"],"names":["PaymentHistoryPresentation","paymentGroup","contractors","onViewPayment","onCancelPayment","isCancelling","Text","Heading","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","payments","jsxs","Flex","jsx","Trans","EmptyData","Fragment","DataView","contractorUuid","getContractorDisplayName","contractor","wageType","paymentMethod","hours","formatHoursDisplay","wage","bonus","reimbursement","wageTotal","mayCancel","uuid","items","styles","EyeIcon","CancelIcon","HamburgerMenu"],"mappings":"~~;;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"PaymentHistoryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../CreatePayment/helpers'\nimport styles from './PaymentHistoryPresentation.module.scss'\nimport { DataView, Flex, 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'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport CancelIcon from '@/assets/icons/slash-circle.svg?react'\n\ninterface PaymentHistoryPresentationProps {\n paymentGroup: ContractorPaymentGroup\n contractors: Contractor[]\n onViewPayment: (paymentId: string) => void\n onCancelPayment: (paymentId: string) => void\n isCancelling: boolean\n}\n\nexport const PaymentHistoryPresentation = ({\n paymentGroup,\n contractors,\n onViewPayment,\n onCancelPayment,\n isCancelling,\n}: PaymentHistoryPresentationProps) => {\n const { Text, Heading } = useComponentContext()\n useI18n('Contractor.Payments.PaymentHistory')\n const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n const currencyFormatter = useNumberFormatter('currency')\n const { formatLongWithYear } = useDateFormatter()\n\n const payments = paymentGroup.contractorPayments \|\| []\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text>\n <Trans\n i18nKey={'subtitle'}\n t={t}\n values={{ date: formatLongWithYear(paymentGroup.debitDate) }}\n components={{\n strong: <Text weight=\"bold\" as=\"span\" />,\n }}\n />\n </Text>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h2\">{t('paymentsSection')}</Heading>\n\n {payments.length === 0 ? (\n <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')} />\n ) : (\n <>\n <DataView\n columns={[\n {\n title: t('tableHeaders.contractor'),\n render: ({ contractorUuid }) =>\n getContractorDisplayName(\n contractors.find(contractor => contractor.uuid === contractorUuid),\n ),\n },\n {\n title: t('tableHeaders.wageType'),\n render: ({ wageType }) => <Text>{wageType}</Text>,\n },\n {\n title: t('tableHeaders.paymentMethod'),\n render: ({ paymentMethod }) => <Text>{paymentMethod}</Text>,\n },\n {\n title: t('tableHeaders.hours'),\n render: ({ hours }) => (\n <Text>{hours ? formatHoursDisplay(Number(hours)) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.wage'),\n render: ({ wage }) => <Text>{wage ? currencyFormatter(Number(wage)) : '–'}</Text>,\n },\n {\n title: t('tableHeaders.bonus'),\n render: ({ bonus }) => (\n <Text>{bonus ? currencyFormatter(Number(bonus)) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: ({ reimbursement }) => (\n <Text>{reimbursement ? currencyFormatter(Number(reimbursement)) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.total'),\n render: ({ wageTotal, reimbursement, bonus }) => (\n <Text>\n {wageTotal\n ? currencyFormatter(\n Number(wageTotal) + Number(reimbursement) + Number(bonus),\n )\n : '–'}\n </Text>\n ),\n },\n ]}\n itemMenu={({ contractorUuid, mayCancel, uuid }) => {\n const items = [\n {\n label: t('actions.view'),\n onClick: () => {\n onViewPayment(contractorUuid!)\n },\n icon: (\n <span className={styles.icon}>\n <EyeIcon aria-hidden />\n </span>\n ),\n },\n ]\n if (mayCancel) {\n items.push({\n label: t('actions.cancel'),\n onClick: () => {\n onCancelPayment(uuid!)\n },\n icon: (\n <span className={styles.icon}>\n <CancelIcon aria-hidden />\n </span>\n ),\n })\n }\n return (\n <HamburgerMenu\n items={items}\n triggerLabel={t('tableHeaders.action')}\n isLoading={isCancelling}\n />\n )\n }}\n data={payments}\n label={t('title')}\n />\n </>\n )}\n </Flex>\n </Flex>\n )\n}\n"],"names":["PaymentHistoryPresentation","paymentGroup","contractors","onViewPayment","onCancelPayment","isCancelling","Text","Heading","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","payments","jsxs","Flex","jsx","Trans","EmptyData","Fragment","DataView","contractorUuid","getContractorDisplayName","contractor","wageType","paymentMethod","hours","formatHoursDisplay","wage","bonus","reimbursement","wageTotal","mayCancel","uuid","items","styles","EyeIcon","CancelIcon","HamburgerMenu"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.js CHANGED Viewed

@@ -4,8 +4,6 @@ import { useMemo as v } from "react";
 import { getContractorDisplayName as x } from "../CreatePayment/helpers.js";
 import i from "./PaymentStatementPresentation.module.scss.js";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as A } from "../../../../i18n/I18n.js";
 import { formatHoursDisplay as H } from "../../../Payroll/helpers.js";
@@ -14,7 +12,7 @@ import { useDateFormatter as j } from "../../../../hooks/useDateFormatter.js";
 import { addressInline as B, formatPhoneNumber as K } from "../../../../helpers/formattedStrings.js";
 import O from "../../../../assets/icons/receipt-check.svg.js";
 import { DataView as w } from "../../../Common/DataView/DataView.js";
-const re = ({
+const R = ({
   payment: s,
   contractor: c,
   checkDate: k,
@@ -22,7 +20,7 @@ const re = ({
 }) => {
   const { Text: n, Heading: h } = C();
   A("Contractor.Payments.PaymentStatement");
-  const { t: r } = S("Contractor.Payments.PaymentStatement"), l = M("currency"), { formatLongWithYear: u } = j(), { Link: I } = C(), b = x(c), f = s.wageType === "Hourly", d = Number(s.hours || 0), p = Number(s.hourlyRate || 0), g = Number(s.bonus || 0), N = Number(s.reimbursement || 0), D = Number(s.wageTotal || 0), T = !!(t && s.status === "Funded" && s.paymentMethod === "Direct Deposit"), z = t?.totals?.companyDebit || "0", L = v(() => t ? [
+  const { t: r } = S("Contractor.Payments.PaymentStatement"), l = M("currency"), { formatLongWithYear: u } = j(), { Link: I } = C(), b = x(c), f = s.wageType === "Hourly", d = Number(s.hours || 0), g = Number(s.hourlyRate || 0), p = Number(s.bonus || 0), N = Number(s.reimbursement || 0), D = Number(s.wageTotal || 0), T = !!(t && s.status === "Funded" && s.paymentMethod === "Direct Deposit"), z = t?.totals?.companyDebit || "0", L = v(() => t ? [
     {
       label: r("receipt.from"),
       value: t.nameOfSender || ""
@@ -46,14 +44,14 @@ const re = ({
       label: r("hoursLabel"),
       amount: r("hoursAmount", {
         hours: H(d),
-        rate: l(p)
+        rate: l(g)
       })
     }) : o.push({
       label: r("wageLabel"),
       amount: l(Number(s.wage || 0))
     }), o.push({
       label: r("bonus"),
-      amount: l(g)
+      amount: l(p)
     }), o.push({
       label: r("reimbursement"),
       amount: l(N)
@@ -63,8 +61,8 @@ const re = ({
     D,
     f,
     d,
-    p,
     g,
+    p,
     N,
     r,
     l,
@@ -152,6 +150,6 @@ const re = ({
   ] });
 };
 export {
-  re as PaymentStatementPresentation
+  R as PaymentStatementPresentation
 };
 //# sourceMappingURL=PaymentStatementPresentation.js.map