@gusto/embedded-react-sdk 0.48.1 → 0.48.2

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmWireDetailsForm.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useWireInRequestsSubmitMutation,\n  mutationKeyWireInRequestsSubmit,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsSubmit'\nimport { useWireInRequestsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsGet'\nimport type { PutWireInRequestsWireInRequestUuidRequest } from '@gusto/embedded-api-v-2025-11-15/models/operations/putwireinrequestswireinrequestuuid'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport styles from './ConfirmWireDetailsForm.module.scss'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport { DatePickerField, NumberInputField, TextInputField } from '@/components/Common'\nimport { TextAreaField } from '@/components/Common/Fields/TextAreaField'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ConfirmWireDetailsFormProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsForm'> {\n  wireInId: string\n  companyId: string\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n}\n\nexport const ConfirmWireDetailsFormSchema = z.object({\n  amountSent: z.number().positive(),\n  dateSent: z.date(),\n  bankName: z.string().min(1),\n  additionalNotes: z.string().optional(),\n})\n\nexport type ConfirmWireDetailsFormValues = z.infer<typeof ConfirmWireDetailsFormSchema>\n\nconst CONFIRM_WIRE_FORM_ID = 'confirm-wire-details-form'\n\nconst transformFormDataToPayload = (\n  data: ConfirmWireDetailsFormValues,\n): PutWireInRequestsWireInRequestUuidRequest['wireInRequestUpdateRequestBody'] => {\n  return {\n    amountSent: String(data.amountSent),\n    dateSent: data.dateSent.toISOString().split('T')[0] || '',\n    bankName: data.bankName,\n    additionalNotes: data.additionalNotes || undefined,\n  }\n}\n\nexport function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  modalContainerRef,\n}: ConfirmWireDetailsFormProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsForm', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Heading, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { data } = useWireInRequestsGetSuspense({\n    wireInRequestUuid: wireInId,\n  })\n  const wireInRequest = data.wireInRequest\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const payrollData = payrollsData.payrollList?.find(\n    payroll => payroll.payrollUuid === wireInRequest?.paymentUuid,\n  )\n  const payPeriod = payrollData?.payPeriod\n  const payPeriodRange =\n    payPeriod?.startDate && payPeriod.endDate\n      ? dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate)\n      : undefined\n\n  const checkDate = payrollData\n    ? dateFormatter.formatShortWithYear(payrollData.checkDate)\n    : undefined\n\n  const formHandlers = useForm<ConfirmWireDetailsFormValues>({\n    resolver: zodResolver(ConfirmWireDetailsFormSchema),\n    defaultValues: {\n      bankName: '',\n    },\n  })\n\n  const { mutateAsync: submitWireInRequest } = useWireInRequestsSubmitMutation()\n\n  const onSubmit = async (data: ConfirmWireDetailsFormValues) => {\n    await baseSubmitHandler(data, async innerData => {\n      const payload = transformFormDataToPayload(innerData)\n      const response = await submitWireInRequest({\n        request: {\n          wireInRequestUuid: wireInId,\n          wireInRequestUpdateRequestBody: payload,\n        },\n      })\n      onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_DONE, {\n        wireInRequest: response.wireInRequest,\n        confirmationAlert: {\n          title: payPeriodRange\n            ? t('confirmationAlert.title', { payrollRange: payPeriodRange })\n            : t('confirmationAlert.emptyTitle'),\n          content: checkDate ? (\n            <Text>{t('confirmationAlert.content', { checkDate })}</Text>\n          ) : undefined,\n        },\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">\n          <Trans i18nKey=\"title\" t={t} values={{ payrollRange: payPeriodRange }} />\n        </Heading>\n        <Text>{t('description')}</Text>\n      </FlexItem>\n\n      <FormProvider {...formHandlers}>\n        <HtmlForm\n          id={CONFIRM_WIRE_FORM_ID}\n          onSubmit={formHandlers.handleSubmit(onSubmit)}\n          className={styles.form}\n        >\n          <Flex flexDirection=\"column\" gap={20}>\n            <NumberInputField\n              name=\"amountSent\"\n              label={t('amountLabel')}\n              isRequired\n              format=\"currency\"\n              errorMessage={t('validations.amount')}\n            />\n            <DatePickerField\n              name=\"dateSent\"\n              label={t('dateLabel')}\n              isRequired\n              errorMessage={t('validations.date')}\n              portalContainer={modalContainerRef?.current || undefined}\n            />\n            <TextInputField\n              name=\"bankName\"\n              label={t('bankNameLabel')}\n              isRequired\n              description={t('bankNameDescription')}\n              placeholder={t('bankNamePlaceholder')}\n              errorMessage={t('validations.bankName')}\n            />\n            <TextAreaField name=\"additionalNotes\" label={t('notesLabel')} rows={3} />\n          </Flex>\n        </HtmlForm>\n      </FormProvider>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Button } = useComponentContext()\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyWireInRequestsSubmit(),\n  })\n  const isPending = isMutating > 0\n\n  return (\n    <Flex gap={12} justifyContent=\"space-evenly\">\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL)\n          }}\n          isDisabled={isPending}\n          className={styles.button}\n        >\n          {t('cancelCta')}\n        </Button>\n      </FlexItem>\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"primary\"\n          type=\"submit\"\n          form={CONFIRM_WIRE_FORM_ID}\n          isLoading={isPending}\n          className={styles.button}\n        >\n          {t('submitCta')}\n        </Button>\n      </FlexItem>\n    </Flex>\n  )\n}\nConfirmWireDetailsForm.Footer = Footer\n"],"names":["ConfirmWireDetailsFormSchema","z","CONFIRM_WIRE_FORM_ID","transformFormDataToPayload","data","ConfirmWireDetailsForm","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","modalContainerRef","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","useTranslation","Heading","Text","useComponentContext","dateFormatter","useDateFormatter","useWireInRequestsGetSuspense","wireInRequest","payrollsData","usePayrollsListSuspense","payrollData","payroll","payPeriod","payPeriodRange","checkDate","formHandlers","useForm","zodResolver","submitWireInRequest","useWireInRequestsSubmitMutation","onSubmit","innerData","payload","response","payrollWireEvents","jsxs","Flex","FlexItem","Trans","FormProvider","HtmlForm","styles","NumberInputField","DatePickerField","TextInputField","TextAreaField","Footer","t","Button","isPending","useIsMutating","mutationKeyWireInRequestsSubmit"],"mappings":"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"}
+{"version":3,"file":"ConfirmWireDetailsForm.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useWireInRequestsSubmitMutation,\n  mutationKeyWireInRequestsSubmit,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsSubmit'\nimport { useWireInRequestsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsGet'\nimport type { PutWireInRequestsWireInRequestUuidRequest } from '@gusto/embedded-api-v-2025-11-15/models/operations/putwireinrequestswireinrequestuuid'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport styles from './ConfirmWireDetailsForm.module.scss'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex, FlexItem } from '@/components/Common/Flex/Flex'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport { DatePickerField, NumberInputField, TextInputField } from '@/components/Common'\nimport { TextAreaField } from '@/components/Common/Fields/TextAreaField'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ConfirmWireDetailsFormProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsForm'> {\n  wireInId: string\n  companyId: string\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n}\n\nconst ConfirmWireDetailsFormSchema = z.object({\n  amountSent: z.number().positive(),\n  dateSent: z.date(),\n  bankName: z.string().min(1),\n  additionalNotes: z.string().optional(),\n})\n\ntype ConfirmWireDetailsFormValues = z.infer<typeof ConfirmWireDetailsFormSchema>\n\nconst CONFIRM_WIRE_FORM_ID = 'confirm-wire-details-form'\n\nconst transformFormDataToPayload = (\n  data: ConfirmWireDetailsFormValues,\n): PutWireInRequestsWireInRequestUuidRequest['wireInRequestUpdateRequestBody'] => {\n  return {\n    amountSent: String(data.amountSent),\n    dateSent: data.dateSent.toISOString().split('T')[0] || '',\n    bankName: data.bankName,\n    additionalNotes: data.additionalNotes || undefined,\n  }\n}\n\n/** @internal */\nexport function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  modalContainerRef,\n}: ConfirmWireDetailsFormProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsForm', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Heading, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const { data } = useWireInRequestsGetSuspense({\n    wireInRequestUuid: wireInId,\n  })\n  const wireInRequest = data.wireInRequest\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const payrollData = payrollsData.payrollList?.find(\n    payroll => payroll.payrollUuid === wireInRequest?.paymentUuid,\n  )\n  const payPeriod = payrollData?.payPeriod\n  const payPeriodRange =\n    payPeriod?.startDate && payPeriod.endDate\n      ? dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate)\n      : undefined\n\n  const checkDate = payrollData\n    ? dateFormatter.formatShortWithYear(payrollData.checkDate)\n    : undefined\n\n  const formHandlers = useForm<ConfirmWireDetailsFormValues>({\n    resolver: zodResolver(ConfirmWireDetailsFormSchema),\n    defaultValues: {\n      bankName: '',\n    },\n  })\n\n  const { mutateAsync: submitWireInRequest } = useWireInRequestsSubmitMutation()\n\n  const onSubmit = async (data: ConfirmWireDetailsFormValues) => {\n    await baseSubmitHandler(data, async innerData => {\n      const payload = transformFormDataToPayload(innerData)\n      const response = await submitWireInRequest({\n        request: {\n          wireInRequestUuid: wireInId,\n          wireInRequestUpdateRequestBody: payload,\n        },\n      })\n      onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_DONE, {\n        wireInRequest: response.wireInRequest,\n        confirmationAlert: {\n          title: payPeriodRange\n            ? t('confirmationAlert.title', { payrollRange: payPeriodRange })\n            : t('confirmationAlert.emptyTitle'),\n          content: checkDate ? (\n            <Text>{t('confirmationAlert.content', { checkDate })}</Text>\n          ) : undefined,\n        },\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">\n          <Trans i18nKey=\"title\" t={t} values={{ payrollRange: payPeriodRange }} />\n        </Heading>\n        <Text>{t('description')}</Text>\n      </FlexItem>\n\n      <FormProvider {...formHandlers}>\n        <HtmlForm\n          id={CONFIRM_WIRE_FORM_ID}\n          onSubmit={formHandlers.handleSubmit(onSubmit)}\n          className={styles.form}\n        >\n          <Flex flexDirection=\"column\" gap={20}>\n            <NumberInputField\n              name=\"amountSent\"\n              label={t('amountLabel')}\n              isRequired\n              format=\"currency\"\n              errorMessage={t('validations.amount')}\n            />\n            <DatePickerField\n              name=\"dateSent\"\n              label={t('dateLabel')}\n              isRequired\n              errorMessage={t('validations.date')}\n              portalContainer={modalContainerRef?.current || undefined}\n            />\n            <TextInputField\n              name=\"bankName\"\n              label={t('bankNameLabel')}\n              isRequired\n              description={t('bankNameDescription')}\n              placeholder={t('bankNamePlaceholder')}\n              errorMessage={t('validations.bankName')}\n            />\n            <TextAreaField name=\"additionalNotes\" label={t('notesLabel')} rows={3} />\n          </Flex>\n        </HtmlForm>\n      </FormProvider>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Button } = useComponentContext()\n  const isMutating = useIsMutating({\n    mutationKey: mutationKeyWireInRequestsSubmit(),\n  })\n  const isPending = isMutating > 0\n\n  return (\n    <Flex gap={12} justifyContent=\"space-evenly\">\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"secondary\"\n          onClick={() => {\n            onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL)\n          }}\n          isDisabled={isPending}\n          className={styles.button}\n        >\n          {t('cancelCta')}\n        </Button>\n      </FlexItem>\n      <FlexItem flexGrow={1}>\n        <Button\n          variant=\"primary\"\n          type=\"submit\"\n          form={CONFIRM_WIRE_FORM_ID}\n          isLoading={isPending}\n          className={styles.button}\n        >\n          {t('submitCta')}\n        </Button>\n      </FlexItem>\n    </Flex>\n  )\n}\nConfirmWireDetailsForm.Footer = Footer\n"],"names":["ConfirmWireDetailsFormSchema","z","CONFIRM_WIRE_FORM_ID","transformFormDataToPayload","data","ConfirmWireDetailsForm","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","modalContainerRef","useComponentDictionary","useI18n","onEvent","baseSubmitHandler","useBase","useTranslation","Heading","Text","useComponentContext","dateFormatter","useDateFormatter","useWireInRequestsGetSuspense","wireInRequest","payrollsData","usePayrollsListSuspense","payrollData","payroll","payPeriod","payPeriodRange","checkDate","formHandlers","useForm","zodResolver","submitWireInRequest","useWireInRequestsSubmitMutation","onSubmit","innerData","payload","response","payrollWireEvents","jsxs","Flex","FlexItem","Trans","FormProvider","HtmlForm","styles","NumberInputField","DatePickerField","TextInputField","TextAreaField","Footer","t","Button","isPending","useIsMutating","mutationKeyWireInRequestsSubmit"],"mappings":"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"}

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.d.ts

@@ -8,11 +8,11 @@ interface WireInstructionsProps extends BaseComponentInterface<'Payroll.WireInst
     onEvent: OnEventType<EventType, unknown>;
     modalContainerRef?: React.RefObject<HTMLDivElement | null>;
 }
+/** @internal */
 export declare function WireInstructions(props: WireInstructionsProps): import("react").JSX.Element;
 export declare namespace WireInstructions {
     var Footer: ({ onEvent }: {
         onEvent: OnEventType<EventType, unknown>;
     }) => import("react").JSX.Element;
 }
-export declare const Root: ({ companyId, wireInId, selectedWireInId, dictionary, onEvent, modalContainerRef, }: WireInstructionsProps) => import("react").JSX.Element;
 export {};

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.js

@@ -5,6 +5,7 @@ import { useWireInRequestsListSuspense as _ } from "@gusto/embedded-api-v-2025-1
 import { usePayrollsListSuspense as E } from "@gusto/embedded-api-v-2025-11-15/react-query/payrollsList";
 import u from "./WireInstructions.module.scss.js";
 import { BaseComponent as O } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
 import { Flex as p } from "../../../Common/Flex/Flex.js";
 import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as U, useI18n as L } from "../../../../i18n/I18n.js";
@@ -204,7 +205,6 @@ const G = ({
 };
 j.Footer = M;
 export {
-  G as Root,
   j as WireInstructions
 };
 //# sourceMappingURL=WireInstructions.js.map

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.js.map

@@ -1 +1 @@
-{"version":3,"file":"WireInstructions.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport type { ConfirmWireDetailsContextInterface } from '../ConfirmWireDetailsComponents'\nimport styles from './WireInstructions.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface WireInstructionsProps extends BaseComponentInterface<'Payroll.WireInstructions'> {\n  companyId: string\n  wireInId?: string\n  selectedWireInId?: string\n  onEvent: OnEventType<EventType, unknown>\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n}\n\ninterface WireInstructionFieldProps {\n  label: string\n  value: string\n  onCopy?: () => void\n  copyAriaLabel?: string\n  showCopiedMessage?: boolean\n  copiedMessage?: string\n}\n\nfunction useWireInstructionsState(companyId: string, selectedWireInId?: string) {\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const wireInInformation = activeWireInRequests.find(r => r.uuid === selectedWireInId)\n\n  const payrolls = payrollsData.payrollList || []\n\n  const activeWireInRequestsWithPayrolls = useMemo(\n    () =>\n      activeWireInRequests.map(wireInRequest => {\n        const payroll = payrolls.find(p => p.payrollUuid === wireInRequest.paymentUuid)\n        return {\n          wireInRequest,\n          payroll,\n          paymentType: wireInRequest.paymentType,\n          requestedAmount: wireInRequest.requestedAmount ?? '',\n        }\n      }),\n    [activeWireInRequests, payrolls],\n  )\n\n  const selectedInstruction = useMemo(() => {\n    if (!wireInInformation) return null\n\n    const instruction = {\n      id: wireInInformation.uuid || '',\n      trackingCode: wireInInformation.uniqueTrackingCode || '',\n      amount: parseFloat(wireInInformation.requestedAmount || '0'),\n      bankName: wireInInformation.originationBank || '',\n      bankAddress: wireInInformation.originationBankAddress || '',\n      recipientName: wireInInformation.recipientName || '',\n      recipientAddress: wireInInformation.recipientAddress || '',\n      recipientAccountNumber: wireInInformation.recipientAccountNumber || '',\n      recipientRoutingNumber: wireInInformation.recipientRoutingNumber || '',\n    }\n    return instruction\n  }, [wireInInformation])\n\n  return {\n    selectedInstruction,\n    activeWireInRequestsWithPayrolls,\n  }\n}\n\nfunction WireInstructionField({ label, value }: WireInstructionFieldProps) {\n  const { Text } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      <Text className={styles.fieldLabel}>{label}</Text>\n      <Text className={styles.fieldValue}>{value}</Text>\n    </Flex>\n  )\n}\n\nexport function WireInstructions(props: WireInstructionsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({\n  companyId,\n  wireInId,\n  selectedWireInId,\n  dictionary,\n  onEvent,\n  modalContainerRef,\n}: WireInstructionsProps) => {\n  useComponentDictionary('Payroll.WireInstructions', dictionary)\n  useI18n('Payroll.WireInstructions')\n  const { t } = useTranslation('Payroll.WireInstructions')\n  const { Select, Card, Text, UnorderedList, Heading, Alert } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const { selectedInstruction, activeWireInRequestsWithPayrolls } = useWireInstructionsState(\n    companyId,\n    selectedWireInId,\n  )\n\n  const shouldShowDropdown = !wireInId && activeWireInRequestsWithPayrolls.length > 1\n\n  const handleWireInSelection = (updatedSelectedWireInId: string) => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT, {\n      selectedWireInId: updatedSelectedWireInId,\n    })\n  }\n\n  if (activeWireInRequestsWithPayrolls.length === 0 || (selectedWireInId && !selectedInstruction)) {\n    return (\n      <Flex flexDirection=\"column\" gap={24}>\n        <Text>{t('messages.noInstructions')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <div>\n        <Heading as=\"h2\" styledAs=\"h3\">\n          {t('title')}\n        </Heading>\n        <Text className={styles.subtitle}>{t('subtitle')}</Text>\n      </div>\n\n      {shouldShowDropdown && (\n        <Select\n          isRequired\n          portalContainer={modalContainerRef?.current || undefined}\n          label={t('selectLabel')}\n          value={selectedWireInId || ''}\n          options={activeWireInRequestsWithPayrolls.map(\n            ({ wireInRequest, payroll, paymentType, requestedAmount }) => {\n              const payrollRange = payroll?.payPeriod\n                ? dateFormatter.formatPayPeriodRange(\n                    payroll.payPeriod.startDate,\n                    payroll.payPeriod.endDate,\n                  )\n                : ''\n\n              return {\n                label:\n                  paymentType === 'Payroll'\n                    ? payrollRange\n                      ? t('selectLabelPayroll', { payrollRange })\n                      : t('selectFallback')\n                    : paymentType === 'ContractorPaymentGroup'\n                      ? t('selectLabelContractorPaymentGroup', {\n                          requestedAmount: formatCurrency(Number(requestedAmount)),\n                        })\n                      : t('selectFallback'),\n                value: wireInRequest.uuid || '',\n              }\n            },\n          )}\n          onChange={handleWireInSelection}\n        />\n      )}\n      <Alert label={t('requirementsTitle')} disableScrollIntoView>\n        <UnorderedList\n          className={styles.requirementsList}\n          items={[\n            t('requirements.trackingCode'),\n            t('requirements.amountMatch'),\n            t('requirements.usBank'),\n            t('requirements.authorized'),\n          ]}\n        />\n      </Alert>\n      {selectedInstruction && (\n        <Flex flexDirection=\"column\" gap={16}>\n          <Card className={styles.requirementsCard}>\n            <WireInstructionField\n              label={t('fields.trackingCode')}\n              value={selectedInstruction.trackingCode}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.amount')}\n              value={formatCurrency(selectedInstruction.amount)}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.bankName')}\n              value={selectedInstruction.bankName}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.bankAddress')}\n              value={selectedInstruction.bankAddress}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.recipientName')}\n              value={selectedInstruction.recipientName}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.recipientAddress')}\n              value={selectedInstruction.recipientAddress}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.accountNumber')}\n              value={selectedInstruction.recipientAccountNumber}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.routingNumber')}\n              value={selectedInstruction.recipientRoutingNumber}\n            />\n          </Card>\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.WireInstructions')\n  const { t } = useTranslation('Payroll.WireInstructions')\n  const { Button } = useComponentContext()\n  const { companyId, selectedWireInId } = useFlow<ConfirmWireDetailsContextInterface>()\n  const { selectedInstruction } = useWireInstructionsState(companyId, selectedWireInId)\n\n  const handleConfirm = () => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE, {\n      selectedWireInId,\n    })\n  }\n\n  return (\n    <div className={styles.footer}>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_CANCEL)\n        }}\n      >\n        {t('cta.close')}\n      </Button>\n      <Button variant=\"primary\" onClick={handleConfirm} isDisabled={!selectedInstruction}>\n        {t('cta.confirm')}\n      </Button>\n    </div>\n  )\n}\n\nWireInstructions.Footer = Footer\n"],"names":["useWireInstructionsState","companyId","selectedWireInId","wireInRequestsData","useWireInRequestsListSuspense","payrollsData","usePayrollsListSuspense","activeWireInRequests","r","wireInInformation","payrolls","activeWireInRequestsWithPayrolls","useMemo","wireInRequest","payroll","p","WireInstructionField","label","value","Text","useComponentContext","jsxs","Flex","jsx","styles","WireInstructions","props","BaseComponent","Root","wireInId","dictionary","onEvent","modalContainerRef","useComponentDictionary","useI18n","useTranslation","Select","Card","UnorderedList","Heading","Alert","dateFormatter","useDateFormatter","formatCurrency","useNumberFormatter","selectedInstruction","shouldShowDropdown","handleWireInSelection","updatedSelectedWireInId","payrollWireEvents","paymentType","requestedAmount","payrollRange","Footer","t","Button","useFlow","handleConfirm"],"mappings":"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"}
+{"version":3,"file":"WireInstructions.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/wireInRequestsList'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsList'\nimport type { ConfirmWireDetailsContextInterface } from '../ConfirmWireDetailsComponents'\nimport styles from './WireInstructions.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useFlow } from '@/components/Flow/useFlow'\n\ninterface WireInstructionsProps extends BaseComponentInterface<'Payroll.WireInstructions'> {\n  companyId: string\n  wireInId?: string\n  selectedWireInId?: string\n  onEvent: OnEventType<EventType, unknown>\n  modalContainerRef?: React.RefObject<HTMLDivElement | null>\n}\n\ninterface WireInstructionFieldProps {\n  label: string\n  value: string\n  onCopy?: () => void\n  copyAriaLabel?: string\n  showCopiedMessage?: boolean\n  copiedMessage?: string\n}\n\nfunction useWireInstructionsState(companyId: string, selectedWireInId?: string) {\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    r => r.status === 'awaiting_funds',\n  )\n\n  const wireInInformation = activeWireInRequests.find(r => r.uuid === selectedWireInId)\n\n  const payrolls = payrollsData.payrollList || []\n\n  const activeWireInRequestsWithPayrolls = useMemo(\n    () =>\n      activeWireInRequests.map(wireInRequest => {\n        const payroll = payrolls.find(p => p.payrollUuid === wireInRequest.paymentUuid)\n        return {\n          wireInRequest,\n          payroll,\n          paymentType: wireInRequest.paymentType,\n          requestedAmount: wireInRequest.requestedAmount ?? '',\n        }\n      }),\n    [activeWireInRequests, payrolls],\n  )\n\n  const selectedInstruction = useMemo(() => {\n    if (!wireInInformation) return null\n\n    const instruction = {\n      id: wireInInformation.uuid || '',\n      trackingCode: wireInInformation.uniqueTrackingCode || '',\n      amount: parseFloat(wireInInformation.requestedAmount || '0'),\n      bankName: wireInInformation.originationBank || '',\n      bankAddress: wireInInformation.originationBankAddress || '',\n      recipientName: wireInInformation.recipientName || '',\n      recipientAddress: wireInInformation.recipientAddress || '',\n      recipientAccountNumber: wireInInformation.recipientAccountNumber || '',\n      recipientRoutingNumber: wireInInformation.recipientRoutingNumber || '',\n    }\n    return instruction\n  }, [wireInInformation])\n\n  return {\n    selectedInstruction,\n    activeWireInRequestsWithPayrolls,\n  }\n}\n\nfunction WireInstructionField({ label, value }: WireInstructionFieldProps) {\n  const { Text } = useComponentContext()\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      <Text className={styles.fieldLabel}>{label}</Text>\n      <Text className={styles.fieldValue}>{value}</Text>\n    </Flex>\n  )\n}\n\n/** @internal */\nexport function WireInstructions(props: WireInstructionsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  companyId,\n  wireInId,\n  selectedWireInId,\n  dictionary,\n  onEvent,\n  modalContainerRef,\n}: WireInstructionsProps) => {\n  useComponentDictionary('Payroll.WireInstructions', dictionary)\n  useI18n('Payroll.WireInstructions')\n  const { t } = useTranslation('Payroll.WireInstructions')\n  const { Select, Card, Text, UnorderedList, Heading, Alert } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const formatCurrency = useNumberFormatter('currency')\n\n  const { selectedInstruction, activeWireInRequestsWithPayrolls } = useWireInstructionsState(\n    companyId,\n    selectedWireInId,\n  )\n\n  const shouldShowDropdown = !wireInId && activeWireInRequestsWithPayrolls.length > 1\n\n  const handleWireInSelection = (updatedSelectedWireInId: string) => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT, {\n      selectedWireInId: updatedSelectedWireInId,\n    })\n  }\n\n  if (activeWireInRequestsWithPayrolls.length === 0 || (selectedWireInId && !selectedInstruction)) {\n    return (\n      <Flex flexDirection=\"column\" gap={24}>\n        <Text>{t('messages.noInstructions')}</Text>\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <div>\n        <Heading as=\"h2\" styledAs=\"h3\">\n          {t('title')}\n        </Heading>\n        <Text className={styles.subtitle}>{t('subtitle')}</Text>\n      </div>\n\n      {shouldShowDropdown && (\n        <Select\n          isRequired\n          portalContainer={modalContainerRef?.current || undefined}\n          label={t('selectLabel')}\n          value={selectedWireInId || ''}\n          options={activeWireInRequestsWithPayrolls.map(\n            ({ wireInRequest, payroll, paymentType, requestedAmount }) => {\n              const payrollRange = payroll?.payPeriod\n                ? dateFormatter.formatPayPeriodRange(\n                    payroll.payPeriod.startDate,\n                    payroll.payPeriod.endDate,\n                  )\n                : ''\n\n              return {\n                label:\n                  paymentType === 'Payroll'\n                    ? payrollRange\n                      ? t('selectLabelPayroll', { payrollRange })\n                      : t('selectFallback')\n                    : paymentType === 'ContractorPaymentGroup'\n                      ? t('selectLabelContractorPaymentGroup', {\n                          requestedAmount: formatCurrency(Number(requestedAmount)),\n                        })\n                      : t('selectFallback'),\n                value: wireInRequest.uuid || '',\n              }\n            },\n          )}\n          onChange={handleWireInSelection}\n        />\n      )}\n      <Alert label={t('requirementsTitle')} disableScrollIntoView>\n        <UnorderedList\n          className={styles.requirementsList}\n          items={[\n            t('requirements.trackingCode'),\n            t('requirements.amountMatch'),\n            t('requirements.usBank'),\n            t('requirements.authorized'),\n          ]}\n        />\n      </Alert>\n      {selectedInstruction && (\n        <Flex flexDirection=\"column\" gap={16}>\n          <Card className={styles.requirementsCard}>\n            <WireInstructionField\n              label={t('fields.trackingCode')}\n              value={selectedInstruction.trackingCode}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.amount')}\n              value={formatCurrency(selectedInstruction.amount)}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.bankName')}\n              value={selectedInstruction.bankName}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.bankAddress')}\n              value={selectedInstruction.bankAddress}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.recipientName')}\n              value={selectedInstruction.recipientName}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.recipientAddress')}\n              value={selectedInstruction.recipientAddress}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.accountNumber')}\n              value={selectedInstruction.recipientAccountNumber}\n            />\n\n            <hr />\n\n            <WireInstructionField\n              label={t('fields.routingNumber')}\n              value={selectedInstruction.recipientRoutingNumber}\n            />\n          </Card>\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.WireInstructions')\n  const { t } = useTranslation('Payroll.WireInstructions')\n  const { Button } = useComponentContext()\n  const { companyId, selectedWireInId } = useFlow<ConfirmWireDetailsContextInterface>()\n  const { selectedInstruction } = useWireInstructionsState(companyId, selectedWireInId)\n\n  const handleConfirm = () => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE, {\n      selectedWireInId,\n    })\n  }\n\n  return (\n    <div className={styles.footer}>\n      <Button\n        variant=\"secondary\"\n        onClick={() => {\n          onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_CANCEL)\n        }}\n      >\n        {t('cta.close')}\n      </Button>\n      <Button variant=\"primary\" onClick={handleConfirm} isDisabled={!selectedInstruction}>\n        {t('cta.confirm')}\n      </Button>\n    </div>\n  )\n}\n\nWireInstructions.Footer = Footer\n"],"names":["useWireInstructionsState","companyId","selectedWireInId","wireInRequestsData","useWireInRequestsListSuspense","payrollsData","usePayrollsListSuspense","activeWireInRequests","r","wireInInformation","payrolls","activeWireInRequestsWithPayrolls","useMemo","wireInRequest","payroll","p","WireInstructionField","label","value","Text","useComponentContext","jsxs","Flex","jsx","styles","WireInstructions","props","BaseComponent","Root","wireInId","dictionary","onEvent","modalContainerRef","useComponentDictionary","useI18n","useTranslation","Select","Card","UnorderedList","Heading","Alert","dateFormatter","useDateFormatter","formatCurrency","useNumberFormatter","selectedInstruction","shouldShowDropdown","handleWireInSelection","updatedSelectedWireInId","payrollWireEvents","paymentType","requestedAmount","payrollRange","Footer","t","Button","useFlow","handleConfirm"],"mappings":"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"}

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.d.ts

@@ -1,18 +1,29 @@
 import { ConfirmationAlert } from './types';
 import { payrollWireEvents } from '../../../shared/constants';
+/**
+ * Payload shapes for each wire-confirmation state machine event.
+ *
+ * @internal
+ */
 export type EventPayloads = {
+    /** Wire-in request selected within the instructions screen. */
     [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {
         selectedWireInId: string;
     };
+    /** Banner button pressed to begin the wire transfer flow. */
     [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined;
+    /** Instructions screen completed; advances to the confirmation form. */
     [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {
         selectedWireInId: string;
     };
+    /** Confirmation form submitted; carries the alert to surface on the banner. */
     [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {
         confirmationAlert: ConfirmationAlert;
     };
+    /** Confirmation form cancelled. */
     [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined;
 };
+/** @internal */
 export declare const confirmWireDetailsMachine: {
     banner: import('robot3').MachineState<any>;
     wireInstructions: import('robot3').MachineState<any>;

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmationAlert } from './types'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {\n    selectedWireInId: string\n  }\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {\n    selectedWireInId: string\n  }\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    confirmationAlert: ConfirmationAlert\n  }\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: WireInstructionsContextual,\n        }),\n      ),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT,\n      'wireInstructions',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n          confirmationAlert: ev.payload.confirmationAlert,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ev","ConfirmWireDetailsFormContextual"],"mappings":";;;AAwBO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,kBAAkBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAWG;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAW;AAAA,UACX,mBAAmBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}
+{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmationAlert } from './types'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * Payload shapes for each wire-confirmation state machine event.\n *\n * @internal\n */\nexport type EventPayloads = {\n  /** Wire-in request selected within the instructions screen. */\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {\n    selectedWireInId: string\n  }\n  /** Banner button pressed to begin the wire transfer flow. */\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  /** Instructions screen completed; advances to the confirmation form. */\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {\n    selectedWireInId: string\n  }\n  /** Confirmation form submitted; carries the alert to surface on the banner. */\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    confirmationAlert: ConfirmationAlert\n  }\n  /** Confirmation form cancelled. */\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\n/** @internal */\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: WireInstructionsContextual,\n        }),\n      ),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT,\n      'wireInstructions',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n          confirmationAlert: ev.payload.confirmationAlert,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ev","ConfirmWireDetailsFormContextual"],"mappings":";;;AAmCO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,kBAAkBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAWG;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAW;AAAA,UACX,mBAAmBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}

package/dist/components/Payroll/ConfirmWireDetails/index.d.ts

@@ -1,4 +1,3 @@
 import "./types/i18next.d.ts"
 export { ConfirmWireDetails } from './ConfirmWireDetails';
-export type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents';
-export type { ConfirmationAlert, ConfirmWireDetailsProps, ConfirmWireDetailsComponentType, } from './types';
+export type { ConfirmWireDetailsProps, ConfirmWireDetailsComponentType } from './types';

package/dist/components/Payroll/ConfirmWireDetails/types.d.ts

@@ -1,12 +1,35 @@
 import { ComponentType, ReactNode } from 'react';
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Confirmation message shown after a wire-in request has been submitted.
+ *
+ * @internal
+ */
 export interface ConfirmationAlert {
+    /** Alert title text. */
     title: string;
+    /** Optional supplemental content rendered beneath the title. */
     content?: ReactNode;
 }
+/**
+ * Props for the {@link ConfirmWireDetails} component.
+ *
+ * @public
+ */
 export interface ConfirmWireDetailsProps {
+    /** The associated company identifier. */
     companyId: string;
+    /** Optional wire-in request identifier. If not provided, the first active wire-in request is used. */
     wireInId?: string;
+    /** Callback invoked with wire-confirmation lifecycle events. See the events table on {@link ConfirmWireDetails}. */
     onEvent?: BaseComponentInterface['onEvent'];
 }
+/**
+ * Component type matching the {@link ConfirmWireDetails} signature.
+ *
+ * Use this when supplying a custom wire-confirmation UI to a payroll flow via a
+ * `ConfirmWireDetailsComponent` prop.
+ *
+ * @public
+ */
 export type ConfirmWireDetailsComponentType = ComponentType<ConfirmWireDetailsProps>;

package/dist/components/Payroll/Dismissal/DismissalFlow.d.ts

@@ -1,2 +1,20 @@
 import { DismissalFlowProps } from './DismissalFlowComponents';
+/**
+ * Guided workflow for running a terminated employee's final payroll.
+ *
+ * @remarks
+ * Presents unprocessed termination pay periods for the employee, creates an off-cycle payroll for the selected period with the `"Dismissed employee"` off-cycle reason, and then transitions into the standard payroll execution flow for configuration, review, submission, and receipts.
+ *
+ * When `payrollId` is provided, pay period selection is skipped and the flow starts directly at execution for that payroll. When omitted, the flow starts at pay period selection.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `dismissal/payPeriod/selected` | A pay period is selected and the dismissal payroll is created | `{ payrollUuid: string }` |
+ *
+ * Once the payroll is created, all standard run-payroll events (e.g. `runPayroll/calculated`, `runPayroll/submitted`, `runPayroll/processed`) are emitted during execution.
+ *
+ * @param props - {@link DismissalFlowProps} with the company, employee, optional payroll, and event handler.
+ * @returns The composed dismissal payroll flow.
+ * @public
+ */
 export declare function DismissalFlow({ companyId, employeeId, onEvent, payrollId }: DismissalFlowProps): import("react").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalFlow.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { dismissalMachine, dismissalBreadcrumbsNodes } from './dismissalStateMachine'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n  type DismissalFlowProps,\n} from './DismissalFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function DismissalFlow({ companyId, employeeId, onEvent, payrollId }: DismissalFlowProps) {\n  const dismissalFlowMachine = useMemo(() => {\n    const shouldAutoAdvance = Boolean(payrollId) && Boolean(employeeId)\n    const initialState = shouldAutoAdvance ? 'execution' : 'payPeriodSelection'\n    const initialComponent = shouldAutoAdvance\n      ? DismissalExecutionContextual\n      : DismissalPayPeriodSelectionContextual\n\n    return createMachine(\n      initialState,\n      dismissalMachine,\n      (initialContext: DismissalFlowContextInterface) => ({\n        ...initialContext,\n        component: initialComponent,\n        companyId,\n        employeeId,\n        payrollUuid: payrollId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(dismissalBreadcrumbsNodes),\n          currentBreadcrumbId: shouldAutoAdvance ? undefined : 'payPeriodSelection',\n        },\n      }),\n    )\n  }, [companyId, employeeId, payrollId])\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <Flow machine={dismissalFlowMachine} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n"],"names":["DismissalFlow","companyId","employeeId","onEvent","payrollId","dismissalFlowMachine","useMemo","shouldAutoAdvance","initialState","initialComponent","DismissalExecutionContextual","DismissalPayPeriodSelectionContextual","createMachine","dismissalMachine","initialContext","buildBreadcrumbs","dismissalBreadcrumbsNodes","jsx","BaseComponent","Flow"],"mappings":";;;;;;;;AAaO,SAASA,EAAc,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,KAAiC;AAC/F,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAoB,EAAQH,KAAc,EAAQF,GAClDM,IAAeD,IAAoB,cAAc,sBACjDE,IAAmBF,IACrBG,IACAC;AAEJ,WAAOC;AAAA,MACLJ;AAAA,MACAK;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWL;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,QACA,aAAaE;AAAA,QACb,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaW,EAAiBC,CAAyB;AAAA,UACvD,qBAAqBT,IAAoB,SAAY;AAAA,QAAA;AAAA,MACvD;AAAA,IACF;AAAA,EAEJ,GAAG,CAACN,GAAWC,GAAYE,CAAS,CAAC;AAErC,SACE,gBAAAa,EAACC,KAAc,SAAAf,GACb,UAAA,gBAAAc,EAACE,KAAK,SAASd,GAAsB,SAAAF,GAAkB,EAAA,CACzD;AAEJ;"}
+{"version":3,"file":"DismissalFlow.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { dismissalMachine, dismissalBreadcrumbsNodes } from './dismissalStateMachine'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n  type DismissalFlowProps,\n} from './DismissalFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\n/**\n * Guided workflow for running a terminated employee's final payroll.\n *\n * @remarks\n * Presents unprocessed termination pay periods for the employee, creates an off-cycle payroll for the selected period with the `\"Dismissed employee\"` off-cycle reason, and then transitions into the standard payroll execution flow for configuration, review, submission, and receipts.\n *\n * When `payrollId` is provided, pay period selection is skipped and the flow starts directly at execution for that payroll. When omitted, the flow starts at pay period selection.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `dismissal/payPeriod/selected` | A pay period is selected and the dismissal payroll is created | `{ payrollUuid: string }` |\n *\n * Once the payroll is created, all standard run-payroll events (e.g. `runPayroll/calculated`, `runPayroll/submitted`, `runPayroll/processed`) are emitted during execution.\n *\n * @param props - {@link DismissalFlowProps} with the company, employee, optional payroll, and event handler.\n * @returns The composed dismissal payroll flow.\n * @public\n */\nexport function DismissalFlow({ companyId, employeeId, onEvent, payrollId }: DismissalFlowProps) {\n  const dismissalFlowMachine = useMemo(() => {\n    const shouldAutoAdvance = Boolean(payrollId) && Boolean(employeeId)\n    const initialState = shouldAutoAdvance ? 'execution' : 'payPeriodSelection'\n    const initialComponent = shouldAutoAdvance\n      ? DismissalExecutionContextual\n      : DismissalPayPeriodSelectionContextual\n\n    return createMachine(\n      initialState,\n      dismissalMachine,\n      (initialContext: DismissalFlowContextInterface) => ({\n        ...initialContext,\n        component: initialComponent,\n        companyId,\n        employeeId,\n        payrollUuid: payrollId,\n        header: {\n          type: 'breadcrumbs' as const,\n          breadcrumbs: buildBreadcrumbs(dismissalBreadcrumbsNodes),\n          currentBreadcrumbId: shouldAutoAdvance ? undefined : 'payPeriodSelection',\n        },\n      }),\n    )\n  }, [companyId, employeeId, payrollId])\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <Flow machine={dismissalFlowMachine} onEvent={onEvent} />\n    </BaseComponent>\n  )\n}\n"],"names":["DismissalFlow","companyId","employeeId","onEvent","payrollId","dismissalFlowMachine","useMemo","shouldAutoAdvance","initialState","initialComponent","DismissalExecutionContextual","DismissalPayPeriodSelectionContextual","createMachine","dismissalMachine","initialContext","buildBreadcrumbs","dismissalBreadcrumbsNodes","jsx","BaseComponent","Flow"],"mappings":";;;;;;;;AA+BO,SAASA,EAAc,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,WAAAC,KAAiC;AAC/F,QAAMC,IAAuBC,EAAQ,MAAM;AACzC,UAAMC,IAAoB,EAAQH,KAAc,EAAQF,GAClDM,IAAeD,IAAoB,cAAc,sBACjDE,IAAmBF,IACrBG,IACAC;AAEJ,WAAOC;AAAA,MACLJ;AAAA,MACAK;AAAA,MACA,CAACC,OAAmD;AAAA,QAClD,GAAGA;AAAA,QACH,WAAWL;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,QACA,aAAaE;AAAA,QACb,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaW,EAAiBC,CAAyB;AAAA,UACvD,qBAAqBT,IAAoB,SAAY;AAAA,QAAA;AAAA,MACvD;AAAA,IACF;AAAA,EAEJ,GAAG,CAACN,GAAWC,GAAYE,CAAS,CAAC;AAErC,SACE,gBAAAa,EAACC,KAAc,SAAAf,GACb,UAAA,gBAAAc,EAACE,KAAK,SAASd,GAAsB,SAAAF,GAAkB,EAAA,CACzD;AAEJ;"}

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.d.ts

@@ -1,16 +1,31 @@
 import { FlowContextInterface } from '../../Flow/useFlow';
 import { OnEventType } from '../../Base/useBase';
 import { EventType } from '../../../shared/constants';
+/** @internal */
 export interface DismissalFlowContextInterface extends FlowContextInterface {
+    /** The associated company identifier. */
     companyId: string;
+    /** The terminated employee whose final payroll is being run. */
     employeeId?: string;
+    /** The dismissal payroll identifier, set once a pay period has been selected and the payroll created. */
     payrollUuid?: string;
 }
+/**
+ * Props for {@link DismissalFlow}.
+ *
+ * @public
+ */
 export interface DismissalFlowProps {
+    /** The associated company identifier. */
     companyId: string;
+    /** The terminated employee whose final payroll is being run. */
     employeeId?: string;
+    /** Handler for events emitted by the flow. See {@link DismissalFlow} for the event table. */
     onEvent: OnEventType<EventType, unknown>;
+    /** Optional dismissal payroll identifier. When provided, the flow skips pay period selection and starts directly at payroll execution. */
     payrollId?: string;
 }
+/** @internal */
 export declare function DismissalPayPeriodSelectionContextual(): import("react").JSX.Element;
+/** @internal */
 export declare function DismissalExecutionContextual(): import("react").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  payrollUuid?: string\n}\n\nexport interface DismissalFlowProps {\n  companyId: string\n  employeeId?: string\n  onEvent: OnEventType<EventType, unknown>\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, header } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.['payPeriodSelection']?.[0] : undefined\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","header","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA0BO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,QAAAO,EAAA,IAAWN,EAAA,GAE9CO,IACJD,GAAQ,SAAS,gBAAgBA,EAAO,aAAc,qBAAwB,CAAC,IAAI,QAC/EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAkB;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"DismissalFlowComponents.js","sources":["../../../../src/components/Payroll/Dismissal/DismissalFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection/DismissalPayPeriodSelection'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { BaseComponent } from '@/components/Base/Base'\n\n/** @internal */\nexport interface DismissalFlowContextInterface extends FlowContextInterface {\n  /** The associated company identifier. */\n  companyId: string\n  /** The terminated employee whose final payroll is being run. */\n  employeeId?: string\n  /** The dismissal payroll identifier, set once a pay period has been selected and the payroll created. */\n  payrollUuid?: string\n}\n\n/**\n * Props for {@link DismissalFlow}.\n *\n * @public\n */\nexport interface DismissalFlowProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** The terminated employee whose final payroll is being run. */\n  employeeId?: string\n  /** Handler for events emitted by the flow. See {@link DismissalFlow} for the event table. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Optional dismissal payroll identifier. When provided, the flow skips pay period selection and starts directly at payroll execution. */\n  payrollId?: string\n}\n\n/** @internal */\nexport function DismissalPayPeriodSelectionContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<DismissalFlowContextInterface>()\n  return (\n    <DismissalPayPeriodSelection\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function DismissalExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, header } = useFlow<DismissalFlowContextInterface>()\n\n  const payPeriodSelectionBreadcrumb =\n    header?.type === 'breadcrumbs' ? header.breadcrumbs?.['payPeriodSelection']?.[0] : undefined\n  const prefixBreadcrumbs = useMemo(() => {\n    return payPeriodSelectionBreadcrumb ? [payPeriodSelectionBreadcrumb] : undefined\n  }, [payPeriodSelectionBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <DismissalExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype DismissalExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction DismissalExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: DismissalExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      isDismissalPayroll\n      {...rest}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelectionContextual","companyId","employeeId","onEvent","useFlow","jsx","DismissalPayPeriodSelection","ensureRequired","DismissalExecutionContextual","payrollUuid","header","payPeriodSelectionBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","DismissalExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AAwCO,SAASA,IAAwC;AACtD,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASK,IAA+B;AAC7C,QAAM,EAAE,WAAAP,GAAW,aAAAQ,GAAa,SAAAN,GAAS,QAAAO,EAAA,IAAWN,EAAA,GAE9CO,IACJD,GAAQ,SAAS,gBAAgBA,EAAO,aAAc,qBAAwB,CAAC,IAAI,QAC/EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeN,CAAS,GAC5Cc,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA2B;AAAA,EAClC,WAAAhB;AAAA,EACA,WAAAiB;AAAA,EACA,GAAGC;AACL,GAAoC;AAClC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAApB,GAAW,WAAAiB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAtB;AAAA,MACA,WAAAiB;AAAA,MACA,kBAAAI;AAAA,MACA,oBAAkB;AAAA,MACjB,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.d.ts

@@ -1,7 +1,31 @@
 import { BaseComponentInterface } from '../../../Base/Base';
+/**
+ * Props for {@link DismissalPayPeriodSelection}.
+ *
+ * @public
+ */
 export interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {
+    /** Identifier of the company the dismissal payroll belongs to. */
     companyId: string;
+    /** Identifier of the terminated employee. When provided, the available pay periods are filtered to this employee. */
     employeeId?: string;
+    /** Identifier of an existing dismissal payroll. When provided alongside `employeeId`, pay period selection is skipped and the component immediately emits the selection event. */
     payrollId?: string;
 }
+/**
+ * Pay period selection step for the dismissal payroll workflow.
+ *
+ * Lists the terminated employee's unprocessed termination pay periods and, on submit, creates an off-cycle payroll with the "Dismissed employee" reason for the selected period. When only one pay period is available it is pre-selected. When both `payrollId` and `employeeId` are supplied the step is skipped and the selection event fires immediately with the existing payroll.
+ *
+ * @remarks
+ * Events:
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `dismissal/payPeriod/selected` | Fired after a pay period is selected and the off-cycle payroll has been created, or immediately when `payrollId` is supplied. | `{ payrollUuid: string }` |
+ *
+ * @param props - See {@link DismissalPayPeriodSelectionProps}.
+ * @returns The rendered pay period selection step, or nothing while auto-advancing past selection.
+ * @public
+ */
 export declare function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps): import("react").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalPayPeriodSelection.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsCreateOffCycle'\nimport type { UnprocessedTerminationPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/unprocessedterminationpayperiod'\nimport { OffCycleReason } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api-v-2025-11-15/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport { DismissalPayPeriodSelectionPresentation } from './DismissalPayPeriodSelectionPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { formatPayPeriodRange } from '@/helpers/dateFormatting'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {\n  companyId: string\n  employeeId?: string\n  payrollId?: string\n}\n\nexport function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ntype RequiredPayPeriod = UnprocessedTerminationPayPeriod &\n  Required<Pick<UnprocessedTerminationPayPeriod, 'startDate' | 'endDate' | 'employeeUuid'>>\n\nconst payPeriodKey = (period: RequiredPayPeriod) => `${period.startDate}__${period.endDate}`\n\nfunction Root({ companyId, employeeId, payrollId, dictionary }: DismissalPayPeriodSelectionProps) {\n  useComponentDictionary('Payroll.Dismissal', dictionary)\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = usePaySchedulesGetUnprocessedTerminationPeriodsSuspense({ companyId })\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const shouldAutoAdvance = Boolean(payrollId) && Boolean(employeeId)\n\n  useEffect(() => {\n    if (payrollId && employeeId) {\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: payrollId })\n    }\n  }, [payrollId, employeeId, onEvent])\n\n  const employeePayPeriods: RequiredPayPeriod[] = useMemo(() => {\n    const allPeriods = data.unprocessedTerminationPayPeriods ?? []\n    return allPeriods\n      .filter(period => !employeeId || period.employeeUuid === employeeId)\n      .filter(\n        (period): period is RequiredPayPeriod =>\n          Boolean(period.startDate) && Boolean(period.endDate) && Boolean(period.employeeUuid),\n      )\n  }, [data, employeeId])\n\n  const payPeriodOptions: SelectOption[] = useMemo(() => {\n    return employeePayPeriods.map(period => {\n      const dateRange = formatPayPeriodRange(period.startDate, period.endDate)\n      const label = period.employeeName ? `${dateRange} (${period.employeeName})` : dateRange\n      return {\n        value: payPeriodKey(period),\n        label,\n      }\n    })\n  }, [employeePayPeriods])\n\n  const initialSelection = payPeriodOptions.length === 1 ? payPeriodOptions[0]!.value : undefined\n  const [selectedPeriodKey, setSelectedPeriodKey] = useState(initialSelection)\n\n  const handleSubmit = async () => {\n    await baseSubmitHandler({ selectedPeriodKey }, async () => {\n      if (selectedPeriodKey === undefined) {\n        throw new SDKInternalError(t('errors.noPayPeriodSelected'))\n      }\n\n      const period = employeePayPeriods.find(p => payPeriodKey(p) === selectedPeriodKey)\n      if (!period) {\n        throw new SDKInternalError(t('errors.invalidPayPeriod'))\n      }\n\n      const resolvedEmployeeId = employeeId ?? period.employeeUuid\n\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.DismissedEmployee,\n            startDate: new RFCDate(period.startDate),\n            endDate: new RFCDate(period.endDate),\n            employeeUuids: [resolvedEmployeeId],\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid })\n    })\n  }\n\n  if (shouldAutoAdvance) {\n    return null\n  }\n\n  return (\n    <DismissalPayPeriodSelectionPresentation\n      payPeriodOptions={payPeriodOptions}\n      selectedPeriodKey={selectedPeriodKey}\n      onSelectPeriod={setSelectedPeriodKey}\n      onSubmit={handleSubmit}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelection","props","jsx","BaseComponent","Root","payPeriodKey","period","companyId","employeeId","payrollId","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","data","usePaySchedulesGetUnprocessedTerminationPeriodsSuspense","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","shouldAutoAdvance","useEffect","componentEvents","employeePayPeriods","useMemo","payPeriodOptions","dateRange","formatPayPeriodRange","label","initialSelection","selectedPeriodKey","setSelectedPeriodKey","useState","handleSubmit","SDKInternalError","p","resolvedEmployeeId","response","OffCycleReason","RFCDate","payrollUuid","DismissalPayPeriodSelectionPresentation"],"mappings":";;;;;;;;;;;;;;AAuBO,SAASA,GAA4BC,GAAyC;AACnF,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAKA,MAAMI,IAAe,CAACC,MAA8B,GAAGA,EAAO,SAAS,KAAKA,EAAO,OAAO;AAE1F,SAASF,EAAK,EAAE,WAAAG,GAAW,YAAAC,GAAY,WAAAC,GAAW,YAAAC,KAAgD;AAChG,EAAAC,EAAuB,qBAAqBD,CAAU,GACtDE,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,MAAAC,EAAA,IAASC,EAAwD,EAAE,WAAAZ,GAAW,GAChF,EAAE,aAAaa,GAAuB,WAAAC,EAAA,IAAcC,EAAA,GAEpDC,IAAoB,EAAQd,KAAc,EAAQD;AAExD,EAAAgB,EAAU,MAAM;AACd,IAAIf,KAAaD,KACfO,EAAQU,EAAgB,+BAA+B,EAAE,aAAahB,GAAW;AAAA,EAErF,GAAG,CAACA,GAAWD,GAAYO,CAAO,CAAC;AAEnC,QAAMW,IAA0CC,EAAQ,OACnCT,EAAK,oCAAoC,CAAA,GAEzD,OAAO,CAAAZ,MAAU,CAACE,KAAcF,EAAO,iBAAiBE,CAAU,EAClE;AAAA,IACC,CAACF,MACC,EAAQA,EAAO,aAAc,EAAQA,EAAO,WAAY,EAAQA,EAAO;AAAA,EAAY,GAExF,CAACY,GAAMV,CAAU,CAAC,GAEfoB,IAAmCD,EAAQ,MACxCD,EAAmB,IAAI,CAAApB,MAAU;AACtC,UAAMuB,IAAYC,EAAqBxB,EAAO,WAAWA,EAAO,OAAO,GACjEyB,IAAQzB,EAAO,eAAe,GAAGuB,CAAS,KAAKvB,EAAO,YAAY,MAAMuB;AAC9E,WAAO;AAAA,MACL,OAAOxB,EAAaC,CAAM;AAAA,MAC1B,OAAAyB;AAAA,IAAA;AAAA,EAEJ,CAAC,GACA,CAACL,CAAkB,CAAC,GAEjBM,IAAmBJ,EAAiB,WAAW,IAAIA,EAAiB,CAAC,EAAG,QAAQ,QAChF,CAACK,GAAmBC,CAAoB,IAAIC,EAASH,CAAgB,GAErEI,IAAe,YAAY;AAC/B,UAAMpB,EAAkB,EAAE,mBAAAiB,EAAA,GAAqB,YAAY;AACzD,UAAIA,MAAsB;AACxB,cAAM,IAAII,EAAiBxB,EAAE,4BAA4B,CAAC;AAG5D,YAAMP,IAASoB,EAAmB,KAAK,OAAKrB,EAAaiC,CAAC,MAAML,CAAiB;AACjF,UAAI,CAAC3B;AACH,cAAM,IAAI+B,EAAiBxB,EAAE,yBAAyB,CAAC;AAGzD,YAAM0B,IAAqB/B,KAAcF,EAAO,cAE1CkC,IAAW,MAAMpB,EAAsB;AAAA,QAC3C,SAAS;AAAA,UACP,WAAAb;AAAA,UACA,aAAa;AAAA,YACX,UAAU;AAAA,YACV,gBAAgBkC,EAAe;AAAA,YAC/B,WAAW,IAAIC,EAAQpC,EAAO,SAAS;AAAA,YACvC,SAAS,IAAIoC,EAAQpC,EAAO,OAAO;AAAA,YACnC,eAAe,CAACiC,CAAkB;AAAA,UAAA;AAAA,QACpC;AAAA,MACF,CACD,GAEKI,IACJH,EAAS,oBAAoB,eAAeA,EAAS,oBAAoB;AAE3E,UAAI,CAACG;AACH,cAAM,IAAIN,EAAiBxB,EAAE,yBAAyB,CAAC;AAGzD,MAAAE,EAAQU,EAAgB,+BAA+B,EAAE,aAAAkB,EAAA,CAAa;AAAA,IACxE,CAAC;AAAA,EACH;AAEA,SAAIpB,IACK,OAIP,gBAAArB;AAAA,IAAC0C;AAAA,IAAA;AAAA,MACC,kBAAAhB;AAAA,MACA,mBAAAK;AAAA,MACA,gBAAgBC;AAAA,MAChB,UAAUE;AAAA,MACV,WAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"DismissalPayPeriodSelection.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelection.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { usePaySchedulesGetUnprocessedTerminationPeriodsSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/payrollsCreateOffCycle'\nimport type { UnprocessedTerminationPayPeriod } from '@gusto/embedded-api-v-2025-11-15/models/components/unprocessedterminationpayperiod'\nimport { OffCycleReason } from '@gusto/embedded-api-v-2025-11-15/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api-v-2025-11-15/types/rfcdate'\nimport { useTranslation } from 'react-i18next'\nimport { DismissalPayPeriodSelectionPresentation } from './DismissalPayPeriodSelectionPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { formatPayPeriodRange } from '@/helpers/dateFormatting'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\n/**\n * Props for {@link DismissalPayPeriodSelection}.\n *\n * @public\n */\nexport interface DismissalPayPeriodSelectionProps extends BaseComponentInterface<'Payroll.Dismissal'> {\n  /** Identifier of the company the dismissal payroll belongs to. */\n  companyId: string\n  /** Identifier of the terminated employee. When provided, the available pay periods are filtered to this employee. */\n  employeeId?: string\n  /** Identifier of an existing dismissal payroll. When provided alongside `employeeId`, pay period selection is skipped and the component immediately emits the selection event. */\n  payrollId?: string\n}\n\n/**\n * Pay period selection step for the dismissal payroll workflow.\n *\n * Lists the terminated employee's unprocessed termination pay periods and, on submit, creates an off-cycle payroll with the \"Dismissed employee\" reason for the selected period. When only one pay period is available it is pre-selected. When both `payrollId` and `employeeId` are supplied the step is skipped and the selection event fires immediately with the existing payroll.\n *\n * @remarks\n * Events:\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `dismissal/payPeriod/selected` | Fired after a pay period is selected and the off-cycle payroll has been created, or immediately when `payrollId` is supplied. | `{ payrollUuid: string }` |\n *\n * @param props - See {@link DismissalPayPeriodSelectionProps}.\n * @returns The rendered pay period selection step, or nothing while auto-advancing past selection.\n * @public\n */\nexport function DismissalPayPeriodSelection(props: DismissalPayPeriodSelectionProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ntype RequiredPayPeriod = UnprocessedTerminationPayPeriod &\n  Required<Pick<UnprocessedTerminationPayPeriod, 'startDate' | 'endDate' | 'employeeUuid'>>\n\nconst payPeriodKey = (period: RequiredPayPeriod) => `${period.startDate}__${period.endDate}`\n\nfunction Root({ companyId, employeeId, payrollId, dictionary }: DismissalPayPeriodSelectionProps) {\n  useComponentDictionary('Payroll.Dismissal', dictionary)\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { data } = usePaySchedulesGetUnprocessedTerminationPeriodsSuspense({ companyId })\n  const { mutateAsync: createOffCyclePayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const shouldAutoAdvance = Boolean(payrollId) && Boolean(employeeId)\n\n  useEffect(() => {\n    if (payrollId && employeeId) {\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid: payrollId })\n    }\n  }, [payrollId, employeeId, onEvent])\n\n  const employeePayPeriods: RequiredPayPeriod[] = useMemo(() => {\n    const allPeriods = data.unprocessedTerminationPayPeriods ?? []\n    return allPeriods\n      .filter(period => !employeeId || period.employeeUuid === employeeId)\n      .filter(\n        (period): period is RequiredPayPeriod =>\n          Boolean(period.startDate) && Boolean(period.endDate) && Boolean(period.employeeUuid),\n      )\n  }, [data, employeeId])\n\n  const payPeriodOptions: SelectOption[] = useMemo(() => {\n    return employeePayPeriods.map(period => {\n      const dateRange = formatPayPeriodRange(period.startDate, period.endDate)\n      const label = period.employeeName ? `${dateRange} (${period.employeeName})` : dateRange\n      return {\n        value: payPeriodKey(period),\n        label,\n      }\n    })\n  }, [employeePayPeriods])\n\n  const initialSelection = payPeriodOptions.length === 1 ? payPeriodOptions[0]!.value : undefined\n  const [selectedPeriodKey, setSelectedPeriodKey] = useState(initialSelection)\n\n  const handleSubmit = async () => {\n    await baseSubmitHandler({ selectedPeriodKey }, async () => {\n      if (selectedPeriodKey === undefined) {\n        throw new SDKInternalError(t('errors.noPayPeriodSelected'))\n      }\n\n      const period = employeePayPeriods.find(p => payPeriodKey(p) === selectedPeriodKey)\n      if (!period) {\n        throw new SDKInternalError(t('errors.invalidPayPeriod'))\n      }\n\n      const resolvedEmployeeId = employeeId ?? period.employeeUuid\n\n      const response = await createOffCyclePayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.DismissedEmployee,\n            startDate: new RFCDate(period.startDate),\n            endDate: new RFCDate(period.endDate),\n            employeeUuids: [resolvedEmployeeId],\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.DISMISSAL_PAY_PERIOD_SELECTED, { payrollUuid })\n    })\n  }\n\n  if (shouldAutoAdvance) {\n    return null\n  }\n\n  return (\n    <DismissalPayPeriodSelectionPresentation\n      payPeriodOptions={payPeriodOptions}\n      selectedPeriodKey={selectedPeriodKey}\n      onSelectPeriod={setSelectedPeriodKey}\n      onSubmit={handleSubmit}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["DismissalPayPeriodSelection","props","jsx","BaseComponent","Root","payPeriodKey","period","companyId","employeeId","payrollId","dictionary","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","data","usePaySchedulesGetUnprocessedTerminationPeriodsSuspense","createOffCyclePayroll","isPending","usePayrollsCreateOffCycleMutation","shouldAutoAdvance","useEffect","componentEvents","employeePayPeriods","useMemo","payPeriodOptions","dateRange","formatPayPeriodRange","label","initialSelection","selectedPeriodKey","setSelectedPeriodKey","useState","handleSubmit","SDKInternalError","p","resolvedEmployeeId","response","OffCycleReason","RFCDate","payrollUuid","DismissalPayPeriodSelectionPresentation"],"mappings":"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"}

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.d.ts

@@ -1,9 +1,16 @@
 import { SelectOption } from '../../../Common/UI/Select/SelectTypes';
+/** @internal */
 export interface DismissalPayPeriodSelectionPresentationProps {
+    /** Pay period options to display in the select. */
     payPeriodOptions: SelectOption[];
+    /** Key of the currently selected pay period option, or undefined when none is selected. */
     selectedPeriodKey: string | undefined;
+    /** Called when the user selects a pay period from the options. */
     onSelectPeriod: (value: string) => void;
+    /** Called when the user clicks the continue button. */
     onSubmit: () => void;
+    /** Whether the submit action is in flight. */
     isPending: boolean;
 }
+/** @internal */
 export declare function DismissalPayPeriodSelectionPresentation({ payPeriodOptions, selectedPeriodKey, onSelectPeriod, onSubmit, isPending, }: DismissalPayPeriodSelectionPresentationProps): import("react").JSX.Element;

package/dist/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"DismissalPayPeriodSelectionPresentation.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\nexport interface DismissalPayPeriodSelectionPresentationProps {\n  payPeriodOptions: SelectOption[]\n  selectedPeriodKey: string | undefined\n  onSelectPeriod: (value: string) => void\n  onSubmit: () => void\n  isPending: boolean\n}\n\nexport function DismissalPayPeriodSelectionPresentation({\n  payPeriodOptions,\n  selectedPeriodKey,\n  onSelectPeriod,\n  onSubmit,\n  isPending,\n}: DismissalPayPeriodSelectionPresentationProps) {\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { Heading, Text, Select, Button, Alert } = useComponentContext()\n\n  const hasNoPayPeriods = payPeriodOptions.length === 0\n\n  if (hasNoPayPeriods) {\n    return (\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        </Flex>\n        <Alert status=\"info\" label={t('emptyState')} />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Select\n        label={t('selectLabel')}\n        options={payPeriodOptions}\n        value={selectedPeriodKey}\n        onChange={onSelectPeriod}\n        placeholder={t('selectPlaceholder')}\n        isRequired\n      />\n\n      <ActionsLayout>\n        <Button\n          variant=\"primary\"\n          onClick={onSubmit}\n          isLoading={isPending}\n          isDisabled={isPending || selectedPeriodKey === undefined}\n        >\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DismissalPayPeriodSelectionPresentation","payPeriodOptions","selectedPeriodKey","onSelectPeriod","onSubmit","isPending","useI18n","t","useTranslation","Heading","Text","Select","Button","Alert","useComponentContext","jsxs","Flex","jsx","ActionsLayout"],"mappings":";;;;;;;AAcO,SAASA,EAAwC;AAAA,EACtD,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAiD;AAC/C,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA;AAIjD,SAFwBb,EAAiB,WAAW,IAIhD,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,EAAA,CAAE,GACnC;AAAA,sBACCM,GAAA,EAAM,QAAO,QAAO,OAAON,EAAE,YAAY,EAAA,CAAG;AAAA,EAAA,GAC/C,IAKF,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,wBAChCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IAEA,gBAAAU;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,aAAa;AAAA,QACtB,SAASN;AAAA,QACT,OAAOC;AAAA,QACP,UAAUC;AAAA,QACV,aAAaI,EAAE,mBAAmB;AAAA,QAClC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXW,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASR;AAAA,QACT,WAAWC;AAAA,QACX,YAAYA,KAAaH,MAAsB;AAAA,QAE9C,YAAE,aAAa;AAAA,MAAA;AAAA,IAAA,EAClB,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DismissalPayPeriodSelectionPresentation.js","sources":["../../../../../src/components/Payroll/Dismissal/DismissalPayPeriodSelection/DismissalPayPeriodSelectionPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport type { SelectOption } from '@/components/Common/UI/Select/SelectTypes'\n\n/** @internal */\nexport interface DismissalPayPeriodSelectionPresentationProps {\n  /** Pay period options to display in the select. */\n  payPeriodOptions: SelectOption[]\n  /** Key of the currently selected pay period option, or undefined when none is selected. */\n  selectedPeriodKey: string | undefined\n  /** Called when the user selects a pay period from the options. */\n  onSelectPeriod: (value: string) => void\n  /** Called when the user clicks the continue button. */\n  onSubmit: () => void\n  /** Whether the submit action is in flight. */\n  isPending: boolean\n}\n\n/** @internal */\nexport function DismissalPayPeriodSelectionPresentation({\n  payPeriodOptions,\n  selectedPeriodKey,\n  onSelectPeriod,\n  onSubmit,\n  isPending,\n}: DismissalPayPeriodSelectionPresentationProps) {\n  useI18n('Payroll.Dismissal')\n  const { t } = useTranslation('Payroll.Dismissal')\n  const { Heading, Text, Select, Button, Alert } = useComponentContext()\n\n  const hasNoPayPeriods = payPeriodOptions.length === 0\n\n  if (hasNoPayPeriods) {\n    return (\n      <Flex flexDirection=\"column\" gap={24}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        </Flex>\n        <Alert status=\"info\" label={t('emptyState')} />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Text variant=\"supporting\">{t('pageDescription')}</Text>\n      </Flex>\n\n      <Select\n        label={t('selectLabel')}\n        options={payPeriodOptions}\n        value={selectedPeriodKey}\n        onChange={onSelectPeriod}\n        placeholder={t('selectPlaceholder')}\n        isRequired\n      />\n\n      <ActionsLayout>\n        <Button\n          variant=\"primary\"\n          onClick={onSubmit}\n          isLoading={isPending}\n          isDisabled={isPending || selectedPeriodKey === undefined}\n        >\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["DismissalPayPeriodSelectionPresentation","payPeriodOptions","selectedPeriodKey","onSelectPeriod","onSubmit","isPending","useI18n","t","useTranslation","Heading","Text","Select","Button","Alert","useComponentContext","jsxs","Flex","jsx","ActionsLayout"],"mappings":";;;;;;;AAqBO,SAASA,EAAwC;AAAA,EACtD,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAiD;AAC/C,EAAAC,EAAQ,mBAAmB;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mBAAmB,GAC1C,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA;AAIjD,SAFwBb,EAAiB,WAAW,IAIhD,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,EAAA,CAAE,GACnC;AAAA,sBACCM,GAAA,EAAM,QAAO,QAAO,OAAON,EAAE,YAAY,EAAA,CAAG;AAAA,EAAA,GAC/C,IAKF,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,WAAW,GAAE;AAAA,wBAChCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,iBAAiB,EAAA,CAAE;AAAA,IAAA,GACnD;AAAA,IAEA,gBAAAU;AAAA,MAACN;AAAA,MAAA;AAAA,QACC,OAAOJ,EAAE,aAAa;AAAA,QACtB,SAASN;AAAA,QACT,OAAOC;AAAA,QACP,UAAUC;AAAA,QACV,aAAaI,EAAE,mBAAmB;AAAA,QAClC,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGXW,GAAA,EACC,UAAA,gBAAAD;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,SAASR;AAAA,QACT,WAAWC;AAAA,QACX,YAAYA,KAAaH,MAAsB;AAAA,QAE9C,YAAE,aAAa;AAAA,MAAA;AAAA,IAAA,EAClB,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/Dismissal/dismissalStateMachine.d.ts

@@ -1,5 +1,7 @@
 import { BreadcrumbNodes } from '../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/** @internal */
 export declare const dismissalBreadcrumbsNodes: BreadcrumbNodes;
+/** @internal */
 export declare const dismissalMachine: {
     payPeriodSelection: import('robot3').MachineState<any>;
     execution: import('robot3').MachineState<any>;

package/dist/components/Payroll/Dismissal/dismissalStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"dismissalStateMachine.js","sources":["../../../../src/components/Payroll/Dismissal/dismissalStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n} from './DismissalFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\nfunction toPayPeriodSelectionReducer(\n  ctx: DismissalFlowContextInterface,\n): DismissalFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'payPeriodSelection' }),\n    component: DismissalPayPeriodSelectionContextual,\n    payrollUuid: undefined,\n  }\n}\n\nexport const dismissalBreadcrumbsNodes: BreadcrumbNodes = {\n  payPeriodSelection: {\n    parent: null,\n    item: {\n      id: 'payPeriodSelection',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Dismissal',\n      onNavigate: toPayPeriodSelectionReducer as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst payPeriodSelectionBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'payPeriodSelection',\n  guard(\n    (_ctx: DismissalFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'payPeriodSelection',\n  ),\n  reduce(toPayPeriodSelectionReducer),\n)\n\nexport const dismissalMachine = {\n  payPeriodSelection: state<MachineTransition>(\n    transition(\n      componentEvents.DISMISSAL_PAY_PERIOD_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: DismissalFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): DismissalFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          payrollUuid: ev.payload?.payrollUuid,\n          component: DismissalExecutionContextual,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(payPeriodSelectionBreadcrumbTransition),\n}\n"],"names":["toPayPeriodSelectionReducer","ctx","patchBreadcrumbsHeader","DismissalPayPeriodSelectionContextual","dismissalBreadcrumbsNodes","payPeriodSelectionBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","dismissalMachine","state","DismissalExecutionContextual"],"mappings":";;;;AAWA,SAASA,EACPC,GAC+B;AAC/B,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,sBAAsB;AAAA,IAC5E,WAAWE;AAAA,IACX,aAAa;AAAA,EAAA;AAEjB;AAEO,MAAMC,IAA6C;AAAA,EACxD,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,YAAYJ;AAAA,IAAA;AAAA,EACd;AAEJ,GAEMK,IAAyCC;AAAA,EAC7CC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAqCC,MACpCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOX,CAA2B;AACpC,GAEaY,IAAmB;AAAA,EAC9B,oBAAoBC;AAAA,IAClBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEV,GACAS,OACmC;AAAA,UACnC,GAAGR,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,aAAaS,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAAsC;AAC5E;"}
+{"version":3,"file":"dismissalStateMachine.js","sources":["../../../../src/components/Payroll/Dismissal/dismissalStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  DismissalPayPeriodSelectionContextual,\n  DismissalExecutionContextual,\n  type DismissalFlowContextInterface,\n} from './DismissalFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\nfunction toPayPeriodSelectionReducer(\n  ctx: DismissalFlowContextInterface,\n): DismissalFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'payPeriodSelection' }),\n    component: DismissalPayPeriodSelectionContextual,\n    payrollUuid: undefined,\n  }\n}\n\n/** @internal */\nexport const dismissalBreadcrumbsNodes: BreadcrumbNodes = {\n  payPeriodSelection: {\n    parent: null,\n    item: {\n      id: 'payPeriodSelection',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Dismissal',\n      onNavigate: toPayPeriodSelectionReducer as (context: unknown) => unknown,\n    },\n  },\n}\n\nconst payPeriodSelectionBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'payPeriodSelection',\n  guard(\n    (_ctx: DismissalFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'payPeriodSelection',\n  ),\n  reduce(toPayPeriodSelectionReducer),\n)\n\n/** @internal */\nexport const dismissalMachine = {\n  payPeriodSelection: state<MachineTransition>(\n    transition(\n      componentEvents.DISMISSAL_PAY_PERIOD_SELECTED,\n      'execution',\n      reduce(\n        (\n          ctx: DismissalFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): DismissalFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          payrollUuid: ev.payload?.payrollUuid,\n          component: DismissalExecutionContextual,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(payPeriodSelectionBreadcrumbTransition),\n}\n"],"names":["toPayPeriodSelectionReducer","ctx","patchBreadcrumbsHeader","DismissalPayPeriodSelectionContextual","dismissalBreadcrumbsNodes","payPeriodSelectionBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","dismissalMachine","state","DismissalExecutionContextual"],"mappings":";;;;AAWA,SAASA,EACPC,GAC+B;AAC/B,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,sBAAsB;AAAA,IAC5E,WAAWE;AAAA,IACX,aAAa;AAAA,EAAA;AAEjB;AAGO,MAAMC,IAA6C;AAAA,EACxD,oBAAoB;AAAA,IAClB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,YAAYJ;AAAA,IAAA;AAAA,EACd;AAEJ,GAEMK,IAAyCC;AAAA,EAC7CC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAqCC,MACpCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOX,CAA2B;AACpC,GAGaY,IAAmB;AAAA,EAC9B,oBAAoBC;AAAA,IAClBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEV,GACAS,OACmC;AAAA,UACnC,GAAGR,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,aAAaS,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAAsC;AAC5E;"}

package/dist/components/Payroll/Dismissal/index.d.ts

@@ -1,5 +1,5 @@
 import "./types/i18next.d.ts"
 export { DismissalFlow } from './DismissalFlow';
-export type { DismissalFlowProps, DismissalFlowContextInterface } from './DismissalFlowComponents';
+export type { DismissalFlowProps } from './DismissalFlowComponents';
 export { DismissalPayPeriodSelection } from './DismissalPayPeriodSelection';
 export type { DismissalPayPeriodSelectionProps } from './DismissalPayPeriodSelection';

package/dist/components/Payroll/GrossUpModal/GrossUpModal.d.ts

@@ -1,2 +1,3 @@
 import { GrossUpModalProps } from './GrossUpModalTypes';
+/** @internal */
 export declare function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps): import("react").JSX.Element;