npm - @gusto/embedded-react-sdk - Versions diffs - 0.24.0 → 0.25.0 - Mend

@gusto/embedded-react-sdk 0.24.0 → 0.25.0

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 (292) hide show

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 { DataView, Flex, FlexItem } 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[]\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) {\n return ''\n }\n if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${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 {/* //TODO: add empty state /}\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 <Text>\n {paymentData.contractorDetails?.wageType === 'Hourly' && paymentData.hours\n ? formatHoursDisplay(paymentData.hours)\n : ZERO_HOURS_DISPLAY}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wage'),\n render: paymentData => {\n const amount =\n paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n ? paymentData.wage\n : 0\n return <Text>{currencyFormatter(amount)}</Text>\n },\n },\n {\n title: t('contractorTableHeaders.bonus'),\n render: paymentData => <Text>{currencyFormatter(paymentData.bonus \|\| 0)}</Text>,\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n render: paymentData => (\n <Text>{currencyFormatter(paymentData.reimbursement \|\| 0)}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.total'),\n render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n const totalAmount =\n (bonus ?? 0) +\n (reimbursement ?? 0) +\n (wage ?? 0) +\n (contractorDetails?.wageType === 'Hourly' && hours\n ? hours 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 />\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","formatHoursDisplay","amount","bonus","reimbursement","wage","hours","contractorDetails","totalAmount","HamburgerMenu"],"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 { 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[]\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) {\n return ''\n }\n if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${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 <Text>\n {paymentData.contractorDetails?.wageType === 'Hourly' && paymentData.hours\n ? formatHoursDisplay(paymentData.hours)\n : ZERO_HOURS_DISPLAY}\n </Text>\n ),\n },\n {\n title: t('contractorTableHeaders.wage'),\n render: paymentData => {\n const amount =\n paymentData.contractorDetails?.wageType === 'Fixed' && paymentData.wage\n ? paymentData.wage\n : 0\n return <Text>{currencyFormatter(amount)}</Text>\n },\n },\n {\n title: t('contractorTableHeaders.bonus'),\n render: paymentData => <Text>{currencyFormatter(paymentData.bonus \|\| 0)}</Text>,\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n render: paymentData => (\n <Text>{currencyFormatter(paymentData.reimbursement \|\| 0)}</Text>\n ),\n },\n {\n title: t('contractorTableHeaders.total'),\n render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n const totalAmount =\n (bonus ?? 0) +\n (reimbursement ?? 0) +\n (wage ?? 0) +\n (contractorDetails?.wageType === 'Hourly' && hours\n ? hours * 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","formatHoursDisplay","amount","bonus","reimbursement","wage","hours","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"mappings":"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"}

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

@@ -7,12 +7,12 @@ import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/
 import { Flex as i } from "../../../Common/Flex/Flex.js";
 import { Grid as R } from "../../../Common/Grid/Grid.js";
 import "classnames";
-import { RadioGroupField as S } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { ActionsLayout as T } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { ActionsLayout as S } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as T } from "../../../Common/Form/Form.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
+import I 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 I } from "../../../../i18n/I18n.js";
-import j from "../../../../hooks/useNumberFormatter.js";
+import { RadioGroupField as j } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const Y = t.object({
   wageType: t.enum(["Hourly", "Fixed"]),
   hours: t.number().nonnegative().max(2e4).optional(),
@@ -29,10 +29,10 @@ const Y = t.object({
   onSubmit: s
 }) => {
   const d = w();
-  I("Contractor.Payments.CreatePayment");
+  E("Contractor.Payments.CreatePayment");
   const { t: e } = H("Contractor.Payments.CreatePayment", {
     keyPrefix: "editContractorPayment"
-  }), { Modal: b, Button: p, Text: h, Heading: l } = L(), g = j("currency"), m = a({
+  }), { Modal: b, Button: p, Text: h, Heading: m } = L(), g = I("currency"), l = a({
     name: "wageType",
     control: o.control
   }), f = a({
@@ -50,7 +50,7 @@ const Y = t.object({
   }), v = a({
     name: "hourlyRate",
     control: o.control
-  }), D = (m === "Fixed" ? 0 : C || 0) + (P || 0) + (x || 0) + (f || 0) * (v || 0), F = [
+  }), D = (l === "Fixed" ? 0 : C || 0) + (P || 0) + (x || 0) + (f || 0) * (v || 0), F = [
     { value: "Check", label: e("paymentMethods.check") },
     { value: "Direct Deposit", label: e("paymentMethods.directDeposit") },
     { value: "Historical Payment", label: e("paymentMethods.historicalPayment") }
@@ -60,7 +60,7 @@ const Y = t.object({
     {
       isOpen: y,
       onClose: u,
-      footer: /* @__PURE__ */ r(T, { children: [
+      footer: /* @__PURE__ */ r(S, { children: [
         /* @__PURE__ */ n(p, { variant: "secondary", onClick: u, children: e("cancelCta") }),
         /* @__PURE__ */ n(
           p,
@@ -73,9 +73,9 @@ const Y = t.object({
           }
         )
       ] }),
-      children: /* @__PURE__ */ n(k, { ...o, children: /* @__PURE__ */ n(E, { id: d, onSubmit: o.handleSubmit(s), children: /* @__PURE__ */ r(i, { flexDirection: "column", gap: 32, children: [
+      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(m, { as: "h2", children: e("title") }),
           /* @__PURE__ */ n(h, { children: e("subtitle") }),
           /* @__PURE__ */ r(h, { weight: "bold", children: [
             e("totalPay"),
@@ -83,11 +83,12 @@ const Y = t.object({
             g(D)
           ] })
         ] }),
-        m === "Hourly" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("hoursSection") }),
+        l === "Hourly" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(m, { as: "h3", children: e("hoursSection") }),
           /* @__PURE__ */ n(
             c,
             {
+              min: 0,
               name: "hours",
               isRequired: !0,
               label: e("hoursLabel"),
@@ -95,17 +96,35 @@ const Y = t.object({
             }
           )
         ] }),
-        m === "Fixed" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("fixedPaySection") }),
-          /* @__PURE__ */ n(c, { name: "wage", isRequired: !0, label: e("wageLabel"), format: "currency" })
+        l === "Fixed" && /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
+          /* @__PURE__ */ n(m, { as: "h3", children: e("fixedPaySection") }),
+          /* @__PURE__ */ n(
+            c,
+            {
+              min: 0,
+              name: "wage",
+              isRequired: !0,
+              label: e("wageLabel"),
+              format: "currency"
+            }
+          )
         ] }),
         /* @__PURE__ */ r(i, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ n(l, { as: "h3", children: e("additionalEarningsSection") }),
+          /* @__PURE__ */ n(m, { as: "h3", children: e("additionalEarningsSection") }),
           /* @__PURE__ */ r(R, { gridTemplateColumns: { base: "1fr", small: [200, 200] }, gap: 16, children: [
-            m === "Hourly" && /* @__PURE__ */ n(c, { name: "bonus", label: e("bonusLabel"), format: "currency" }),
+            l === "Hourly" && /* @__PURE__ */ n(
+              c,
+              {
+                min: 0,
+                name: "bonus",
+                label: e("bonusLabel"),
+                format: "currency"
+              }
+            ),
             /* @__PURE__ */ n(
               c,
               {
+                min: 0,
                 name: "reimbursement",
                 label: e("reimbursementLabel"),
                 format: "currency"
@@ -114,7 +133,7 @@ const Y = t.object({
           ] })
         ] }),
         /* @__PURE__ */ n(i, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(
-          S,
+          j,
           {
             name: "paymentMethod",
             options: F,

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditContractorPaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useWatch, type UseFormReturn } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ActionsLayout, Flex, Grid, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\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(['Check', 'Direct Deposit', 'Historical Payment']),\n hourlyRate: z.number().nonnegative().optional(),\n contractorUuid: z.string(),\n})\n\nexport type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>\n\ninterface EditContractorPaymentPresentationProps {\n isOpen: boolean\n onClose: () => void\n formMethods: UseFormReturn<EditContractorPaymentFormValues>\n onSubmit: (data: EditContractorPaymentFormValues) => void\n}\n\nexport const EditContractorPaymentPresentation = ({\n isOpen,\n onClose,\n formMethods,\n onSubmit,\n}: EditContractorPaymentPresentationProps) => {\n const formId = useId()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n keyPrefix: 'editContractorPayment',\n })\n const { Modal, Button, Text, Heading } = useComponentContext()\n const currencyFormatter = useNumberFormatter('currency')\n\n const wageType = useWatch<EditContractorPaymentFormValues, 'wageType'>({\n name: 'wageType',\n control: formMethods.control,\n })\n const hours = useWatch<EditContractorPaymentFormValues, 'hours'>({\n name: 'hours',\n control: formMethods.control,\n })\n const wage = useWatch<EditContractorPaymentFormValues, 'wage'>({\n name: 'wage',\n control: formMethods.control,\n })\n const bonus = useWatch<EditContractorPaymentFormValues, 'bonus'>({\n name: 'bonus',\n control: formMethods.control,\n })\n const reimbursement = useWatch<EditContractorPaymentFormValues, 'reimbursement'>({\n name: 'reimbursement',\n control: formMethods.control,\n })\n const hourlyRate = useWatch<EditContractorPaymentFormValues, 'hourlyRate'>({\n name: 'hourlyRate',\n control: formMethods.control,\n })\n\n const totalAmount =\n (wageType === 'Fixed' ? 0 : bonus \|\| 0) +\n (reimbursement \|\| 0) +\n (wage \|\| 0) +\n (hours \|\| 0) * (hourlyRate \|\| 0)\n\n const paymentMethodOptions = [\n { value: 'Check', label: t('paymentMethods.check') },\n { value: 'Direct Deposit', label: t('paymentMethods.directDeposit') },\n { value: 'Historical Payment', label: t('paymentMethods.historicalPayment') },\n ]\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n footer={\n <ActionsLayout>\n <Button variant=\"secondary\" onClick={onClose}>\n {t('cancelCta')}\n </Button>\n <Button\n variant=\"primary\"\n type=\"submit\"\n form={formId}\n onClick={() => formMethods.handleSubmit(onSubmit)}\n >\n {t('saveCta')}\n </Button>\n </ActionsLayout>\n }\n >\n <FormProvider {...formMethods}>\n <Form id={formId} onSubmit={formMethods.handleSubmit(onSubmit)}>\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text>{t('subtitle')}</Text>\n <Text weight=\"bold\">\n {t('totalPay')}: {currencyFormatter(totalAmount)}\n </Text>\n </Flex>\n\n {wageType === 'Hourly' && (\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('hoursSection')}</Heading>\n <NumberInputField\n name=\"hours\"\n isRequired\n label={t('hoursLabel')}\n adornmentEnd={t('hoursAdornment')}\n />\n </Flex>\n )}\n\n {wageType === 'Fixed' && (\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('fixedPaySection')}</Heading>\n <NumberInputField name=\"wage\" isRequired label={t('wageLabel')} format=\"currency\" />\n </Flex>\n )}\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('additionalEarningsSection')}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [200, 200] }} gap={16}>\n {wageType === 'Hourly' && (\n <NumberInputField name=\"bonus\" label={t('bonusLabel')} format=\"currency\" />\n )}\n <NumberInputField\n name=\"reimbursement\"\n label={t('reimbursementLabel')}\n format=\"currency\"\n />\n </Grid>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={16}>\n <RadioGroupField\n name=\"paymentMethod\"\n options={paymentMethodOptions}\n label={t('paymentMethodLabel')}\n />\n </Flex>\n </Flex>\n </Form>\n </FormProvider>\n </Modal>\n )\n}\n"],"names":["EditContractorPaymentFormSchema","z","EditContractorPaymentPresentation","isOpen","onClose","formMethods","onSubmit","formId","useId","useI18n","t","useTranslation","Modal","Button","Text","Heading","useComponentContext","currencyFormatter","useNumberFormatter","wageType","useWatch","hours","wage","bonus","reimbursement","hourlyRate","totalAmount","paymentMethodOptions","jsx","ActionsLayout","FormProvider","Form","jsxs","Flex","NumberInputField","Grid","RadioGroupField"],"mappings":"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"}
1	+ {"version":3,"file":"EditContractorPaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/EditContractorPaymentPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useWatch, type UseFormReturn } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ActionsLayout, Flex, Grid, NumberInputField, RadioGroupField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\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(['Check', 'Direct Deposit', 'Historical Payment']),\n hourlyRate: z.number().nonnegative().optional(),\n contractorUuid: z.string(),\n})\n\nexport type EditContractorPaymentFormValues = z.infer<typeof EditContractorPaymentFormSchema>\n\ninterface EditContractorPaymentPresentationProps {\n isOpen: boolean\n onClose: () => void\n formMethods: UseFormReturn<EditContractorPaymentFormValues>\n onSubmit: (data: EditContractorPaymentFormValues) => void\n}\n\nexport const EditContractorPaymentPresentation = ({\n isOpen,\n onClose,\n formMethods,\n onSubmit,\n}: EditContractorPaymentPresentationProps) => {\n const formId = useId()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n keyPrefix: 'editContractorPayment',\n })\n const { Modal, Button, Text, Heading } = useComponentContext()\n const currencyFormatter = useNumberFormatter('currency')\n\n const wageType = useWatch<EditContractorPaymentFormValues, 'wageType'>({\n name: 'wageType',\n control: formMethods.control,\n })\n const hours = useWatch<EditContractorPaymentFormValues, 'hours'>({\n name: 'hours',\n control: formMethods.control,\n })\n const wage = useWatch<EditContractorPaymentFormValues, 'wage'>({\n name: 'wage',\n control: formMethods.control,\n })\n const bonus = useWatch<EditContractorPaymentFormValues, 'bonus'>({\n name: 'bonus',\n control: formMethods.control,\n })\n const reimbursement = useWatch<EditContractorPaymentFormValues, 'reimbursement'>({\n name: 'reimbursement',\n control: formMethods.control,\n })\n const hourlyRate = useWatch<EditContractorPaymentFormValues, 'hourlyRate'>({\n name: 'hourlyRate',\n control: formMethods.control,\n })\n\n const totalAmount =\n (wageType === 'Fixed' ? 0 : bonus \|\| 0) +\n (reimbursement \|\| 0) +\n (wage \|\| 0) +\n (hours \|\| 0) * (hourlyRate \|\| 0)\n\n const paymentMethodOptions = [\n { value: 'Check', label: t('paymentMethods.check') },\n { value: 'Direct Deposit', label: t('paymentMethods.directDeposit') },\n { value: 'Historical Payment', label: t('paymentMethods.historicalPayment') },\n ]\n\n return (\n <Modal\n isOpen={isOpen}\n onClose={onClose}\n footer={\n <ActionsLayout>\n <Button variant=\"secondary\" onClick={onClose}>\n {t('cancelCta')}\n </Button>\n <Button\n variant=\"primary\"\n type=\"submit\"\n form={formId}\n onClick={() => formMethods.handleSubmit(onSubmit)}\n >\n {t('saveCta')}\n </Button>\n </ActionsLayout>\n }\n >\n <FormProvider {...formMethods}>\n <Form id={formId} onSubmit={formMethods.handleSubmit(onSubmit)}>\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h2\">{t('title')}</Heading>\n <Text>{t('subtitle')}</Text>\n <Text weight=\"bold\">\n {t('totalPay')}: {currencyFormatter(totalAmount)}\n </Text>\n </Flex>\n\n {wageType === 'Hourly' && (\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('hoursSection')}</Heading>\n <NumberInputField\n min={0}\n name=\"hours\"\n isRequired\n label={t('hoursLabel')}\n adornmentEnd={t('hoursAdornment')}\n />\n </Flex>\n )}\n\n {wageType === 'Fixed' && (\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('fixedPaySection')}</Heading>\n <NumberInputField\n min={0}\n name=\"wage\"\n isRequired\n label={t('wageLabel')}\n format=\"currency\"\n />\n </Flex>\n )}\n\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h3\">{t('additionalEarningsSection')}</Heading>\n <Grid gridTemplateColumns={{ base: '1fr', small: [200, 200] }} gap={16}>\n {wageType === 'Hourly' && (\n <NumberInputField\n min={0}\n name=\"bonus\"\n label={t('bonusLabel')}\n format=\"currency\"\n />\n )}\n <NumberInputField\n min={0}\n name=\"reimbursement\"\n label={t('reimbursementLabel')}\n format=\"currency\"\n />\n </Grid>\n </Flex>\n\n <Flex flexDirection=\"column\" gap={16}>\n <RadioGroupField\n name=\"paymentMethod\"\n options={paymentMethodOptions}\n label={t('paymentMethodLabel')}\n />\n </Flex>\n </Flex>\n </Form>\n </FormProvider>\n </Modal>\n )\n}\n"],"names":["EditContractorPaymentFormSchema","z","EditContractorPaymentPresentation","isOpen","onClose","formMethods","onSubmit","formId","useId","useI18n","t","useTranslation","Modal","Button","Text","Heading","useComponentContext","currencyFormatter","useNumberFormatter","wageType","useWatch","hours","wage","bonus","reimbursement","hourlyRate","totalAmount","paymentMethodOptions","jsx","ActionsLayout","FormProvider","Form","jsxs","Flex","NumberInputField","Grid","RadioGroupField"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.d.ts CHANGED Viewed

@@ -1,11 +1,13 @@
 import { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview';
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
 interface PreviewPresentationProps {
     contractorPaymentGroup: ContractorPaymentGroupPreview;
     contractors: Contractor[];
     onBackToEdit: () => void;
     onSubmit: () => void;
     isLoading: boolean;
+    bankAccount?: CompanyBankAccount;
 }
-export declare const PreviewPresentation: ({ contractorPaymentGroup, contractors, onBackToEdit, onSubmit, isLoading, }: PreviewPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PreviewPresentation: ({ contractorPaymentGroup, contractors, onBackToEdit, onSubmit, isLoading, bankAccount, }: PreviewPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,46 +1,47 @@
 import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { useTranslation as w } from "react-i18next";
-import { useMemo as A } from "react";
-import { getContractorDisplayName as D } from "./helpers.js";
+import { useTranslation as A } from "react-i18next";
+import { useMemo as D } from "react";
+import { getContractorDisplayName as H } from "./helpers.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as N } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as x } from "../../../Payroll/helpers.js";
-import C from "../../../../hooks/useNumberFormatter.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as x } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as C } from "../../../Payroll/helpers.js";
+import v from "../../../../hooks/useNumberFormatter.js";
 import { DataView as b } from "../../../Common/DataView/DataView.js";
-const v = "0.000", U = ({
+const k = "0.000", Y = ({
   contractorPaymentGroup: i,
   contractors: c,
   onBackToEdit: h,
   onSubmit: y,
-  isLoading: p
+  isLoading: p,
+  bankAccount: T
 }) => {
-  const { Button: s, Text: n, Heading: d, Alert: T } = H();
-  N("Contractor.Payments.CreatePayment");
-  const { t: r } = w("Contractor.Payments.CreatePayment", {
+  const { Button: d, Text: n, Heading: s, Alert: g } = N();
+  x("Contractor.Payments.CreatePayment");
+  const { t: r } = A("Contractor.Payments.CreatePayment", {
     keyPrefix: "previewPresentation"
-  }), a = C(), g = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${r("wageTypes.hourly")} ${a(Number(e.hourlyRate))}${r("perHour")}` : e.wageType, l = A(
+  }), a = v(), f = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${r("wageTypes.hourly")} ${a(Number(e.hourlyRate))}${r("perHour")}` : e.wageType, l = D(
     () => i.contractorPayments?.reduce(
       (e, o) => (e.wageAmount += Number(o.wage || "0"), e.bonusAmount += Number(o.bonus || "0"), e.reimbursementAmount += Number(o.reimbursement || "0"), e.totalAmount += Number(o.wageTotal || "0"), e),
       { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
     ),
     [i.contractorPayments]
-  ), f = i.contractorPayments || [];
+  ), w = i.contractorPayments || [];
   return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ m(u, { justifyContent: "flex-end", gap: 16, children: [
       /* @__PURE__ */ m(u, { flexDirection: "column", gap: 2, children: [
-        /* @__PURE__ */ t(d, { as: "h2", children: r("reviewAndSubmitTitle") }),
+        /* @__PURE__ */ t(s, { as: "h2", children: r("reviewAndSubmitTitle") }),
         /* @__PURE__ */ t(n, { variant: "supporting", children: r("reviewSubtitle", { debitDate: i.debitDate }) })
       ] }),
       /* @__PURE__ */ m(u, { justifyContent: "flex-end", gap: 16, children: [
-        /* @__PURE__ */ t(s, { onClick: h, variant: "secondary", children: r("editButton") }),
-        /* @__PURE__ */ t(s, { onClick: y, variant: "primary", isLoading: p, children: r("submitButton") })
+        /* @__PURE__ */ t(d, { onClick: h, variant: "secondary", children: r("editButton") }),
+        /* @__PURE__ */ t(d, { onClick: y, variant: "primary", isLoading: p, children: r("submitButton") })
       ] })
     ] }),
     /* @__PURE__ */ t(
-      T,
+      g,
       {
         status: "info",
         label: r("alerts.submitPaymentsDeadline", {
@@ -49,7 +50,7 @@ const v = "0.000", U = ({
         })
       }
     ),
-    /* @__PURE__ */ t(d, { as: "h3", children: r("paymentSummaryTitle") }),
+    /* @__PURE__ */ t(s, { as: "h3", children: r("paymentSummaryTitle") }),
     /* @__PURE__ */ t(
       b,
       {
@@ -64,7 +65,7 @@ const v = "0.000", U = ({
           },
           {
             title: r("summaryTableHeaders.debitAccount"),
-            render: () => /* @__PURE__ */ t(n, { children: "debitAccount" })
+            render: () => /* @__PURE__ */ t(n, { children: T?.hiddenAccountNumber ?? r("naDebitAccount") })
           },
           {
             title: r("summaryTableHeaders.debitDate"),
@@ -85,7 +86,7 @@ const v = "0.000", U = ({
         columns: [
           {
             title: r("contractorTableHeaders.contractor"),
-            render: (e) => /* @__PURE__ */ t(n, { children: D(
+            render: (e) => /* @__PURE__ */ t(n, { children: H(
               c.find(
                 (o) => o.uuid === e.contractorUuid
               )
@@ -93,7 +94,7 @@ const v = "0.000", U = ({
           },
           {
             title: r("contractorTableHeaders.wageType"),
-            render: (e) => /* @__PURE__ */ t(n, { children: g(e) })
+            render: (e) => /* @__PURE__ */ t(n, { children: f(e) })
           },
           {
             title: r("contractorTableHeaders.paymentMethod"),
@@ -101,7 +102,7 @@ const v = "0.000", U = ({
           },
           {
             title: r("contractorTableHeaders.hours"),
-            render: (e) => /* @__PURE__ */ t(n, { children: e.wageType === "Hourly" && e.hours ? x(parseFloat(e.hours)) : v })
+            render: (e) => /* @__PURE__ */ t(n, { children: e.wageType === "Hourly" && e.hours ? C(parseFloat(e.hours)) : k })
           },
           {
             title: r("contractorTableHeaders.wage"),
@@ -120,7 +121,7 @@ const v = "0.000", U = ({
             render: (e) => /* @__PURE__ */ t(n, { children: a(Number(e.wageTotal || "0")) })
           }
         ],
-        data: f,
+        data: w,
         footer: () => ({
           "column-0": /* @__PURE__ */ t(n, { weight: "bold", children: r("totalsLabel") }),
           "column-4": /* @__PURE__ */ t(n, { children: a(Number(l?.wageAmount || "0")) }),
@@ -134,6 +135,6 @@ const v = "0.000", U = ({
   ] });
 };
 export {
-  U as PreviewPresentation
+  Y 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 { getContractorDisplayName } from './helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\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}\n\nexport const PreviewPresentation = ({\n contractorPaymentGroup,\n contractors,\n onBackToEdit,\n onSubmit,\n isLoading,\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))}${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 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 onClick={onSubmit} variant=\"primary\" isLoading={isLoading}>\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 {/* 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>{'debitAccount'}</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 <Text>\n {contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n : ZERO_HOURS_DISPLAY}\n </Text>\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(Number(totals?.wageAmount \|\| '0'))}</Text>,\n 'column-5': <Text>{currencyFormatter(Number(totals?.bonusAmount \|\| '0'))}</Text>,\n 'column-6': <Text>{currencyFormatter(Number(totals?.reimbursementAmount \|\| '0'))}</Text>,\n 'column-7': <Text>{currencyFormatter(Number(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","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","jsxs","Flex","jsx","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}
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 { 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'\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}\n\nexport const PreviewPresentation = ({\n contractorPaymentGroup,\n contractors,\n onBackToEdit,\n onSubmit,\n isLoading,\n bankAccount,\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))}${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 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 onClick={onSubmit} variant=\"primary\" isLoading={isLoading}>\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 {/* 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 <Text>\n {contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n : ZERO_HOURS_DISPLAY}\n </Text>\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(Number(totals?.wageAmount \|\| '0'))}</Text>,\n 'column-5': <Text>{currencyFormatter(Number(totals?.bonusAmount \|\| '0'))}</Text>,\n 'column-6': <Text>{currencyFormatter(Number(totals?.reimbursementAmount \|\| '0'))}</Text>,\n 'column-7': <Text>{currencyFormatter(Number(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","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","jsxs","Flex","jsx","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.d.ts CHANGED Viewed

@@ -9,8 +9,10 @@ export interface PaymentFlowContextInterface extends FlowContextInterface {
     companyId: string;
     breadcrumbs?: BreadcrumbTrail;
     currentPaymentId?: string;
+    currentContractorUuid?: string;
     alerts?: InternalAlert[];
 }
 export declare function PaymentListContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function CreatePaymentContextual(): import("react/jsx-runtime").JSX.Element;
 export declare function PaymentHistoryContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentStatementContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js CHANGED Viewed

@@ -1,31 +1,37 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { PaymentsList as a } from "../PaymentsList/PaymentsList.js";
-import { CreatePayment as y } from "../CreatePayment/CreatePayment.js";
-import { PaymentHistory as i } from "../PaymentHistory/PaymentHistory.js";
-import { useFlow as m } from "../../../Flow/useFlow.js";
+import { CreatePayment as u } from "../CreatePayment/CreatePayment.js";
+import { PaymentHistory as c } from "../PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as i } from "../PaymentStatement/PaymentStatement.js";
+import { useFlow as r } from "../../../Flow/useFlow.js";
 import { ensureRequired as o } from "../../../../helpers/ensureRequired.js";
-function I() {
-  const { companyId: t, onEvent: n, alerts: e } = m();
-  return /* @__PURE__ */ r(a, { onEvent: n, companyId: o(t), alerts: e });
-}
-function P() {
-  const { companyId: t, onEvent: n } = m();
-  return /* @__PURE__ */ r(y, { onEvent: n, companyId: o(t) });
+function C() {
+  const { companyId: t, onEvent: n, alerts: m } = r();
+  return /* @__PURE__ */ e(a, { onEvent: n, companyId: o(t), alerts: m });
 }
 function l() {
-  const { companyId: t, currentPaymentId: n, onEvent: e } = m();
-  return /* @__PURE__ */ r(
+  const { companyId: t, onEvent: n } = r();
+  return /* @__PURE__ */ e(u, { onEvent: n, companyId: o(t) });
+}
+function x() {
+  const { currentPaymentId: t, onEvent: n } = r();
+  return /* @__PURE__ */ e(c, { onEvent: n, paymentId: o(t) });
+}
+function v() {
+  const { currentPaymentId: t, currentContractorUuid: n, onEvent: m } = r();
+  return /* @__PURE__ */ e(
     i,
     {
-      onEvent: e,
-      companyId: o(t),
-      paymentId: o(n)
+      onEvent: m,
+      paymentGroupId: o(t),
+      contractorUuid: o(n)
     }
   );
 }
 export {
-  P as CreatePaymentContextual,
-  l as PaymentHistoryContextual,
-  I as PaymentListContextual
+  l as CreatePaymentContextual,
+  x as PaymentHistoryContextual,
+  C as PaymentListContextual,
+  v as PaymentStatementContextual
 };
 //# sourceMappingURL=PaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport type { InternalAlert } from '../types'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n companyId: string\n breadcrumbs?: BreadcrumbTrail\n currentPaymentId?: string\n alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n const { ~~companyId,~~ currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n return (\n <~~PaymentHistory~~\n onEvent={onEvent}\n ~~companyId~~={ensureRequired(~~companyId~~)}\n ~~paymentId~~={ensureRequired(~~currentPaymentId~~)}\n />\n )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","jsx","~~PaymentHistory~~"],"mappings":"~~;;;;;;AAoBO~~,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,~~WAAAR~~,~~GAAW,kBAAAS,~~GAAkB,SAAAR,EAAA,IAAYE,EAAA;~~AACjD~~,SACE,~~gBAAAO~~;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,~~SAAAV~~;AAAA,MACA,~~WAAWI~~,~~EAAeL~~,~~CAAS~~;AAAA,~~MACnC~~,~~WAAWK~~,~~EAAeI~~,~~CAAgB~~;AAAA,IAAA;AAAA,EAAA;~~AAGhD~~;"}
1	+ {"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport { PaymentStatement } from '../PaymentStatement/PaymentStatement'\nimport type { InternalAlert } from '../types'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n companyId: string\n breadcrumbs?: BreadcrumbTrail\n currentPaymentId?: string\n currentContractorUuid?: string\n alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n const { currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n return <PaymentHistory onEvent={onEvent} paymentId={ensureRequired(currentPaymentId)} />\n}\n\nexport function PaymentStatementContextual() {\n const { currentPaymentId, currentContractorUuid, onEvent } =\n useFlow<PaymentFlowContextInterface>()\n return (\n <PaymentStatement\n onEvent={onEvent}\n paymentGroupId={ensureRequired(currentPaymentId)}\n contractorUuid={ensureRequired(currentContractorUuid)}\n />\n )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","PaymentHistory","PaymentStatementContextual","currentContractorUuid","jsx","PaymentStatement"],"mappings":";;;;;;;AAsBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,kBAAAC,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACtC,2BAAQO,GAAA,EAAe,SAAAT,GAAkB,WAAWI,EAAeI,CAAgB,GAAG;AACxF;AAEO,SAASE,IAA6B;AAC3C,QAAM,EAAE,kBAAAF,GAAkB,uBAAAG,GAAuB,SAAAX,EAAA,IAC/CE,EAAA;AACF,SACE,gBAAAU;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAb;AAAA,MACA,gBAAgBI,EAAeI,CAAgB;AAAA,MAC/C,gBAAgBJ,EAAeO,CAAqB;AAAA,IAAA;AAAA,EAAA;AAG1D;"}

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.d.ts CHANGED Viewed

@@ -4,4 +4,5 @@ export declare const paymentMachine: {
     landing: import('robot3').MachineState<any>;
     createPayment: import('robot3').MachineState<any>;
     history: import('robot3').MachineState<any>;
+    statement: import('robot3').MachineState<any>;
 };