npm - @gusto/embedded-react-sdk - Versions diffs - 0.55.0 → 0.55.1 - Mend

@gusto/embedded-react-sdk 0.55.0 → 0.55.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 (129) hide show

package/dist/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n useCreateHistoricalPaymentDictionary,\n useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/*\n Props for {@link CreateHistoricalPayment}.\n \n @alpha\n /\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n /* UUID of the company recording the historical payment. /\n companyId: string\n}\n\n/\n Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n \n @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Edit returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Edit and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `contractor/historicalPayments/edit` \| The edit modal was opened for a contractor. \| — \|\n * \| `contractor/historicalPayments/update` \| A contractor's payment values were updated locally. \| The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). \|\n * \| `contractor/historicalPayments/preview` \| The preview API call succeeded. \| The contractor payment group preview response. \|\n * \| `contractor/historicalPayments/backToEdit` \| The user returned from preview to continue editing. \| — \|\n * \| `contractor/historicalPayments/created` \| The payment group was successfully created. \| The created contractor payment group response. \|\n \n @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n return (\n <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n <Root {...props} />\n </BaseComponent>\n )\n}\n\ninterface ContractorSelection {\n contractorIds: string[]\n checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent }: CreateHistoricalPaymentProps) {\n useI18n('Contractor.Payments.CreateHistoricalPayment')\n useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n const [checkDate, setCheckDate] = useState<Date \| null>(null)\n const [selectedIds, setSelectedIds] = useState<string[]>([])\n const [selection, setSelection] = useState<ContractorSelection \| null>(null)\n\n let dateError: string \| null = null\n if (checkDate !== null && checkDate > maxDate) {\n dateError = t('select.dateInFutureError')\n } else if (checkDate !== null && checkDate < minDate) {\n dateError = t('select.dateTooEarlyError', {\n year: checkDate.getFullYear(),\n allowedYear: minDate.getFullYear(),\n })\n }\n\n const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n const handleContinue = () => {\n if (!canContinue) return\n const checkDateString = formatDateToStringDate(checkDate)\n if (!checkDateString) return\n setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n }\n\n if (!selection) {\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('select.heading')}</Heading>\n <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n </Flex>\n\n <DatePicker\n label={t('select.dateLabel')}\n isRequired\n value={checkDate}\n onChange={setCheckDate}\n minDate={minDate}\n maxDate={maxDate}\n isInvalid={dateError !== null}\n errorMessage={dateError ?? undefined}\n />\n\n <SelectContractors companyId={companyId} onSelectionChange={setSelectedIds} />\n\n <ActionsLayout>\n <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n {t('select.continueButton')}\n </Button>\n </ActionsLayout>\n </Flex>\n )\n }\n\n return (\n <AmountsAndReview\n companyId={companyId}\n contractorIds={selection.contractorIds}\n checkDate={selection.checkDate}\n onEvent={onEvent}\n />\n )\n}\n\ninterface AmountsAndReviewProps {\n companyId: string\n contractorIds: string[]\n checkDate: string\n onEvent: CreateHistoricalPaymentProps['onEvent']\n}\n\nfunction AmountsAndReview({ companyId, contractorIds, checkDate, onEvent }: AmountsAndReviewProps) {\n const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n const { Heading, Text, Button, Alert } = useComponentContext()\n const { baseSubmitHandler } = useBase()\n const { formatLongWithYear } = useDateFormatter()\n const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n const contractors = (contractorList.contractors ?? []).filter(contractor =>\n contractorIds.includes(contractor.uuid),\n )\n\n const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n contractors,\n allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n onEditOpen: () => {\n onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n },\n onEditSave: data => {\n onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n },\n })\n\n const canContinue = totals.total > 0\n\n const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n useContractorPaymentGroupsPreviewMutation()\n const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n useContractorPaymentGroupsCreateMutation()\n\n const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview \| null>(null)\n const [isCreated, setIsCreated] = useState(false)\n\n const touchedContractorPayments = () =>\n virtualContractorPayments\n .filter(payment => payment.isTouched)\n .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n const handleContinue = async () => {\n if (!canContinue) return\n\n await baseSubmitHandler(null, async () => {\n const response = await previewContractorPaymentGroup({\n request: {\n companyId,\n requestBody: {\n checkDate: new RFCDate(checkDate),\n contractorPayments: touchedContractorPayments(),\n },\n },\n })\n setPreviewData(response.contractorPaymentGroupPreview \|\| null)\n onEvent(\n componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n response.contractorPaymentGroupPreview,\n )\n })\n }\n\n const handleBackToEdit = () => {\n setPreviewData(null)\n onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n }\n\n const handleSubmit = async () => {\n const creationToken = previewData?.creationToken\n if (!creationToken \|\| isCreated) return\n\n await baseSubmitHandler(null, async () => {\n const response = await createContractorPaymentGroup({\n request: {\n companyId,\n requestBody: {\n checkDate: new RFCDate(checkDate),\n creationToken,\n contractorPayments: touchedContractorPayments(),\n },\n },\n })\n\n if (!response.contractorPaymentGroup) return\n\n setIsCreated(true)\n onEvent(\n componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n response.contractorPaymentGroup,\n )\n })\n }\n\n if (previewData) {\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('review.title')}</Heading>\n <Text variant=\"supporting\">\n {t('review.subtitle', {\n checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n })}\n </Text>\n </Flex>\n {!isCreated && (\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Button onClick={handleBackToEdit} variant=\"secondary\">\n {t('review.editButton')}\n </Button>\n <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n {t('review.submitButton')}\n </Button>\n </Flex>\n )}\n </Flex>\n\n {isCreated && (\n <Alert status=\"success\" label={t('review.successTitle')}>\n <Text>{t('review.successMessage')}</Text>\n </Alert>\n )}\n\n <PaymentSummaryBlock\n contractorPaymentGroup={previewData}\n contractors={contractors}\n showDebitColumns={false}\n dictionary={reviewDictionary}\n />\n </Flex>\n )\n }\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n </Flex>\n <FlexItem>\n <Button\n onClick={handleContinue}\n variant=\"primary\"\n isDisabled={!canContinue}\n isLoading={isPreviewing}\n >\n {t('amounts.continueButton')}\n </Button>\n </FlexItem>\n </Flex>\n\n <SetPaymentAmounts\n contractors={contractors}\n contractorPayments={virtualContractorPayments}\n totals={totals}\n allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n editModal={editModal}\n dictionary={paymentAmountsDictionary}\n />\n </Flex>\n )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","jsxs","Flex","SelectContractors","ActionsLayout","contractorIds","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","PaymentSummaryBlock","FlexItem","SetPaymentAmounts"],"mappings":"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"}
1	+ {"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n usePaymentAmountsEditor,\n type VirtualContractorPayment,\n} from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n useCreateHistoricalPaymentDictionary,\n useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/*\n Props for {@link CreateHistoricalPayment}.\n \n @alpha\n /\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n /* UUID of the company recording the historical payment. /\n companyId: string\n}\n\n/\n Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n \n @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Back and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n * The amounts step also has its own Back button, returning to contractor selection without losing\n * the selected paid date, contractors, or any amounts already entered.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `contractor/historicalPayments/edit` \| The edit modal was opened for a contractor. \| — \|\n * \| `contractor/historicalPayments/update` \| A contractor's payment values were updated locally. \| The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). \|\n * \| `contractor/historicalPayments/preview` \| The preview API call succeeded. \| The contractor payment group preview response. \|\n * \| `contractor/historicalPayments/backToEdit` \| The user returned from preview to continue editing. \| — \|\n * \| `contractor/historicalPayments/created` \| The payment group was successfully created. \| The created contractor payment group response. \|\n \n @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n return (\n <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n <Root {...props} />\n </BaseComponent>\n )\n}\n\ninterface ContractorSelection {\n contractorIds: string[]\n checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent }: CreateHistoricalPaymentProps) {\n useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n useI18n('Contractor.Payments.CreateHistoricalPayment')\n useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n const [checkDate, setCheckDate] = useState<Date \| null>(null)\n const [selectedIds, setSelectedIds] = useState<string[]>([])\n const [selection, setSelection] = useState<ContractorSelection \| null>(null)\n const [savedContractorPayments, setSavedContractorPayments] = useState<\n VirtualContractorPayment[] \| undefined\n >(undefined)\n\n let dateError: string \| null = null\n if (checkDate !== null && checkDate > maxDate) {\n dateError = t('select.dateInFutureError')\n } else if (checkDate !== null && checkDate < minDate) {\n dateError = t('select.dateTooEarlyError', {\n year: checkDate.getFullYear(),\n allowedYear: minDate.getFullYear(),\n })\n }\n\n const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n const handleContinue = () => {\n if (!canContinue) return\n const checkDateString = formatDateToStringDate(checkDate)\n if (!checkDateString) return\n setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n }\n\n if (!selection) {\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('select.heading')}</Heading>\n <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n </Flex>\n\n <DatePicker\n label={t('select.dateLabel')}\n isRequired\n value={checkDate}\n onChange={setCheckDate}\n minDate={minDate}\n maxDate={maxDate}\n isInvalid={dateError !== null}\n errorMessage={dateError ?? undefined}\n />\n\n <SelectContractors\n companyId={companyId}\n onSelectionChange={setSelectedIds}\n initialSelectedIds={selectedIds}\n />\n\n <ActionsLayout>\n <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n {t('select.continueButton')}\n </Button>\n </ActionsLayout>\n </Flex>\n )\n }\n\n return (\n <AmountsAndReview\n companyId={companyId}\n contractorIds={selection.contractorIds}\n checkDate={selection.checkDate}\n onEvent={onEvent}\n preservedContractorPayments={savedContractorPayments}\n onBack={payments => {\n setSavedContractorPayments(payments)\n setSelection(null)\n }}\n />\n )\n}\n\ninterface AmountsAndReviewProps {\n companyId: string\n contractorIds: string[]\n checkDate: string\n onEvent: CreateHistoricalPaymentProps['onEvent']\n preservedContractorPayments?: VirtualContractorPayment[]\n onBack: (payments: VirtualContractorPayment[]) => void\n}\n\nfunction AmountsAndReview({\n companyId,\n contractorIds,\n checkDate,\n onEvent,\n preservedContractorPayments,\n onBack,\n}: AmountsAndReviewProps) {\n const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n const { Heading, Text, Button, Alert } = useComponentContext()\n const { baseSubmitHandler } = useBase()\n const { formatLongWithYear } = useDateFormatter()\n const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n const contractors = (contractorList.contractors ?? []).filter(contractor =>\n contractorIds.includes(contractor.uuid),\n )\n\n const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n contractors,\n allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n preservedContractorPayments,\n onEditOpen: () => {\n onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n },\n onEditSave: data => {\n onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n },\n })\n\n const canContinue = totals.total > 0\n\n const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n useContractorPaymentGroupsPreviewMutation()\n const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n useContractorPaymentGroupsCreateMutation()\n\n const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview \| null>(null)\n const [isCreated, setIsCreated] = useState(false)\n\n const touchedContractorPayments = () =>\n virtualContractorPayments\n .filter(payment => payment.isTouched)\n .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n const handleContinue = async () => {\n if (!canContinue) return\n\n await baseSubmitHandler(null, async () => {\n const response = await previewContractorPaymentGroup({\n request: {\n companyId,\n requestBody: {\n checkDate: new RFCDate(checkDate),\n contractorPayments: touchedContractorPayments(),\n },\n },\n })\n setPreviewData(response.contractorPaymentGroupPreview \|\| null)\n onEvent(\n componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n response.contractorPaymentGroupPreview,\n )\n })\n }\n\n const handleBackToEdit = () => {\n setPreviewData(null)\n onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n }\n\n const handleSubmit = async () => {\n const creationToken = previewData?.creationToken\n if (!creationToken \|\| isCreated) return\n\n await baseSubmitHandler(null, async () => {\n const response = await createContractorPaymentGroup({\n request: {\n companyId,\n requestBody: {\n checkDate: new RFCDate(checkDate),\n creationToken,\n contractorPayments: touchedContractorPayments(),\n },\n },\n })\n\n if (!response.contractorPaymentGroup) return\n\n setIsCreated(true)\n onEvent(\n componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n response.contractorPaymentGroup,\n )\n })\n }\n\n if (previewData) {\n return (\n <Flex flexDirection=\"column\" gap={32}>\n {!isCreated && <BackButton onClick={handleBackToEdit} />}\n\n <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('review.title')}</Heading>\n <Text variant=\"supporting\">\n {t('review.subtitle', {\n checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n })}\n </Text>\n </Flex>\n {!isCreated && (\n <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n {t('review.submitButton')}\n </Button>\n )}\n </Flex>\n\n {isCreated && (\n <Alert status=\"success\" label={t('review.successTitle')}>\n <Text>{t('review.successMessage')}</Text>\n </Alert>\n )}\n\n <PaymentSummaryBlock\n contractorPaymentGroup={previewData}\n contractors={contractors}\n showDebitColumns={false}\n dictionary={reviewDictionary}\n />\n </Flex>\n )\n }\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <BackButton\n onClick={() => {\n onBack(virtualContractorPayments)\n }}\n />\n\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={4}>\n <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n </Flex>\n <FlexItem>\n <Button\n onClick={handleContinue}\n variant=\"primary\"\n isDisabled={!canContinue}\n isLoading={isPreviewing}\n >\n {t('amounts.continueButton')}\n </Button>\n </FlexItem>\n </Flex>\n\n <SetPaymentAmounts\n contractors={contractors}\n contractorPayments={virtualContractorPayments}\n totals={totals}\n allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n editModal={editModal}\n dictionary={paymentAmountsDictionary}\n />\n </Flex>\n )\n}\n\nfunction BackButton({ onClick }: { onClick: () => void }) {\n const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n const { Button } = useComponentContext()\n\n return (\n <Button variant=\"secondary\" icon={<CaretLeftIcon aria-hidden=\"true\" />} onClick={onClick}>\n {t('backButton')}\n </Button>\n )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","savedContractorPayments","setSavedContractorPayments","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","payments","jsxs","Flex","SelectContractors","ActionsLayout","contractorIds","preservedContractorPayments","onBack","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","BackButton","PaymentSummaryBlock","FlexItem","SetPaymentAmounts","onClick","CaretLeftIcon"],"mappings":"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"}

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

@@ -1,56 +1,57 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useTranslation as C } from "react-i18next";
-import { useMemo as j } from "react";
-import { getContractorDisplayName as v } from "../../shared/helpers.js";
-import { FastAchSubmissionBlockerBanner as P } from "./FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as R } from "./GenericBlocker.js";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useTranslation as j } from "react-i18next";
+import { useMemo as v } from "react";
+import { getContractorDisplayName as P } from "../../shared/helpers.js";
+import { getContractorPaymentTotalAmount as f } from "../shared/paymentAmounts.js";
+import { FastAchSubmissionBlockerBanner as R } from "./FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as L } from "./GenericBlocker.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
-import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as _ } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as E } from "../../../Payroll/helpers.js";
-import F from "../../../../hooks/useNumberFormatter.js";
-import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as f } from "../../../../shared/constants.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as F } from "../../../Payroll/helpers.js";
+import I from "../../../../hooks/useNumberFormatter.js";
+import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as p } from "../../../../shared/constants.js";
 import { DataView as T } from "../../../Common/DataView/DataView.js";
-const I = "0.000", X = ({
+const M = "0.000", ee = ({
   contractorPaymentGroup: n,
-  contractors: p,
-  onBackToEdit: h,
-  onSubmit: A,
+  contractors: h,
+  onBackToEdit: A,
+  onSubmit: D,
   isLoading: l,
-  bankAccount: D,
+  bankAccount: g,
   selectedUnblockOptions: d = {},
   onUnblockOptionChange: b,
-  paymentSpeed: g
+  paymentSpeed: H
 }) => {
-  const { Button: c, Text: w, Heading: y, Alert: H } = L();
-  _("Contractor.Payments.CreatePayment");
-  const { t } = C("Contractor.Payments.CreatePayment", {
+  const { Button: c, Text: w, Heading: y, Alert: N } = _();
+  E("Contractor.Payments.CreatePayment");
+  const { t } = j("Contractor.Payments.CreatePayment", {
     keyPrefix: "previewPresentation"
-  }), a = F(), N = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${a(Number(e.hourlyRate || "0"))}${t("perHour")}` : e.wageType, i = j(
+  }), o = I(), B = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${o(Number(e.hourlyRate || "0"))}${t("perHour")}` : e.wageType, i = v(
     () => n.contractorPayments?.reduce(
-      (e, r) => (e.wageAmount += Number(r.wage || "0"), e.bonusAmount += Number(r.bonus || "0"), e.reimbursementAmount += Number(r.reimbursement || "0"), e.totalAmount += Number(r.wageTotal || "0"), e),
+      (e, r) => (e.wageAmount += Number(r.wage || "0"), e.bonusAmount += Number(r.bonus || "0"), e.reimbursementAmount += Number(r.reimbursement || "0"), e.totalAmount += f(r), e),
       { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
     ),
     [n.contractorPayments]
-  ), B = n.contractorPayments || [], s = (n.submissionBlockers || []).filter(
+  ), C = n.contractorPayments || [], s = (n.submissionBlockers || []).filter(
     (e) => e.status === "unresolved"
   ), S = s.some(
-    (e) => !f.includes(e.blockerType || "")
+    (e) => !p.includes(e.blockerType || "")
   ), k = s.some(
     (e) => !d[e.blockerType || ""]
   ), x = l || s.length > 0 && (S || k);
   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__ */ o(y, { as: "h2", children: t("reviewAndSubmitTitle") }),
-        /* @__PURE__ */ o(w, { variant: "supporting", children: t("reviewSubtitle", { debitDate: n.debitDate }) })
+        /* @__PURE__ */ a(y, { as: "h2", children: t("reviewAndSubmitTitle") }),
+        /* @__PURE__ */ a(w, { variant: "supporting", children: t("reviewSubtitle", { debitDate: n.debitDate }) })
       ] }),
       /* @__PURE__ */ m(u, { justifyContent: "flex-end", gap: 16, children: [
-        /* @__PURE__ */ o(c, { onClick: h, variant: "secondary", children: t("editButton") }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(c, { onClick: A, variant: "secondary", children: t("editButton") }),
+        /* @__PURE__ */ a(
           c,
           {
-            onClick: A,
+            onClick: D,
             variant: "primary",
             isLoading: l,
             isDisabled: x,
@@ -59,8 +60,8 @@ const I = "0.000", X = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ o(
-      H,
+    /* @__PURE__ */ a(
+      N,
       {
         status: "info",
         label: t("alerts.submitPaymentsDeadline", {
@@ -71,33 +72,33 @@ const I = "0.000", X = ({
     ),
     s.length > 0 && b && s.map((e) => {
       const r = e.blockerType || "";
-      return f.includes(r) ? /* @__PURE__ */ o(
-        P,
+      return p.includes(r) ? /* @__PURE__ */ a(
+        R,
         {
           blocker: e,
           selectedValue: d[r],
           onUnblockOptionChange: b,
-          paymentSpeed: g
+          paymentSpeed: H
         },
         r
-      ) : /* @__PURE__ */ o(R, { blocker: e }, r);
+      ) : /* @__PURE__ */ a(L, { blocker: e }, r);
     }),
-    /* @__PURE__ */ o(y, { as: "h3", children: t("paymentSummaryTitle") }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(y, { as: "h3", children: t("paymentSummaryTitle") }),
+    /* @__PURE__ */ a(
       T,
       {
         columns: [
           {
             title: t("summaryTableHeaders.totalAmount"),
-            render: () => a(Number(n.totals?.amount || "0"))
+            render: () => o(Number(n.totals?.amount || "0"))
           },
           {
             title: t("summaryTableHeaders.debitAmount"),
-            render: () => a(Number(n.totals?.debitAmount || "0"))
+            render: () => o(Number(n.totals?.debitAmount || "0"))
           },
           {
             title: t("summaryTableHeaders.debitAccount"),
-            render: () => D?.hiddenAccountNumber ?? t("naDebitAccount")
+            render: () => g?.hiddenAccountNumber ?? t("naDebitAccount")
           },
           {
             title: t("summaryTableHeaders.debitDate"),
@@ -112,21 +113,21 @@ const I = "0.000", X = ({
         label: "Payment Summary"
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       T,
       {
         columns: [
           {
             title: t("contractorTableHeaders.contractor"),
-            render: (e) => v(
-              p.find(
+            render: (e) => P(
+              h.find(
                 (r) => r.uuid === e.contractorUuid
               )
             )
           },
           {
             title: t("contractorTableHeaders.wageType"),
-            render: (e) => N(e)
+            render: (e) => B(e)
           },
           {
             title: t("contractorTableHeaders.paymentMethod"),
@@ -138,37 +139,37 @@ const I = "0.000", X = ({
             render: (e) => {
               if (e.wageType === "Fixed") return t("na");
               const r = Number(e.hours || "0");
-              return r ? E(r) : I;
+              return r ? F(r) : M;
             }
           },
           {
             title: t("contractorTableHeaders.wage"),
             justify: "end",
-            render: (e) => e.wageType === "Hourly" ? t("na") : a(Number(e.wage || "0"))
+            render: (e) => e.wageType === "Hourly" ? t("na") : o(Number(e.wage || "0"))
           },
           {
             title: t("contractorTableHeaders.bonus"),
             justify: "end",
-            render: (e) => a(Number(e.bonus || "0"))
+            render: (e) => o(Number(e.bonus || "0"))
           },
           {
             title: t("contractorTableHeaders.reimbursement"),
             justify: "end",
-            render: (e) => a(Number(e.reimbursement || "0"))
+            render: (e) => o(Number(e.reimbursement || "0"))
           },
           {
             title: t("contractorTableHeaders.total"),
             justify: "end",
-            render: (e) => a(Number(e.wageTotal || "0"))
+            render: (e) => o(f(e))
           }
         ],
-        data: B,
+        data: C,
         footer: () => ({
           "column-0": t("totalsLabel"),
-          "column-4": a(i?.wageAmount ?? 0),
-          "column-5": a(i?.bonusAmount ?? 0),
-          "column-6": a(i?.reimbursementAmount ?? 0),
-          "column-7": a(i?.totalAmount ?? 0)
+          "column-4": o(i?.wageAmount ?? 0),
+          "column-5": o(i?.bonusAmount ?? 0),
+          "column-6": o(i?.reimbursementAmount ?? 0),
+          "column-7": o(i?.totalAmount ?? 0)
         }),
         label: t("whatYourCompanyPays")
       }
@@ -176,6 +177,6 @@ const I = "0.000", X = ({
   ] });
 };
 export {
-  X as PreviewPresentation
+  ee as PreviewPresentation
 };
 //# sourceMappingURL=PreviewPresentation.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"PreviewPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/PreviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { ContractorPaymentForGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentforgrouppreview'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner'\nimport { GenericBlocker } from './GenericBlocker'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PreviewPresentationProps {\n contractorPaymentGroup: ContractorPaymentGroupPreview\n contractors: Contractor[]\n onBackToEdit: () => void\n onSubmit: () => void\n isLoading: boolean\n bankAccount?: CompanyBankAccount\n selectedUnblockOptions?: Record<string, string>\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n paymentSpeed?: PaymentSpeed\n}\n\n/** @internal /\nexport const PreviewPresentation = ({\n contractorPaymentGroup,\n contractors,\n onBackToEdit,\n onSubmit,\n isLoading,\n bankAccount,\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n paymentSpeed,\n}: PreviewPresentationProps) => {\n const { Button, Text, Heading, Alert } = useComponentContext()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n keyPrefix: 'previewPresentation',\n })\n const currencyFormatter = useNumberFormatter()\n\n const formatWageType = (contractor: ContractorPaymentForGroupPreview) => {\n if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n return `${currencyFormatter(Number(contractor.hourlyRate \|\| '0'))}${t('perHour')}`\n }\n return contractor.wageType\n }\n\n const totals = useMemo(\n () =>\n contractorPaymentGroup.contractorPayments?.reduce(\n (acc, contractor) => {\n acc.wageAmount += Number(contractor.wage \|\| '0')\n acc.bonusAmount += Number(contractor.bonus \|\| '0')\n acc.reimbursementAmount += Number(contractor.reimbursement \|\| '0')\n acc.totalAmount += Number(contractor.wageTotal \|\| '0')\n return acc\n },\n { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n ),\n [contractorPaymentGroup.contractorPayments],\n )\n\n const contractorPayments = contractorPaymentGroup.contractorPayments \|\| []\n\n const submissionBlockers = (contractorPaymentGroup.submissionBlockers \|\| []).filter(\n blocker => blocker.status === 'unresolved',\n )\n\n const hasUnresolvableBlockers = submissionBlockers.some(\n blocker => !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType \|\| ''),\n )\n\n const hasUnselectedBlockers = submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )\n\n const isSubmitDisabled =\n isLoading \|\|\n (submissionBlockers.length > 0 && (hasUnresolvableBlockers \|\| hasUnselectedBlockers))\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={2}>\n <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n <Text variant=\"supporting\">\n {t('reviewSubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n </Text>\n </Flex>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Button onClick={onBackToEdit} variant=\"secondary\">\n {t('editButton')}\n </Button>\n <Button\n onClick={onSubmit}\n variant=\"primary\"\n isLoading={isLoading}\n isDisabled={isSubmitDisabled}\n >\n {t('submitButton')}\n </Button>\n </Flex>\n </Flex>\n\n <Alert\n status=\"info\"\n label={t('alerts.submitPaymentsDeadline', {\n checkDate: contractorPaymentGroup.checkDate,\n debitDate: contractorPaymentGroup.debitDate,\n })}\n />\n\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType \|\| ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n\n {/ Payment Summary /}\n <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n <DataView\n columns={[\n {\n title: t('summaryTableHeaders.totalAmount'),\n render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount \|\| '0')),\n },\n {\n title: t('summaryTableHeaders.debitAmount'),\n render: () =>\n currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount \|\| '0')),\n },\n {\n title: t('summaryTableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? t('naDebitAccount'),\n },\n {\n title: t('summaryTableHeaders.debitDate'),\n render: () => contractorPaymentGroup.debitDate \|\| 'debitDate',\n },\n {\n title: t('summaryTableHeaders.contractorPayDate'),\n render: () => contractorPaymentGroup.checkDate \|\| 'contractorPayDate',\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 getContractorDisplayName(\n contractors.find(\n contractor => contractor.uuid === contractorPayment.contractorUuid,\n ),\n ),\n },\n {\n title: t('contractorTableHeaders.wageType'),\n render: contractorPayment => formatWageType(contractorPayment),\n },\n {\n title: t('contractorTableHeaders.paymentMethod'),\n render: contractorPayment => contractorPayment.paymentMethod \|\| 'N/A',\n },\n {\n title: t('contractorTableHeaders.hours'),\n justify: 'end',\n render: contractorPayment => {\n if (contractorPayment.wageType === 'Fixed') return t('na')\n const hours = Number(contractorPayment.hours \|\| '0')\n return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n },\n },\n {\n title: t('contractorTableHeaders.wage'),\n justify: 'end',\n render: contractorPayment => {\n if (contractorPayment.wageType === 'Hourly') return t('na')\n return currencyFormatter(Number(contractorPayment.wage \|\| '0'))\n },\n },\n {\n title: t('contractorTableHeaders.bonus'),\n justify: 'end',\n render: contractorPayment => currencyFormatter(Number(contractorPayment.bonus \|\| '0')),\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n justify: 'end',\n render: contractorPayment =>\n currencyFormatter(Number(contractorPayment.reimbursement \|\| '0')),\n },\n {\n title: t('contractorTableHeaders.total'),\n justify: 'end',\n render: contractorPayment =>\n currencyFormatter(Number(contractorPayment.wageTotal \|\| '0')),\n },\n ]}\n data={contractorPayments}\n footer={() => ({\n 'column-0': t('totalsLabel'),\n 'column-4': currencyFormatter(totals?.wageAmount ?? 0),\n 'column-5': currencyFormatter(totals?.bonusAmount ?? 0),\n 'column-6': currencyFormatter(totals?.reimbursementAmount ?? 0),\n 'column-7': currencyFormatter(totals?.totalAmount ?? 0),\n })}\n label={t('whatYourCompanyPays')}\n />\n </Flex>\n )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","bankAccount","selectedUnblockOptions","onUnblockOptionChange","paymentSpeed","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","submissionBlockers","blocker","hasUnresolvableBlockers","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","hasUnselectedBlockers","isSubmitDisabled","jsxs","Flex","jsx","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","DataView","contractorPayment","getContractorDisplayName","hours","formatHoursDisplay"],"mappings":"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"}
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 type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { getContractorPaymentTotalAmount } from '../shared/paymentAmounts'\nimport { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner'\nimport { GenericBlocker } from './GenericBlocker'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES } from '@/shared/constants'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PreviewPresentationProps {\n contractorPaymentGroup: ContractorPaymentGroupPreview\n contractors: Contractor[]\n onBackToEdit: () => void\n onSubmit: () => void\n isLoading: boolean\n bankAccount?: CompanyBankAccount\n selectedUnblockOptions?: Record<string, string>\n onUnblockOptionChange?: (blockerType: string, value: string) => void\n paymentSpeed?: PaymentSpeed\n}\n\n/** @internal /\nexport const PreviewPresentation = ({\n contractorPaymentGroup,\n contractors,\n onBackToEdit,\n onSubmit,\n isLoading,\n bankAccount,\n selectedUnblockOptions = {},\n onUnblockOptionChange,\n paymentSpeed,\n}: PreviewPresentationProps) => {\n const { Button, Text, Heading, Alert } = useComponentContext()\n useI18n('Contractor.Payments.CreatePayment')\n const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n keyPrefix: 'previewPresentation',\n })\n const currencyFormatter = useNumberFormatter()\n\n const formatWageType = (contractor: ContractorPaymentForGroupPreview) => {\n if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n return `${currencyFormatter(Number(contractor.hourlyRate \|\| '0'))}${t('perHour')}`\n }\n return contractor.wageType\n }\n\n const totals = useMemo(\n () =>\n contractorPaymentGroup.contractorPayments?.reduce(\n (acc, contractor) => {\n acc.wageAmount += Number(contractor.wage \|\| '0')\n acc.bonusAmount += Number(contractor.bonus \|\| '0')\n acc.reimbursementAmount += Number(contractor.reimbursement \|\| '0')\n acc.totalAmount += getContractorPaymentTotalAmount(contractor)\n return acc\n },\n { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n ),\n [contractorPaymentGroup.contractorPayments],\n )\n\n const contractorPayments = contractorPaymentGroup.contractorPayments \|\| []\n\n const submissionBlockers = (contractorPaymentGroup.submissionBlockers \|\| []).filter(\n blocker => blocker.status === 'unresolved',\n )\n\n const hasUnresolvableBlockers = submissionBlockers.some(\n blocker => !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType \|\| ''),\n )\n\n const hasUnselectedBlockers = submissionBlockers.some(\n blocker => !selectedUnblockOptions[blocker.blockerType \|\| ''],\n )\n\n const isSubmitDisabled =\n isLoading \|\|\n (submissionBlockers.length > 0 && (hasUnresolvableBlockers \|\| hasUnselectedBlockers))\n\n return (\n <Flex flexDirection=\"column\" gap={32}>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Flex flexDirection=\"column\" gap={2}>\n <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n <Text variant=\"supporting\">\n {t('reviewSubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n </Text>\n </Flex>\n <Flex justifyContent=\"flex-end\" gap={16}>\n <Button onClick={onBackToEdit} variant=\"secondary\">\n {t('editButton')}\n </Button>\n <Button\n onClick={onSubmit}\n variant=\"primary\"\n isLoading={isLoading}\n isDisabled={isSubmitDisabled}\n >\n {t('submitButton')}\n </Button>\n </Flex>\n </Flex>\n\n <Alert\n status=\"info\"\n label={t('alerts.submitPaymentsDeadline', {\n checkDate: contractorPaymentGroup.checkDate,\n debitDate: contractorPaymentGroup.debitDate,\n })}\n />\n\n {submissionBlockers.length > 0 &&\n onUnblockOptionChange &&\n submissionBlockers.map(blocker => {\n const blockerType = blocker.blockerType \|\| ''\n\n if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n return (\n <FastAchSubmissionBlockerBanner\n key={blockerType}\n blocker={blocker}\n selectedValue={selectedUnblockOptions[blockerType]}\n onUnblockOptionChange={onUnblockOptionChange}\n paymentSpeed={paymentSpeed}\n />\n )\n }\n\n return <GenericBlocker key={blockerType} blocker={blocker} />\n })}\n\n {/ Payment Summary /}\n <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n <DataView\n columns={[\n {\n title: t('summaryTableHeaders.totalAmount'),\n render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount \|\| '0')),\n },\n {\n title: t('summaryTableHeaders.debitAmount'),\n render: () =>\n currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount \|\| '0')),\n },\n {\n title: t('summaryTableHeaders.debitAccount'),\n render: () => bankAccount?.hiddenAccountNumber ?? t('naDebitAccount'),\n },\n {\n title: t('summaryTableHeaders.debitDate'),\n render: () => contractorPaymentGroup.debitDate \|\| 'debitDate',\n },\n {\n title: t('summaryTableHeaders.contractorPayDate'),\n render: () => contractorPaymentGroup.checkDate \|\| 'contractorPayDate',\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 getContractorDisplayName(\n contractors.find(\n contractor => contractor.uuid === contractorPayment.contractorUuid,\n ),\n ),\n },\n {\n title: t('contractorTableHeaders.wageType'),\n render: contractorPayment => formatWageType(contractorPayment),\n },\n {\n title: t('contractorTableHeaders.paymentMethod'),\n render: contractorPayment => contractorPayment.paymentMethod \|\| 'N/A',\n },\n {\n title: t('contractorTableHeaders.hours'),\n justify: 'end',\n render: contractorPayment => {\n if (contractorPayment.wageType === 'Fixed') return t('na')\n const hours = Number(contractorPayment.hours \|\| '0')\n return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n },\n },\n {\n title: t('contractorTableHeaders.wage'),\n justify: 'end',\n render: contractorPayment => {\n if (contractorPayment.wageType === 'Hourly') return t('na')\n return currencyFormatter(Number(contractorPayment.wage \|\| '0'))\n },\n },\n {\n title: t('contractorTableHeaders.bonus'),\n justify: 'end',\n render: contractorPayment => currencyFormatter(Number(contractorPayment.bonus \|\| '0')),\n },\n {\n title: t('contractorTableHeaders.reimbursement'),\n justify: 'end',\n render: contractorPayment =>\n currencyFormatter(Number(contractorPayment.reimbursement \|\| '0')),\n },\n {\n title: t('contractorTableHeaders.total'),\n justify: 'end',\n render: contractorPayment =>\n currencyFormatter(getContractorPaymentTotalAmount(contractorPayment)),\n },\n ]}\n data={contractorPayments}\n footer={() => ({\n 'column-0': t('totalsLabel'),\n 'column-4': currencyFormatter(totals?.wageAmount ?? 0),\n 'column-5': currencyFormatter(totals?.bonusAmount ?? 0),\n 'column-6': currencyFormatter(totals?.reimbursementAmount ?? 0),\n 'column-7': currencyFormatter(totals?.totalAmount ?? 0),\n })}\n label={t('whatYourCompanyPays')}\n />\n </Flex>\n )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","bankAccount","selectedUnblockOptions","onUnblockOptionChange","paymentSpeed","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","getContractorPaymentTotalAmount","contractorPayments","submissionBlockers","blocker","hasUnresolvableBlockers","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","hasUnselectedBlockers","isSubmitDisabled","jsxs","Flex","jsx","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","DataView","contractorPayment","getContractorDisplayName","hours","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.d.ts CHANGED Viewed

@@ -60,4 +60,4 @@ export declare function CreatePaymentFlow(props: CreatePaymentFlowProps): import
  *
  * @internal
  */
-export declare function CreatePaymentInternalFlow({ companyId, onEvent, prefixBreadcrumbs, }: CreatePaymentInternalFlowProps): import("react").JSX.Element;
+export declare function CreatePaymentInternalFlow(props: CreatePaymentInternalFlowProps): import("react").JSX.Element;

package/dist/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.js CHANGED Viewed

@@ -1,24 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createMachine as u } from "robot3";
+import { createMachine as s } from "robot3";
 import { useState as b } from "react";
-import { createPaymentMachine as p, createPaymentBreadcrumbsNodes as d } from "./createPaymentMachine.js";
-import { CreatePaymentContextual as f } from "./CreatePaymentFlowComponents.js";
+import { createPaymentBreadcrumbsNodes as d, createPaymentMachine as f } from "./createPaymentMachine.js";
+import { CreatePaymentContextual as p } from "./CreatePaymentFlowComponents.js";
 import { Flow as y } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as P, updateBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
 const B = [];
 function O(e) {
   return /* @__PURE__ */ r(C, { ...e });
 }
-function C({
+function C(e) {
+  return /* @__PURE__ */ r(h, { ...e }, e.companyId);
+}
+function h({
   companyId: e,
   onEvent: a,
-  prefixBreadcrumbs: m = B
+  prefixBreadcrumbs: n = B
 }) {
-  const [n] = b(() => {
+  const [m] = b(() => {
     const o = P(d), c = Object.fromEntries(
-      Object.entries(o).map(([t, s]) => [
+      Object.entries(o).map(([t, u]) => [
         t,
-        [...m, ...s]
+        [...n, ...u]
       ])
     ), i = l("createPayment", {
       header: {
@@ -26,18 +29,18 @@ function C({
         breadcrumbs: c
       }
     });
-    return u(
+    return s(
       "createPayment",
-      p,
+      f,
       (t) => ({
         ...t,
         ...i,
-        component: f,
+        component: p,
         companyId: e
       })
     );
   });
-  return /* @__PURE__ */ r(y, { machine: n, onEvent: a });
+  return /* @__PURE__ */ r(y, { machine: m, onEvent: a });
 }
 export {
   O as CreatePaymentFlow,

package/dist/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CreatePaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { createPaymentBreadcrumbsNodes, createPaymentMachine } from './createPaymentMachine'\nimport {\n CreatePaymentContextual,\n type CreatePaymentFlowContextInterface,\n type CreatePaymentFlowProps,\n} from './CreatePaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/*\n Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.\n \n @internal\n /\nexport interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {\n /\n Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n /\n prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/\n Guided flow to create a contractor payment and review the resulting summary.\n \n @remarks\n * This is the inner flow that powers the create-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard create-payment experience without re-implementing it. The flow ships with\n * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `contractor/payments/created` \| Fired when a payment group is successfully created \| The created `ContractorPaymentGroup` \|\n * \| `contractor/payments/exit` \| Fired when the user completes the payment flow \| `{ uuid?: string \\\| null }` \|\n * \| `payroll/wire/form/done` \| Fired when wire transfer details are submitted \| `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` \|\n * \| `breadcrumb/navigate` \| Fired when the user clicks a breadcrumb to navigate back \| `{ key: string, onNavigate: (ctx) => ctx }` \|\n \n @components\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n \n @param props - See {@link CreatePaymentFlowProps}.\n * @returns The composed create-payment flow.\n * @alpha\n \n @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n \n function MyApp() {\n * return (\n * <ContractorManagement.CreatePaymentFlow\n * companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n * onEvent={() => {}}\n * />\n * )\n * }\n * ```\n /\nexport function CreatePaymentFlow(props: CreatePaymentFlowProps) {\n return <CreatePaymentInternalFlow {...props} />\n}\n\n/\n Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n \n @internal\n */\nexport function CreatePaymentInternalFlow({\n companyId,\n onEvent,\n prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: CreatePaymentInternalFlowProps) {\n // Built once via a lazy useState initializer, ~~not~~ ~~useMemo:~~ the ~~machine's~~ ~~identity~~ ~~must survive\~~n // ~~re-renders~~ no ~~matter~~ ~~what,~~ ~~and~~ ~~useMemo~~ is ~~only a performance hint React may discard~~, not ~~an\n //~~ ~~identity~~ ~~guarantee.~~ ~~A useMemo keyed on `prefixBreadcrumbs` previously recreated this~~ machine~~\n // (and reset in-flight state) whenever the parent app re-rendered in response to a bubbled\n // `onEvent` call, since an inline array literal upstream gets a new reference every render~~.\n const [createPaymentFlow] = useState(() => {\n const baseBreadcrumbs = buildBreadcrumbs(createPaymentBreadcrumbsNodes)\n const breadcrumbs = Object.fromEntries(\n Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n stateKey,\n [...prefixBreadcrumbs, ...trail],\n ]),\n )\n\n const initialBreadcrumbContext = updateBreadcrumbs('createPayment', {\n header: {\n type: 'breadcrumbs' as const,\n breadcrumbs,\n },\n })\n\n return createMachine(\n 'createPayment',\n createPaymentMachine,\n (initialContext: CreatePaymentFlowContextInterface) => ({\n ...initialContext,\n ...initialBreadcrumbContext,\n component: CreatePaymentContextual,\n companyId,\n }),\n )\n })\n\n return <Flow machine={createPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","CreatePaymentFlow","props","jsx","CreatePaymentInternalFlow","companyId","onEvent","prefixBreadcrumbs","createPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","createPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","createPaymentMachine","initialContext","CreatePaymentContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AASO,SAASE,~~EAA0B~~;AAAA,~~EACxC~~,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,~~IAAoBP~~;AACtB,GAAmC;~~AAMjC~~,QAAM,~~CAACQ~~,CAAiB,IAAIC,EAAS,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAA6B,GAChEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,iBAAiB;AAAA,MAClE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAhB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,~~gBAAAF~~,~~EAACmB~~,GAAA,EAAK,SAASd,GAAmB,SAAAF,EAAA,CAAkB;AAC7D;"}
1	+ {"version":3,"file":"CreatePaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { createPaymentBreadcrumbsNodes, createPaymentMachine } from './createPaymentMachine'\nimport {\n CreatePaymentContextual,\n type CreatePaymentFlowContextInterface,\n type CreatePaymentFlowProps,\n} from './CreatePaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/*\n Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.\n \n @internal\n /\nexport interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {\n /\n Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n /\n prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/\n Guided flow to create a contractor payment and review the resulting summary.\n \n @remarks\n * This is the inner flow that powers the create-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard create-payment experience without re-implementing it. The flow ships with\n * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.\n \n @events\n * \| Event \| Description \| Data \|\n * \| ----- \| ----------- \| ---- \|\n * \| `contractor/payments/created` \| Fired when a payment group is successfully created \| The created `ContractorPaymentGroup` \|\n * \| `contractor/payments/exit` \| Fired when the user completes the payment flow \| `{ uuid?: string \\\| null }` \|\n * \| `payroll/wire/form/done` \| Fired when wire transfer details are submitted \| `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` \|\n * \| `breadcrumb/navigate` \| Fired when the user clicks a breadcrumb to navigate back \| `{ key: string, onNavigate: (ctx) => ctx }` \|\n \n @components\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n \n @param props - See {@link CreatePaymentFlowProps}.\n * @returns The composed create-payment flow.\n * @alpha\n \n @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n \n function MyApp() {\n * return (\n * <ContractorManagement.CreatePaymentFlow\n * companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n * onEvent={() => {}}\n * />\n * )\n * }\n * ```\n /\nexport function CreatePaymentFlow(props: CreatePaymentFlowProps) {\n return <CreatePaymentInternalFlow {...props} />\n}\n\n/\n Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n \n @internal\n */\nexport function CreatePaymentInternalFlow(props: CreatePaymentInternalFlowProps) {\n // Remount and reset all state if companyId ever changes\n return <CreatePaymentFlowMachine key={props.companyId} {...props} />\n}\n\nfunction CreatePaymentFlowMachine({\n companyId,\n onEvent,\n prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: CreatePaymentInternalFlowProps) {\n // Built once via a lazy useState initializer. If the companyId ever changes,\n // remount the entire component to reset all state, not just the state machine.\n const [createPaymentFlow] = useState(() => {\n const baseBreadcrumbs = buildBreadcrumbs(createPaymentBreadcrumbsNodes)\n const breadcrumbs = Object.fromEntries(\n Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n stateKey,\n [...prefixBreadcrumbs, ...trail],\n ]),\n )\n\n const initialBreadcrumbContext = updateBreadcrumbs('createPayment', {\n header: {\n type: 'breadcrumbs' as const,\n breadcrumbs,\n },\n })\n\n return createMachine(\n 'createPayment',\n createPaymentMachine,\n (initialContext: CreatePaymentFlowContextInterface) => ({\n ...initialContext,\n ...initialBreadcrumbContext,\n component: CreatePaymentContextual,\n companyId,\n }),\n )\n })\n\n return <Flow machine={createPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","CreatePaymentFlow","props","jsx","CreatePaymentInternalFlow","CreatePaymentFlowMachine","companyId","onEvent","prefixBreadcrumbs","createPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","createPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","createPaymentMachine","initialContext","CreatePaymentContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AASO,SAASE,EAA0BF,GAAuC;AAE/E,SAAO,gBAAAC,EAACE,GAAA,EAAgD,GAAGH,EAAA,GAArBA,EAAM,SAAsB;AACpE;AAEA,SAASG,EAAyB;AAAA,EAChC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBR;AACtB,GAAmC;AAGjC,QAAM,CAACS,CAAiB,IAAIC,EAAS,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAA6B,GAChEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,iBAAiB;AAAA,MAClE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAhB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAH,EAACoB,GAAA,EAAK,SAASd,GAAmB,SAAAF,EAAA,CAAkB;AAC7D;"}

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.d.ts ADDED Viewed

@@ -0,0 +1,69 @@
+import { HistoricalPaymentFlowProps } from './HistoricalPaymentFlowComponents';
+import { FlowBreadcrumb } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/**
+ * Props for the flow-internal {@link HistoricalPaymentInternalFlow}, which layers a parent flow's
+ * prefix breadcrumbs on top of the public {@link HistoricalPaymentFlowProps}.
+ *
+ * @internal
+ */
+export interface HistoricalPaymentInternalFlowProps extends HistoricalPaymentFlowProps {
+    /**
+     * Breadcrumbs prepended to this flow's trail. Set by a parent flow (e.g. `PaymentFlow`) so a
+     * user can navigate out of this flow entirely -- this flow contributes no breadcrumb items of
+     * its own (each of its own screens has its own Back button instead), so the trail is just
+     * `prefixBreadcrumbs` passed straight through.
+     */
+    prefixBreadcrumbs?: FlowBreadcrumb[];
+}
+/**
+ * Guided flow to record a historical contractor payment and review the resulting summary.
+ *
+ * @remarks
+ * This is the inner flow that powers the historical-payment spoke of `ContractorManagement.PaymentFlow`.
+ * Render it directly when you have built your own payments landing page and want to hand the user
+ * off to the standard historical-payment experience without re-implementing it. A historical payment
+ * already happened outside Gusto and does not move money, so unlike `CreatePaymentFlow` there is no
+ * Fast ACH blocker or wire-transfer step.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor | — |
+ * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.) |
+ * | `contractor/historicalPayments/preview` | The preview API call succeeded | The contractor payment group preview response |
+ * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing | — |
+ * | `contractor/historicalPayments/created` | The payment group was successfully created | The created `ContractorPaymentGroup` |
+ * | `contractor/historicalPayments/exit` | User is done reviewing the summary | — |
+ * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb injected via `prefixBreadcrumbs` | `{ key: string, onNavigate: (ctx) => ctx }` |
+ *
+ * @components
+ * - {@link CreateHistoricalPayment}
+ * - {@link HistoricalPaymentSummary}
+ *
+ * @param props - See {@link HistoricalPaymentFlowProps}.
+ * @returns The composed historical-payment flow.
+ * @alpha
+ *
+ * @example
+ * ```tsx title="App.tsx"
+ * import { ContractorManagement } from '@gusto/embedded-react-sdk'
+ *
+ * function MyApp() {
+ *   return (
+ *     <ContractorManagement.HistoricalPaymentFlow
+ *       companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function HistoricalPaymentFlow(props: HistoricalPaymentFlowProps): import("react").JSX.Element;
+/**
+ * Flow-internal entry point for {@link HistoricalPaymentFlow} that additionally accepts
+ * flow-injected `prefixBreadcrumbs`. Partners use {@link HistoricalPaymentFlow}; `PaymentFlow`
+ * renders this directly to give the user a way back to the payments landing screen.
+ *
+ * @internal
+ */
+export declare function HistoricalPaymentInternalFlow(props: HistoricalPaymentInternalFlowProps): import("react").JSX.Element;

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.js ADDED Viewed

@@ -0,0 +1,48 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as m } from "robot3";
+import { useState as c } from "react";
+import { historicalPaymentMachine as l } from "./historicalPaymentMachine.js";
+import { CreateHistoricalPaymentContextual as s } from "./HistoricalPaymentFlowComponents.js";
+import { Flow as u } from "../../../Flow/Flow.js";
+import { updateBreadcrumbs as y } from "../../../../helpers/breadcrumbHelpers.js";
+import { useUnstableFeature as P } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+const f = [];
+function B(t) {
+  return /* @__PURE__ */ r(h, { ...t });
+}
+function h(t) {
+  return P("historicalPayments", { throwIfDisabled: !0 }), /* @__PURE__ */ r(p, { ...t }, t.companyId);
+}
+function p({
+  companyId: t,
+  onEvent: a,
+  prefixBreadcrumbs: e = f
+}) {
+  const [o] = c(() => {
+    const i = y("createHistoricalPayment", {
+      header: {
+        type: "breadcrumbs",
+        breadcrumbs: {
+          createHistoricalPayment: e,
+          historicalPaymentSummary: e
+        }
+      }
+    });
+    return m(
+      "createHistoricalPayment",
+      l,
+      (n) => ({
+        ...n,
+        ...i,
+        component: s,
+        companyId: t
+      })
+    );
+  });
+  return /* @__PURE__ */ r(u, { machine: o, onEvent: a });
+}
+export {
+  B as HistoricalPaymentFlow,
+  h as HistoricalPaymentInternalFlow
+};
+//# sourceMappingURL=HistoricalPaymentFlow.js.map