npm - @gusto/embedded-react-sdk - Versions diffs - 0.23.1 → 0.24.1 - Mend

@gusto/embedded-react-sdk 0.23.1 → 0.24.1

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

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 { 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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"}

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

@@ -2,7 +2,6 @@ import { jsxs as i, jsx as r, Fragment as y } from "react/jsx-runtime";
 import { useTranslation as f } from "react-i18next";
 import { Flex as o } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../../shared/constants.js";
 import { EmptyData as H } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { HamburgerMenu as C } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
@@ -12,7 +11,7 @@ import { formatNumberAsCurrency as c } from "../../../../helpers/formattedString
 import { useLocale as P } from "../../../../contexts/LocaleProvider/useLocale.js";
 import { formatHoursDisplay as k } from "../../../Payroll/helpers.js";
 import { DataView as v } from "../../../Common/DataView/DataView.js";
-const G = ({
+const z = ({
   date: u,
   payments: m,
   onBack: s,
@@ -109,6 +108,6 @@ const G = ({
   ] });
 };
 export {
-  G as PaymentHistoryPresentation
+  z 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 { useTranslation } from 'react-i18next'\nimport { DataView, Flex, EmptyData, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\n\ninterface PaymentData {\n id: string\n name: string\n wageType: string\n paymentMethod: string\n hours: number\n wage: string\n bonus: number\n reimbursement: number\n total: number\n}\n\ninterface PaymentHistoryPresentationProps {\n date: string\n payments: PaymentData[]\n onBack: () => void\n onViewPayment: (paymentId: string) => void\n onCancelPayment: (paymentId: string) => void\n}\n\nexport const PaymentHistoryPresentation = ({\n date,\n payments,\n onBack,\n onViewPayment,\n onCancelPayment,\n}: PaymentHistoryPresentationProps) => {\n const { Button, Text, Heading } = useComponentContext()\n useI18n('Contractor.Payments.PaymentHistory')\n const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n const { locale } = useLocale()\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h1\">{t('title')}</Heading>\n <Text>{t('subtitle', { date })}</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 <ActionsLayout justifyContent=\"center\">\n <Button variant=\"primary\" onClick={onBack}>\n {t('backButton')}\n </Button>\n </ActionsLayout>\n </EmptyData>\n ) : (\n <>\n <DataView\n columns={[\n {\n title: t('tableHeaders.contractor'),\n render: ({ name, id }) => (\n <Button\n variant=\"tertiary\"\n onClick={() => {\n onViewPayment(id)\n }}\n >\n {name}\n </Button>\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 }) => <Text>{hours ? formatHoursDisplay(hours) : '–'}</Text>,\n },\n {\n title: t('tableHeaders.wage'),\n render: ({ wage }) => <Text>{wage \|\| '–'}</Text>,\n },\n {\n title: t('tableHeaders.bonus'),\n render: ({ bonus }) => (\n <Text>{bonus ? formatNumberAsCurrency(bonus, locale) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: ({ reimbursement }) => (\n <Text>{formatNumberAsCurrency(reimbursement, locale)}</Text>\n ),\n },\n {\n title: t('tableHeaders.total'),\n render: ({ total }) => <Text>{formatNumberAsCurrency(total, locale)}</Text>,\n },\n {\n title: t('tableHeaders.action'),\n render: ({ id, name }) => (\n <HamburgerMenu\n items={[\n {\n label: t('actions.view'),\n onClick: () => {\n onViewPayment(id)\n },\n },\n {\n label: t('actions.cancel'),\n onClick: () => {\n onCancelPayment(id)\n },\n },\n ]}\n triggerLabel={t('tableHeaders.action')}\n />\n ),\n },\n ]}\n data={payments}\n label={t('title')}\n />\n\n <Flex>\n <Button onClick={onBack} variant=\"secondary\">\n {t('backButton')}\n </Button>\n </Flex>\n </>\n )}\n </Flex>\n </Flex>\n )\n}\n"],"names":["PaymentHistoryPresentation","date","payments","onBack","onViewPayment","onCancelPayment","Button","Text","Heading","useComponentContext","useI18n","t","useTranslation","locale","useLocale","jsxs","Flex","jsx","EmptyData","ActionsLayout","Fragment","DataView","name","id","wageType","paymentMethod","hours","formatHoursDisplay","wage","bonus","formatNumberAsCurrency","reimbursement","total","HamburgerMenu"],"mappings":"~~;;;;;;;;;;;;;;~~AA6BO,MAAMA,IAA6B,CAAC;AAAA,EACzC,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,eAAAC;AAAA,EACA,iBAAAC;AACF,MAAuC;AACrC,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA;AAClC,EAAAC,EAAQ,oCAAoC;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,oCAAoC,GAC3D,EAAE,QAAAC,EAAA,IAAWC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,OAAO,GAAE;AAAA,wBAC5BJ,GAAA,EAAM,UAAAI,EAAE,YAAY,EAAE,MAAAV,EAAA,CAAM,EAAA,CAAE;AAAA,IAAA,GACjC;AAAA,IAEA,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAC,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAG,EAAE,iBAAiB,GAAE;AAAA,MAEtCT,EAAS,WAAW,IACnB,gBAAAe,EAACC,GAAA,EAAU,OAAOP,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAM,EAACE,GAAA,EAAc,gBAAe,UAC5B,UAAA,gBAAAF,EAACX,GAAA,EAAO,SAAQ,WAAU,SAASH,GAChC,UAAAQ,EAAE,YAAY,EAAA,CACjB,GACF,EAAA,CACF,IAEA,gBAAAI,EAAAK,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAH;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,SAAS;AAAA,cACP;AAAA,gBACE,OAAOV,EAAE,yBAAyB;AAAA,gBAClC,QAAQ,CAAC,EAAE,MAAAW,GAAM,IAAAC,QACf,gBAAAN;AAAA,kBAACX;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,SAAS,MAAM;AACb,sBAAAF,EAAcmB,CAAE;AAAA,oBAClB;AAAA,oBAEC,UAAAD;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACH;AAAA,cAGJ;AAAA,gBACE,OAAOX,EAAE,uBAAuB;AAAA,gBAChC,QAAQ,CAAC,EAAE,UAAAa,QAAe,gBAAAP,EAACV,KAAM,UAAAiB,EAAA,CAAS;AAAA,cAAA;AAAA,cAE5C;AAAA,gBACE,OAAOb,EAAE,4BAA4B;AAAA,gBACrC,QAAQ,CAAC,EAAE,eAAAc,QAAoB,gBAAAR,EAACV,KAAM,UAAAkB,EAAA,CAAc;AAAA,cAAA;AAAA,cAEtD;AAAA,gBACE,OAAOd,EAAE,oBAAoB;AAAA,gBAC7B,QAAQ,CAAC,EAAE,OAAAe,EAAA,MAAY,gBAAAT,EAACV,GAAA,EAAM,UAAAmB,IAAQC,EAAmBD,CAAK,IAAI,IAAA,CAAI;AAAA,cAAA;AAAA,cAExE;AAAA,gBACE,OAAOf,EAAE,mBAAmB;AAAA,gBAC5B,QAAQ,CAAC,EAAE,MAAAiB,QAAW,gBAAAX,EAACV,GAAA,EAAM,eAAQ,IAAA,CAAI;AAAA,cAAA;AAAA,cAE3C;AAAA,gBACE,OAAOI,EAAE,oBAAoB;AAAA,gBAC7B,QAAQ,CAAC,EAAE,OAAAkB,QACT,gBAAAZ,EAACV,GAAA,EAAM,UAAAsB,IAAQC,EAAuBD,GAAOhB,CAAM,IAAI,IAAA,CAAI;AAAA,cAAA;AAAA,cAG/D;AAAA,gBACE,OAAOF,EAAE,6BAA6B;AAAA,gBACtC,QAAQ,CAAC,EAAE,eAAAoB,EAAA,wBACRxB,GAAA,EAAM,UAAAuB,EAAuBC,GAAelB,CAAM,EAAA,CAAE;AAAA,cAAA;AAAA,cAGzD;AAAA,gBACE,OAAOF,EAAE,oBAAoB;AAAA,gBAC7B,QAAQ,CAAC,EAAE,OAAAqB,EAAA,wBAAazB,GAAA,EAAM,UAAAuB,EAAuBE,GAAOnB,CAAM,EAAA,CAAE;AAAA,cAAA;AAAA,cAEtE;AAAA,gBACE,OAAOF,EAAE,qBAAqB;AAAA,gBAC9B,QAAQ,CAAC,EAAE,IAAAY,GAAI,MAAAD,QACb,gBAAAL;AAAA,kBAACgB;AAAA,kBAAA;AAAA,oBACC,OAAO;AAAA,sBACL;AAAA,wBACE,OAAOtB,EAAE,cAAc;AAAA,wBACvB,SAAS,MAAM;AACb,0BAAAP,EAAcmB,CAAE;AAAA,wBAClB;AAAA,sBAAA;AAAA,sBAEF;AAAA,wBACE,OAAOZ,EAAE,gBAAgB;AAAA,wBACzB,SAAS,MAAM;AACb,0BAAAN,EAAgBkB,CAAE;AAAA,wBACpB;AAAA,sBAAA;AAAA,oBACF;AAAA,oBAEF,cAAcZ,EAAE,qBAAqB;AAAA,kBAAA;AAAA,gBAAA;AAAA,cACvC;AAAA,YAEJ;AAAA,YAEF,MAAMT;AAAA,YACN,OAAOS,EAAE,OAAO;AAAA,UAAA;AAAA,QAAA;AAAA,QAGlB,gBAAAM,EAACD,GAAA,EACC,UAAA,gBAAAC,EAACX,GAAA,EAAO,SAASH,GAAQ,SAAQ,aAC9B,UAAAQ,EAAE,YAAY,EAAA,CACjB,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}
1	+ {"version":3,"file":"PaymentHistoryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DataView, Flex, EmptyData, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\n\ninterface PaymentData {\n id: string\n name: string\n wageType: string\n paymentMethod: string\n hours: number\n wage: string\n bonus: number\n reimbursement: number\n total: number\n}\n\ninterface PaymentHistoryPresentationProps {\n date: string\n payments: PaymentData[]\n onBack: () => void\n onViewPayment: (paymentId: string) => void\n onCancelPayment: (paymentId: string) => void\n}\n\nexport const PaymentHistoryPresentation = ({\n date,\n payments,\n onBack,\n onViewPayment,\n onCancelPayment,\n}: PaymentHistoryPresentationProps) => {\n const { Button, Text, Heading } = useComponentContext()\n useI18n('Contractor.Payments.PaymentHistory')\n const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n const { locale } = useLocale()\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={8}>\n <Heading as=\"h1\">{t('title')}</Heading>\n <Text>{t('subtitle', { date })}</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 <ActionsLayout justifyContent=\"center\">\n <Button variant=\"primary\" onClick={onBack}>\n {t('backButton')}\n </Button>\n </ActionsLayout>\n </EmptyData>\n ) : (\n <>\n <DataView\n columns={[\n {\n title: t('tableHeaders.contractor'),\n render: ({ name, id }) => (\n <Button\n variant=\"tertiary\"\n onClick={() => {\n onViewPayment(id)\n }}\n >\n {name}\n </Button>\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 }) => <Text>{hours ? formatHoursDisplay(hours) : '–'}</Text>,\n },\n {\n title: t('tableHeaders.wage'),\n render: ({ wage }) => <Text>{wage \|\| '–'}</Text>,\n },\n {\n title: t('tableHeaders.bonus'),\n render: ({ bonus }) => (\n <Text>{bonus ? formatNumberAsCurrency(bonus, locale) : '–'}</Text>\n ),\n },\n {\n title: t('tableHeaders.reimbursements'),\n render: ({ reimbursement }) => (\n <Text>{formatNumberAsCurrency(reimbursement, locale)}</Text>\n ),\n },\n {\n title: t('tableHeaders.total'),\n render: ({ total }) => <Text>{formatNumberAsCurrency(total, locale)}</Text>,\n },\n {\n title: t('tableHeaders.action'),\n render: ({ id, name }) => (\n <HamburgerMenu\n items={[\n {\n label: t('actions.view'),\n onClick: () => {\n onViewPayment(id)\n },\n },\n {\n label: t('actions.cancel'),\n onClick: () => {\n onCancelPayment(id)\n },\n },\n ]}\n triggerLabel={t('tableHeaders.action')}\n />\n ),\n },\n ]}\n data={payments}\n label={t('title')}\n />\n\n <Flex>\n <Button onClick={onBack} variant=\"secondary\">\n {t('backButton')}\n </Button>\n </Flex>\n </>\n )}\n </Flex>\n </Flex>\n )\n}\n"],"names":["PaymentHistoryPresentation","date","payments","onBack","onViewPayment","onCancelPayment","Button","Text","Heading","useComponentContext","useI18n","t","useTranslation","locale","useLocale","jsxs","Flex","jsx","EmptyData","ActionsLayout","Fragment","DataView","name","id","wageType","paymentMethod","hours","formatHoursDisplay","wage","bonus","formatNumberAsCurrency","reimbursement","total","HamburgerMenu"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js CHANGED Viewed

@@ -1,9 +1,8 @@
 import { jsx as n, jsxs as i } from "react/jsx-runtime";
 import { useTranslation as x } from "react-i18next";
 import u from "./PaymentsListPresentation.module.scss.js";
-import { Flex as a } from "../../../Common/Flex/Flex.js";
+import { Flex as r } from "../../../Common/Flex/Flex.js";
 import "classnames";
-import "../../../../shared/constants.js";
 import { EmptyData as w } from "../../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as L } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -14,7 +13,7 @@ import R from "../../../../assets/icons/eye.svg.js";
 import { useDateFormatter as j } from "../../../../hooks/useDateFormatter.js";
 import { useDataView as S } from "../../../Common/DataView/useDataView.js";
 import { DataView as T } from "../../../Common/DataView/DataView.js";
-const Q = ({
+const K = ({
   contractorPayments: d,
   numberOfMonths: p,
   onCreatePayment: o,
@@ -22,7 +21,7 @@ const Q = ({
   onViewPayment: y,
   alerts: l = []
 }) => {
-  const { Button: s, Text: r, Heading: m, Select: b, ButtonIcon: f, Alert: g } = N();
+  const { Button: s, Text: a, Heading: m, Select: b, ButtonIcon: f, Alert: g } = N();
   A("Contractor.Payments.PaymentsList");
   const { t } = x("Contractor.Payments.PaymentsList"), c = F("currency"), { formatLongWithYear: C } = j(), D = [
     { value: "3", label: t("dateRanges.last3Months") },
@@ -33,19 +32,19 @@ const Q = ({
     columns: [
       {
         title: t("paymentDateColumnLabel"),
-        render: ({ checkDate: e }) => /* @__PURE__ */ n(r, { weight: "semibold", variant: "supporting", children: C(e) || "N/A" })
+        render: ({ checkDate: e }) => /* @__PURE__ */ n(a, { weight: "semibold", variant: "supporting", children: C(e) || "N/A" })
       },
       {
         title: t("reimbursementTotalColumnLabel"),
-        render: ({ totals: e }) => /* @__PURE__ */ n(r, { children: c(Number(e?.reimbursementAmount) || 0) })
+        render: ({ totals: e }) => /* @__PURE__ */ n(a, { children: c(Number(e?.reimbursementAmount) || 0) })
       },
       {
         title: t("wageTotalColumnLabel"),
-        render: ({ totals: e }) => /* @__PURE__ */ n(r, { children: c(Number(e?.wageAmount || 0)) })
+        render: ({ totals: e }) => /* @__PURE__ */ n(a, { children: c(Number(e?.wageAmount || 0)) })
       },
       {
         title: t("actionColumnLabel"),
-        render: ({ uuid: e }) => /* @__PURE__ */ n(r, { children: /* @__PURE__ */ n(
+        render: ({ uuid: e }) => /* @__PURE__ */ n(a, { children: /* @__PURE__ */ n(
           f,
           {
             "aria-label": t("viewPaymentCta"),
@@ -60,9 +59,9 @@ const Q = ({
     ],
     emptyState: () => /* @__PURE__ */ n(w, { title: t("noPaymentsFound"), description: t("noPaymentsDescription"), children: /* @__PURE__ */ n(L, { justifyContent: "center", children: /* @__PURE__ */ n(s, { variant: "primary", onClick: o, children: t("createPaymentCta") }) }) })
   });
-  return /* @__PURE__ */ i(a, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ n(a, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(m, { as: "h1", children: t("title") }) }),
-    l.length > 0 && /* @__PURE__ */ n(a, { flexDirection: "column", gap: 16, children: l.map((e, v) => /* @__PURE__ */ n(
+  return /* @__PURE__ */ i(r, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ n(r, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ n(m, { as: "h1", children: t("title") }) }),
+    l.length > 0 && /* @__PURE__ */ n(r, { flexDirection: "column", gap: 16, children: l.map((e, v) => /* @__PURE__ */ n(
       g,
       {
         label: t(`alerts.${e.title}`, e.translationParams),
@@ -73,7 +72,7 @@ const Q = ({
       `${e.type}-${e.title}-${v}`
     )) }),
     /* @__PURE__ */ i(
-      a,
+      r,
       {
         flexDirection: {
           base: "column",
@@ -111,6 +110,6 @@ const Q = ({
   ] });
 };
 export {
-  Q as PaymentsListPresentation
+  K as PaymentsListPresentation
 };
 //# sourceMappingURL=PaymentsListPresentation.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n numberOfMonths: number\n contractorPayments: ContractorPaymentGroupWithBlockers[]\n onCreatePayment: () => void\n onDateRangeChange: (numberOfMonths: number) => void\n onViewPayment: (paymentId: string) => void\n alerts?: InternalAlert[]\n}\n\nexport const PaymentsListPresentation = ({\n contractorPayments,\n numberOfMonths,\n onCreatePayment,\n onDateRangeChange,\n onViewPayment,\n alerts = [],\n}: ContractorPaymentPaymentsListPresentationProps) => {\n const { Button, Text, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n useI18n('Contractor.Payments.PaymentsList')\n const { t } = useTranslation('Contractor.Payments.PaymentsList')\n const currencyFormatter = useNumberFormatter('currency')\n const { formatLongWithYear } = useDateFormatter()\n\n const dateRangeOptions = [\n { value: '3', label: t('dateRanges.last3Months') },\n { value: '6', label: t('dateRanges.last6Months') },\n { value: '12', label: t('dateRanges.last12Months') },\n ]\n const { ...dataViewProps } = useDataView({\n data: contractorPayments,\n columns: [\n {\n title: t('paymentDateColumnLabel'),\n render: ({ checkDate }) => (\n <Text weight=\"semibold\" variant=\"supporting\">\n {formatLongWithYear(checkDate) \|\| 'N/A'}\n </Text>\n ),\n },\n {\n title: t('reimbursementTotalColumnLabel'),\n render: ({ totals }) => (\n <Text>{currencyFormatter(Number(totals?.reimbursementAmount) \|\| 0)}</Text>\n ),\n },\n {\n title: t('wageTotalColumnLabel'),\n render: ({ totals }) => <Text>{currencyFormatter(Number(totals?.wageAmount \|\| 0))}</Text>,\n },\n {\n title: t('actionColumnLabel'),\n render: ({ uuid }) => (\n <Text>\n <ButtonIcon\n aria-label={t('viewPaymentCta')}\n variant=\"tertiary\"\n onClick={() => {\n onViewPayment(uuid \|\| '')\n }}\n >\n <EyeIcon aria-hidden />\n </ButtonIcon>\n </Text>\n ),\n },\n ],\n emptyState: () => (\n <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n <ActionsLayout justifyContent=\"center\">\n <Button variant=\"primary\" onClick={onCreatePayment}>\n {t('createPaymentCta')}\n </Button>\n </ActionsLayout>\n </EmptyData>\n ),\n })\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h1\">{t('title')}</Heading>\n </Flex>\n\n {alerts.length > 0 && (\n <Flex flexDirection=\"column\" gap={16}>\n {alerts.map((alert, index) => (\n <Alert\n key={`${alert.type}-${alert.title}-${index}`}\n label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n status={alert.type}\n onDismiss={alert.onDismiss}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n </Flex>\n )}\n\n <Flex\n flexDirection={{\n base: 'column',\n small: 'row',\n }}\n gap={16}\n alignItems={{\n base: 'stretch',\n small: 'flex-end',\n }}\n justifyContent=\"space-between\"\n >\n <Heading as=\"h2\">{t('subtitle')}</Heading>\n <div className={styles.actionsContainer}>\n <Select\n id=\"date-range-select\"\n value={numberOfMonths.toString()}\n onChange={value => {\n onDateRangeChange(Number(value))\n }}\n options={dateRangeOptions}\n isRequired\n label={t('startDate')}\n shouldVisuallyHideLabel\n />\n <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n {t('createPaymentCta')}\n </Button>\n </div>\n </Flex>\n\n <DataView label={t('subtitle')} {...dataViewProps} />\n </Flex>\n )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","Button","Text","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","jsx","totals","uuid","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","alert","index","styles","value","DataView"],"mappings":"~~;;;;;;;;;;;;;;;;~~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"}
1	+ {"version":3,"file":"PaymentsListPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupWithBlockers } from '@gusto/embedded-api/models/components/contractorpaymentgroupwithblockers'\nimport type { InternalAlert } from '../types'\nimport styles from './PaymentsListPresentation.module.scss'\nimport { DataView, Flex, EmptyData, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport EyeIcon from '@/assets/icons/eye.svg?react'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ContractorPaymentPaymentsListPresentationProps {\n numberOfMonths: number\n contractorPayments: ContractorPaymentGroupWithBlockers[]\n onCreatePayment: () => void\n onDateRangeChange: (numberOfMonths: number) => void\n onViewPayment: (paymentId: string) => void\n alerts?: InternalAlert[]\n}\n\nexport const PaymentsListPresentation = ({\n contractorPayments,\n numberOfMonths,\n onCreatePayment,\n onDateRangeChange,\n onViewPayment,\n alerts = [],\n}: ContractorPaymentPaymentsListPresentationProps) => {\n const { Button, Text, Heading, Select, ButtonIcon, Alert } = useComponentContext()\n useI18n('Contractor.Payments.PaymentsList')\n const { t } = useTranslation('Contractor.Payments.PaymentsList')\n const currencyFormatter = useNumberFormatter('currency')\n const { formatLongWithYear } = useDateFormatter()\n\n const dateRangeOptions = [\n { value: '3', label: t('dateRanges.last3Months') },\n { value: '6', label: t('dateRanges.last6Months') },\n { value: '12', label: t('dateRanges.last12Months') },\n ]\n const { ...dataViewProps } = useDataView({\n data: contractorPayments,\n columns: [\n {\n title: t('paymentDateColumnLabel'),\n render: ({ checkDate }) => (\n <Text weight=\"semibold\" variant=\"supporting\">\n {formatLongWithYear(checkDate) \|\| 'N/A'}\n </Text>\n ),\n },\n {\n title: t('reimbursementTotalColumnLabel'),\n render: ({ totals }) => (\n <Text>{currencyFormatter(Number(totals?.reimbursementAmount) \|\| 0)}</Text>\n ),\n },\n {\n title: t('wageTotalColumnLabel'),\n render: ({ totals }) => <Text>{currencyFormatter(Number(totals?.wageAmount \|\| 0))}</Text>,\n },\n {\n title: t('actionColumnLabel'),\n render: ({ uuid }) => (\n <Text>\n <ButtonIcon\n aria-label={t('viewPaymentCta')}\n variant=\"tertiary\"\n onClick={() => {\n onViewPayment(uuid \|\| '')\n }}\n >\n <EyeIcon aria-hidden />\n </ButtonIcon>\n </Text>\n ),\n },\n ],\n emptyState: () => (\n <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n <ActionsLayout justifyContent=\"center\">\n <Button variant=\"primary\" onClick={onCreatePayment}>\n {t('createPaymentCta')}\n </Button>\n </ActionsLayout>\n </EmptyData>\n ),\n })\n\n return (\n <Flex flexDirection=\"column\" gap={24}>\n <Flex flexDirection=\"column\" gap={16}>\n <Heading as=\"h1\">{t('title')}</Heading>\n </Flex>\n\n {alerts.length > 0 && (\n <Flex flexDirection=\"column\" gap={16}>\n {alerts.map((alert, index) => (\n <Alert\n key={`${alert.type}-${alert.title}-${index}`}\n label={t(`alerts.${alert.title}` as never, alert.translationParams)}\n status={alert.type}\n onDismiss={alert.onDismiss}\n >\n {alert.content ?? null}\n </Alert>\n ))}\n </Flex>\n )}\n\n <Flex\n flexDirection={{\n base: 'column',\n small: 'row',\n }}\n gap={16}\n alignItems={{\n base: 'stretch',\n small: 'flex-end',\n }}\n justifyContent=\"space-between\"\n >\n <Heading as=\"h2\">{t('subtitle')}</Heading>\n <div className={styles.actionsContainer}>\n <Select\n id=\"date-range-select\"\n value={numberOfMonths.toString()}\n onChange={value => {\n onDateRangeChange(Number(value))\n }}\n options={dateRangeOptions}\n isRequired\n label={t('startDate')}\n shouldVisuallyHideLabel\n />\n <Button onClick={onCreatePayment} variant=\"secondary\" className={styles.nowrap}>\n {t('createPaymentCta')}\n </Button>\n </div>\n </Flex>\n\n <DataView label={t('subtitle')} {...dataViewProps} />\n </Flex>\n )\n}\n"],"names":["PaymentsListPresentation","contractorPayments","numberOfMonths","onCreatePayment","onDateRangeChange","onViewPayment","alerts","Button","Text","Heading","Select","ButtonIcon","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","dateRangeOptions","dataViewProps","useDataView","checkDate","jsx","totals","uuid","EyeIcon","EmptyData","ActionsLayout","jsxs","Flex","alert","index","styles","value","DataView"],"mappings":"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"}

package/dist/components/Contractor/Profile/ContractorProfileForm.js CHANGED Viewed

@@ -6,15 +6,15 @@ import { useComponentContext as D } from "../../../contexts/ComponentAdapter/use
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { Form as O } from "../../Common/Form/Form.js";
 import { Grid as n } from "../../Common/Grid/Grid.js";
-import { Flex as x } from "../../Common/Flex/Flex.js";
+import { usePlaceholderSSN as x, normalizeSSN as w } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as E, normalizeEin as j } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as v } from "../../../shared/constants.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as w } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { SwitchField as E } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { DatePickerField as j } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-import { usePlaceholderSSN as v, normalizeSSN as G } from "../../../helpers/ssn.js";
-import { usePlaceholderEin as z, normalizeEin as A } from "../../../helpers/federalEin.js";
-import { ContractorOnboardingStatus as B } from "../../../shared/constants.js";
+import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { Flex as z } from "../../Common/Flex/Flex.js";
+import { SwitchField as A } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { DatePickerField as B } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 function re({
   formMethods: u,
   handleSubmit: f,
@@ -33,7 +33,7 @@ function re({
 }) {
   const a = D();
   I("Contractor.Profile");
-  const { t: e } = T("Contractor.Profile"), q = v(t?.hasSsn ?? !1), P = z(t?.hasEin ?? !1);
+  const { t: e } = T("Contractor.Profile"), q = x(t?.hasSsn ?? !1), P = E(t?.hasEin ?? !1);
   return /* @__PURE__ */ i("section", { className: F, children: /* @__PURE__ */ i(S, { ...u, children: /* @__PURE__ */ r(O, { onSubmit: f, children: [
     /* @__PURE__ */ r(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
       /* @__PURE__ */ r("header", { children: [
@@ -42,12 +42,12 @@ function re({
       ] }),
       /* @__PURE__ */ i("div", { className: C.switchFieldContainer, children: /* @__PURE__ */ r(n, { gap: 16, children: [
         /* @__PURE__ */ i(
-          E,
+          A,
           {
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: t && t.onboardingStatus !== B.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: t && t.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         p && /* @__PURE__ */ i(
@@ -81,7 +81,7 @@ function re({
             name: "ssn",
             label: e("fields.ssn.label"),
             placeholder: q,
-            transform: G,
+            transform: w,
             isRequired: !0
           }
         )
@@ -101,7 +101,7 @@ function re({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: P,
-            transform: A,
+            transform: j,
             isRequired: !0
           }
         )
@@ -116,7 +116,7 @@ function re({
         }
       ),
       h && /* @__PURE__ */ i(
-        w,
+        G,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -126,7 +126,7 @@ function re({
         }
       ),
       /* @__PURE__ */ i(
-        j,
+        B,
         {
           name: "startDate",
           label: e("fields.startDate.label"),
@@ -135,7 +135,7 @@ function re({
         }
       )
     ] }),
-    /* @__PURE__ */ i(x, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
+    /* @__PURE__ */ i(z, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {

package/dist/components/Contractor/Profile/useContractorProfile.js CHANGED Viewed

@@ -15,7 +15,6 @@ import { useBase as Q } from "../../Base/useBase.js";
 import { ContractorSelfOnboardingStatuses as Y, componentEvents as b, ContractorOnboardingStatus as x } from "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { removeNonDigits as ee } from "../../../helpers/formattedStrings.js";
 import { useI18n as oe } from "../../../i18n/I18n.js";
 import { SSN_REGEX as se, NAME_REGEX as N } from "../../../helpers/validations.js";
@@ -94,7 +93,7 @@ const n = J, a = K, ie = s.object({
     });
   }
 );
-function Pe({
+function Fe({
   companyId: t,
   contractorId: f,
   defaultValues: m,
@@ -227,6 +226,6 @@ export {
   a as ContractorType,
   n as WageType,
   ne as createContractorProfileValidationSchema,
-  Pe as useContractorProfile
+  Fe as useContractorProfile
 };
 //# sourceMappingURL=useContractorProfile.js.map

package/dist/components/Contractor/Profile/useContractorProfile.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n WageType as ApiWageType,\n ContractorType as ApiContractorType,\n type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n componentEvents,\n ContractorOnboardingStatus,\n ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n // Self-onboarding toggle\n selfOnboarding: z.boolean(),\n email: z.string().email().optional(),\n\n // Required contractor fields\n contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n startDate: z.date(),\n\n // Individual contractor fields\n firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n middleInitial: z.string().optional(),\n lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n ssn: z.string().optional(),\n\n // Business contractor fields\n businessName: z.string().optional(),\n ein: z.string().optional(),\n\n // Wage fields\n hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n t: (key: string) => string,\n hasSsn: boolean,\n hasEin: boolean,\n) => {\n return ContractorProfileSchema.superRefine(\n (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n // Email validation for contractor invitation\n if (data.selfOnboarding && !data.email) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['email'],\n message: t('validations.email'),\n })\n }\n\n // Individual contractor validations\n if (data.contractorType === ContractorType.Individual) {\n if (!data.firstName) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['firstName'],\n message: t('validations.firstName'),\n })\n }\n\n if (!data.lastName) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['lastName'],\n message: t('validations.lastName'),\n })\n }\n\n if (!data.ssn) {\n if (!hasSsn && !data.selfOnboarding) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ssn'],\n message: t('validations.ssn'),\n })\n }\n } else {\n // Validate SSN format\n const cleanSSN = removeNonDigits(data.ssn)\n if (!SSN_REGEX.test(cleanSSN)) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ssn'],\n message: t('validations.ssnFormat'),\n })\n }\n }\n }\n\n // Business contractor validations\n if (data.contractorType === ContractorType.Business) {\n if (!data.businessName) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['businessName'],\n message: t('validations.businessName'),\n })\n }\n\n if (!data.ein) {\n if (!hasEin && !data.selfOnboarding) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ein'],\n message: t('validations.ein'),\n })\n }\n } else {\n // Validate EIN format after normalization (XX-XXXXXXX)\n const normalizedEin = normalizeEin(data.ein)\n if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ein'],\n message: t('validations.einFormat'),\n })\n }\n }\n }\n\n // Hourly rate validation for hourly contractors\n if (data.wageType === WageType.Hourly) {\n if (data.hourlyRate === undefined \|\| data.hourlyRate < 0) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['hourlyRate'],\n message: t('validations.hourlyRate'),\n })\n }\n }\n },\n )\n}\n\nexport interface UseContractorProfileProps {\n companyId: string\n contractorId?: string\n defaultValues?: Partial<ContractorProfileFormData>\n existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n companyId,\n contractorId,\n defaultValues,\n existingContractor,\n}: UseContractorProfileProps) {\n useI18n('Contractor.Profile')\n const { t } = useTranslation('Contractor.Profile')\n const { onEvent, baseSubmitHandler } = useBase()\n\n // Create validation schema with translations\n const validationSchema = createContractorProfileValidationSchema(\n t as (key: string) => string,\n existingContractor?.hasSsn ?? false,\n existingContractor?.hasEin ?? false,\n )\n\n // API mutations\n const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n // Prepare default values from existing contractor or provided defaults\n const formDefaultValues = useMemo(\n () => ({\n selfOnboarding: false,\n contractorType: ContractorType.Business,\n wageType: WageType.Fixed,\n startDate: new Date(),\n ...defaultValues,\n // Override with existing contractor data if available\n ...(existingContractor && {\n selfOnboarding: existingContractor.onboardingStatus\n ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n : false,\n contractorType: existingContractor.type \|\| ContractorType.Business,\n wageType: existingContractor.wageType \|\| WageType.Fixed,\n startDate: existingContractor.startDate\n ? new Date(existingContractor.startDate)\n : new Date(),\n firstName: existingContractor.firstName \|\| undefined,\n middleInitial: existingContractor.middleInitial \|\| undefined,\n lastName: existingContractor.lastName \|\| undefined,\n businessName: existingContractor.businessName \|\| undefined,\n email: existingContractor.email \|\| undefined,\n hourlyRate: existingContractor.hourlyRate\n ? (() => {\n const parsed = parseFloat(existingContractor.hourlyRate)\n return isNaN(parsed) ? undefined : parsed\n })()\n : undefined,\n }),\n }),\n [existingContractor, defaultValues],\n )\n\n // Form setup\n const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n resolver: zodResolver(validationSchema),\n defaultValues: formDefaultValues,\n })\n\n const { handleSubmit, formState } = formMethods\n\n // Watch form values for conditional rendering\n const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n const watchedSelfOnboarding = useWatch({\n control: formMethods.control,\n name: 'selfOnboarding',\n })\n\n // Helper function to transform form data to API payload\n const transformFormDataToCreatePayload = (\n data: ContractorProfileFormData,\n ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\n const basePayload = {\n type: data.contractorType,\n wageType: data.wageType,\n startDate: formatDateToStringDate(data.startDate) \|\| '',\n selfOnboarding: data.selfOnboarding,\n email: data.selfOnboarding ? data.email : undefined,\n hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n isActive: true,\n }\n\n if (data.contractorType === ContractorType.Individual) {\n return {\n ...basePayload,\n firstName: data.firstName,\n middleInitial: data.middleInitial \|\| undefined,\n lastName: data.lastName,\n ssn: data.ssn,\n fileNewHireReport: false, // Default value\n }\n } else {\n return {\n ...basePayload,\n fileNewHireReport: false, // Default value\n businessName: data.businessName,\n ein: data.ein?.replace(/-/g, ''),\n }\n }\n }\n\n const transformFormDataToUpdatePayload = (\n data: ContractorProfileFormData,\n version: string,\n ): PutV1ContractorsContractorUuidRequestBody => {\n const createPayload = transformFormDataToCreatePayload(data)\n return {\n ...createPayload,\n version,\n }\n }\n\n // Event handlers\n const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n await baseSubmitHandler(data, async payload => {\n let contractorId = existingContractor?.uuid\n if (existingContractor) {\n // Update existing contractor\n if (!existingContractor.version) {\n throw new Error('Contractor version is required for updates')\n }\n const version = existingContractor.version\n const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n const updateResponse = await updateContractor({\n request: {\n contractorUuid: contractorId!,\n requestBody: apiPayload,\n },\n })\n\n onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n } else {\n // Create new contractor\n const apiPayload = transformFormDataToCreatePayload(payload)\n\n const createResponse = await createContractor({\n request: {\n companyUuid: companyId,\n requestBody: apiPayload,\n },\n })\n\n contractorId = createResponse.contractor?.uuid\n onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n }\n\n onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n selfOnboarding:\n payload.selfOnboarding &&\n existingContractor?.onboardingStatus !==\n ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n contractorId,\n })\n })\n }\n\n // Conditional rendering helpers\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n const shouldShowEmailField = !!watchedSelfOnboarding\n const shouldShowBusinessFields = watchedType === ContractorType.Business\n const shouldShowIndividualFields = watchedType === ContractorType.Individual\n const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n const shouldShowSsnField = watchedType === ContractorType.Individual && !watchedSelfOnboarding\n const shouldShowEinField = watchedType === ContractorType.Business && !watchedSelfOnboarding\n\n // Form field options\n const contractorTypeOptions = [\n { label: 'Individual', value: ContractorType.Individual },\n { label: 'Business', value: ContractorType.Business },\n ]\n\n const wageTypeOptions = [\n { label: 'Hourly', value: WageType.Hourly },\n { label: 'Fixed', value: WageType.Fixed },\n ]\n\n // Determine if we're currently submitting (creating or updating)\n const isSubmitting = isCreating \|\| isUpdating\n // Return only what the component actually needs\n return {\n // Form methods and submission\n formMethods,\n handleSubmit: handleSubmit(onSubmit),\n formState: {\n ...formState,\n isSubmitting,\n },\n\n // Conditional rendering flags\n shouldShowEmailField,\n shouldShowBusinessFields,\n shouldShowIndividualFields,\n shouldShowHourlyRate,\n shouldShowSsnField,\n shouldShowEinField,\n\n // Form options\n contractorTypeOptions,\n wageTypeOptions,\n\n // Component state\n isEditing: !!contractorId,\n }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}
1	+ {"version":3,"file":"useContractorProfile.js","sources":["../../../../src/components/Contractor/Profile/useContractorProfile.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { SubmitHandler } from 'react-hook-form'\nimport { useForm, useWatch } from 'react-hook-form'\nimport { z } from 'zod'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport type { PostV1CompaniesCompanyUuidContractorsRequestBody } from '@gusto/embedded-api/models/operations/postv1companiescompanyuuidcontractors'\nimport type { PutV1ContractorsContractorUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1contractorscontractoruuid'\nimport {\n WageType as ApiWageType,\n ContractorType as ApiContractorType,\n type Contractor,\n} from '@gusto/embedded-api/models/components/contractor'\nimport { useBase } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport {\n componentEvents,\n ContractorOnboardingStatus,\n ContractorSelfOnboardingStatuses,\n} from '@/shared/constants'\nimport { SSN_REGEX, NAME_REGEX } from '@/helpers/validations'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { normalizeEin } from '@/helpers/federalEin'\n\n// Re-export the API types for convenience\nexport const WageType = ApiWageType\nexport const ContractorType = ApiContractorType\n\n// Form schema definition - exported for use in stories and tests\nconst ContractorProfileSchema = z.object({\n // Self-onboarding toggle\n selfOnboarding: z.boolean(),\n email: z.string().email().optional(),\n\n // Required contractor fields\n contractorType: z.enum([ContractorType.Individual, ContractorType.Business]),\n wageType: z.enum([WageType.Hourly, WageType.Fixed]),\n startDate: z.date(),\n\n // Individual contractor fields\n firstName: z.string().min(1).regex(NAME_REGEX).optional(),\n middleInitial: z.string().optional(),\n lastName: z.string().min(1).regex(NAME_REGEX).optional(),\n ssn: z.string().optional(),\n\n // Business contractor fields\n businessName: z.string().optional(),\n ein: z.string().optional(),\n\n // Wage fields\n hourlyRate: z.number().min(0).optional(),\n})\n\nexport type ContractorProfileFormData = z.infer<typeof ContractorProfileSchema>\n\n// Create validation schema - exported for stories\nexport const createContractorProfileValidationSchema = (\n t: (key: string) => string,\n hasSsn: boolean,\n hasEin: boolean,\n) => {\n return ContractorProfileSchema.superRefine(\n (data: ContractorProfileFormData, ctx: z.RefinementCtx) => {\n // Email validation for contractor invitation\n if (data.selfOnboarding && !data.email) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['email'],\n message: t('validations.email'),\n })\n }\n\n // Individual contractor validations\n if (data.contractorType === ContractorType.Individual) {\n if (!data.firstName) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['firstName'],\n message: t('validations.firstName'),\n })\n }\n\n if (!data.lastName) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['lastName'],\n message: t('validations.lastName'),\n })\n }\n\n if (!data.ssn) {\n if (!hasSsn && !data.selfOnboarding) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ssn'],\n message: t('validations.ssn'),\n })\n }\n } else {\n // Validate SSN format\n const cleanSSN = removeNonDigits(data.ssn)\n if (!SSN_REGEX.test(cleanSSN)) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ssn'],\n message: t('validations.ssnFormat'),\n })\n }\n }\n }\n\n // Business contractor validations\n if (data.contractorType === ContractorType.Business) {\n if (!data.businessName) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['businessName'],\n message: t('validations.businessName'),\n })\n }\n\n if (!data.ein) {\n if (!hasEin && !data.selfOnboarding) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ein'],\n message: t('validations.ein'),\n })\n }\n } else {\n // Validate EIN format after normalization (XX-XXXXXXX)\n const normalizedEin = normalizeEin(data.ein)\n if (!/^\\d{2}-\\d{7}$/.test(normalizedEin)) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['ein'],\n message: t('validations.einFormat'),\n })\n }\n }\n }\n\n // Hourly rate validation for hourly contractors\n if (data.wageType === WageType.Hourly) {\n if (data.hourlyRate === undefined \|\| data.hourlyRate < 0) {\n ctx.addIssue({\n code: z.ZodIssueCode.custom,\n path: ['hourlyRate'],\n message: t('validations.hourlyRate'),\n })\n }\n }\n },\n )\n}\n\nexport interface UseContractorProfileProps {\n companyId: string\n contractorId?: string\n defaultValues?: Partial<ContractorProfileFormData>\n existingContractor?: Contractor\n}\n\nexport function useContractorProfile({\n companyId,\n contractorId,\n defaultValues,\n existingContractor,\n}: UseContractorProfileProps) {\n useI18n('Contractor.Profile')\n const { t } = useTranslation('Contractor.Profile')\n const { onEvent, baseSubmitHandler } = useBase()\n\n // Create validation schema with translations\n const validationSchema = createContractorProfileValidationSchema(\n t as (key: string) => string,\n existingContractor?.hasSsn ?? false,\n existingContractor?.hasEin ?? false,\n )\n\n // API mutations\n const { mutateAsync: createContractor, isPending: isCreating } = useContractorsCreateMutation()\n const { mutateAsync: updateContractor, isPending: isUpdating } = useContractorsUpdateMutation()\n\n // Prepare default values from existing contractor or provided defaults\n const formDefaultValues = useMemo(\n () => ({\n selfOnboarding: false,\n contractorType: ContractorType.Business,\n wageType: WageType.Fixed,\n startDate: new Date(),\n ...defaultValues,\n // Override with existing contractor data if available\n ...(existingContractor && {\n selfOnboarding: existingContractor.onboardingStatus\n ? // @ts-expect-error: onboarding_status during runtime can be one of self onboarding statuses\n ContractorSelfOnboardingStatuses.has(existingContractor.onboardingStatus)\n : false,\n contractorType: existingContractor.type \|\| ContractorType.Business,\n wageType: existingContractor.wageType \|\| WageType.Fixed,\n startDate: existingContractor.startDate\n ? new Date(existingContractor.startDate)\n : new Date(),\n firstName: existingContractor.firstName \|\| undefined,\n middleInitial: existingContractor.middleInitial \|\| undefined,\n lastName: existingContractor.lastName \|\| undefined,\n businessName: existingContractor.businessName \|\| undefined,\n email: existingContractor.email \|\| undefined,\n hourlyRate: existingContractor.hourlyRate\n ? (() => {\n const parsed = parseFloat(existingContractor.hourlyRate)\n return isNaN(parsed) ? undefined : parsed\n })()\n : undefined,\n }),\n }),\n [existingContractor, defaultValues],\n )\n\n // Form setup\n const formMethods = useForm<ContractorProfileFormData, unknown, ContractorProfileFormData>({\n resolver: zodResolver(validationSchema),\n defaultValues: formDefaultValues,\n })\n\n const { handleSubmit, formState } = formMethods\n\n // Watch form values for conditional rendering\n const watchedType = useWatch({ control: formMethods.control, name: 'contractorType' })\n const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n const watchedSelfOnboarding = useWatch({\n control: formMethods.control,\n name: 'selfOnboarding',\n })\n\n // Helper function to transform form data to API payload\n const transformFormDataToCreatePayload = (\n data: ContractorProfileFormData,\n ): PostV1CompaniesCompanyUuidContractorsRequestBody => {\n const basePayload = {\n type: data.contractorType,\n wageType: data.wageType,\n startDate: formatDateToStringDate(data.startDate) \|\| '',\n selfOnboarding: data.selfOnboarding,\n email: data.selfOnboarding ? data.email : undefined,\n hourlyRate: data.wageType === WageType.Hourly ? String(data.hourlyRate) : undefined,\n isActive: true,\n }\n\n if (data.contractorType === ContractorType.Individual) {\n return {\n ...basePayload,\n firstName: data.firstName,\n middleInitial: data.middleInitial \|\| undefined,\n lastName: data.lastName,\n ssn: data.ssn,\n fileNewHireReport: false, // Default value\n }\n } else {\n return {\n ...basePayload,\n fileNewHireReport: false, // Default value\n businessName: data.businessName,\n ein: data.ein?.replace(/-/g, ''),\n }\n }\n }\n\n const transformFormDataToUpdatePayload = (\n data: ContractorProfileFormData,\n version: string,\n ): PutV1ContractorsContractorUuidRequestBody => {\n const createPayload = transformFormDataToCreatePayload(data)\n return {\n ...createPayload,\n version,\n }\n }\n\n // Event handlers\n const onSubmit: SubmitHandler<ContractorProfileFormData> = async data => {\n await baseSubmitHandler(data, async payload => {\n let contractorId = existingContractor?.uuid\n if (existingContractor) {\n // Update existing contractor\n if (!existingContractor.version) {\n throw new Error('Contractor version is required for updates')\n }\n const version = existingContractor.version\n const apiPayload = transformFormDataToUpdatePayload(payload, version)\n\n const updateResponse = await updateContractor({\n request: {\n contractorUuid: contractorId!,\n requestBody: apiPayload,\n },\n })\n\n onEvent(componentEvents.CONTRACTOR_UPDATED, updateResponse.contractor)\n } else {\n // Create new contractor\n const apiPayload = transformFormDataToCreatePayload(payload)\n\n const createResponse = await createContractor({\n request: {\n companyUuid: companyId,\n requestBody: apiPayload,\n },\n })\n\n contractorId = createResponse.contractor?.uuid\n onEvent(componentEvents.CONTRACTOR_CREATED, createResponse.contractor)\n }\n\n onEvent(componentEvents.CONTRACTOR_PROFILE_DONE, {\n selfOnboarding:\n payload.selfOnboarding &&\n existingContractor?.onboardingStatus !==\n ContractorOnboardingStatus.ADMIN_ONBOARDING_REVIEW,\n contractorId,\n })\n })\n }\n\n // Conditional rendering helpers\n // eslint-disable-next-line @typescript-eslint/no-unnecessary-type-conversion\n const shouldShowEmailField = !!watchedSelfOnboarding\n const shouldShowBusinessFields = watchedType === ContractorType.Business\n const shouldShowIndividualFields = watchedType === ContractorType.Individual\n const shouldShowHourlyRate = watchedWageType === WageType.Hourly\n const shouldShowSsnField = watchedType === ContractorType.Individual && !watchedSelfOnboarding\n const shouldShowEinField = watchedType === ContractorType.Business && !watchedSelfOnboarding\n\n // Form field options\n const contractorTypeOptions = [\n { label: 'Individual', value: ContractorType.Individual },\n { label: 'Business', value: ContractorType.Business },\n ]\n\n const wageTypeOptions = [\n { label: 'Hourly', value: WageType.Hourly },\n { label: 'Fixed', value: WageType.Fixed },\n ]\n\n // Determine if we're currently submitting (creating or updating)\n const isSubmitting = isCreating \|\| isUpdating\n // Return only what the component actually needs\n return {\n // Form methods and submission\n formMethods,\n handleSubmit: handleSubmit(onSubmit),\n formState: {\n ...formState,\n isSubmitting,\n },\n\n // Conditional rendering flags\n shouldShowEmailField,\n shouldShowBusinessFields,\n shouldShowIndividualFields,\n shouldShowHourlyRate,\n shouldShowSsnField,\n shouldShowEinField,\n\n // Form options\n contractorTypeOptions,\n wageTypeOptions,\n\n // Component state\n isEditing: !!contractorId,\n }\n}\n"],"names":["WageType","ApiWageType","ContractorType","ApiContractorType","ContractorProfileSchema","z","NAME_REGEX","createContractorProfileValidationSchema","hasSsn","hasEin","data","ctx","cleanSSN","removeNonDigits","SSN_REGEX","normalizedEin","normalizeEin","useContractorProfile","companyId","contractorId","defaultValues","existingContractor","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","validationSchema","createContractor","isCreating","useContractorsCreateMutation","updateContractor","isUpdating","useContractorsUpdateMutation","formDefaultValues","useMemo","ContractorSelfOnboardingStatuses","parsed","formMethods","useForm","zodResolver","handleSubmit","formState","watchedType","useWatch","watchedWageType","watchedSelfOnboarding","transformFormDataToCreatePayload","basePayload","formatDateToStringDate","transformFormDataToUpdatePayload","version","onSubmit","payload","apiPayload","updateResponse","componentEvents","createResponse","ContractorOnboardingStatus","shouldShowEmailField","shouldShowBusinessFields","shouldShowIndividualFields","shouldShowHourlyRate","shouldShowSsnField","shouldShowEinField","contractorTypeOptions","wageTypeOptions","isSubmitting"],"mappings":"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"}

package/dist/components/Contractor/Submit/Submit.js CHANGED Viewed

@@ -6,12 +6,12 @@ import { useContractorsGetSuspense as A } from "@gusto/embedded-api/react-query/
 import { SubmitDone as E } from "./SubmitDone.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
 import "classnames";
-import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { BaseComponent as B } from "../../Base/Base.js";
 import { useBase as v } from "../../Base/useBase.js";
+import { ContractorOnboardingStatus as d, componentEvents as s } from "../../../shared/constants.js";
 import { firstLastName as x } from "../../../helpers/formattedStrings.js";
 function W(o) {
   return /* @__PURE__ */ t(B, { ...o, children: /* @__PURE__ */ t(U, { ...o, children: o.children }) });

package/dist/components/Employee/Compensation/Edit.js CHANGED Viewed

@@ -6,18 +6,18 @@ import { useCompensation as R, rateMinimumError as Y, rateExemptThresholdError a
 import { FlsaStatus as a, PAY_PERIODS as r, FLSA_OVERTIME_SALARY_LIMIT as N } from "../../../shared/constants.js";
 import x from "../../../hooks/useNumberFormatter.js";
 import "classnames";
-import { RadioGroupField as j } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as X } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as B } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { SwitchField as J } from "../../Common/Fields/SwitchField/SwitchField.js";
-import { useComponentContext as K } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { WA_RISK_CLASS_CODES as q } from "../../../models/WA_RISK_CODES.js";
+import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { WA_RISK_CLASS_CODES as X } from "../../../models/WA_RISK_CODES.js";
+import { TextInputField as B } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { SelectField as O } from "../../Common/Fields/SelectField/SelectField.js";
-import { CheckboxField as H } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+import { NumberInputField as J } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as K } from "../../Common/Fields/SwitchField/SwitchField.js";
+import { CheckboxField as q } from "../../Common/Fields/CheckboxField/CheckboxField.js";
+import { RadioGroupField as H } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { ComboBoxField as $ } from "../../Common/Fields/ComboBoxField/ComboBoxField.js";
 const ue = () => {
-  const { t: e } = P("Employee.Compensation"), l = x("currency"), b = K(), S = k(
-    () => q.map(({ code: o, description: A }) => ({ value: o, label: A })),
+  const { t: e } = P("Employee.Compensation"), l = x("currency"), b = j(), S = k(
+    () => X.map(({ code: o, description: A }) => ({ value: o, label: A })),
     []
   ), {
     control: f,
@@ -46,7 +46,7 @@ const ue = () => {
     limit: l(N)
   })), /* @__PURE__ */ u(d, { children: [
     /* @__PURE__ */ t(
-      X,
+      B,
       {
         name: "jobTitle",
         label: e("jobTitle"),
@@ -80,7 +80,7 @@ const ue = () => {
       }
     ),
     /* @__PURE__ */ t(
-      B,
+      J,
       {
         name: "rate",
         label: e("amount"),
@@ -93,7 +93,7 @@ const ue = () => {
     ),
     D && /* @__PURE__ */ u(d, { children: [
       /* @__PURE__ */ t(
-        J,
+        K,
         {
           name: "adjustForMinimumWage",
           label: e("adjustForMinimumWage"),
@@ -126,10 +126,10 @@ const ue = () => {
         isDisabled: i === a.OWNER || i === a.COMMISSION_ONLY_NONEXEMPT || i === a.COMMISSION_ONLY_EXEMPT
       }
     ),
-    T && /* @__PURE__ */ t(H, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
+    T && /* @__PURE__ */ t(q, { label: e("twoPercentStakeholderLabel"), name: "twoPercentShareholder" }),
     L === "WA" && /* @__PURE__ */ u(d, { children: [
       /* @__PURE__ */ t(
-        j,
+        H,
         {
           name: "stateWcCovered",
           label: e("stateWcCoveredLabel"),