@gusto/embedded-react-sdk 0.35.0-rc.4 → 0.36.0-rc.1

package/dist/components/Employee/Taxes/Taxes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport type { PutV1EmployeesEmployeeIdFederalTaxesRequestBody } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { snakeCaseToCamelCase, normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\n/**\n * @deprecated The Taxes component has been deprecated and will be removed in a future release.\n * The component has been split into separate components for state and federal. Use Employee.FederalTaxes\n * and Employee.StateTaxes components instead.\n */\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, fieldErrors, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n  useComponentDictionary('Employee.Taxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const statesDefaultValues = employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n    if (state.state) {\n      acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value\n        }\n        return acc\n      }, {})\n    }\n    return acc\n  }, {})\n\n  const defaultValues = isRev2020\n    ? {\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n        deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n        dependentsAmount: employeeFederalTax.dependentsAmount\n          ? Number(employeeFederalTax.dependentsAmount)\n          : 0,\n        otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n        extraWithholding: employeeFederalTax.extraWithholding\n          ? Number(employeeFederalTax.extraWithholding)\n          : 0,\n        states: statesDefaultValues,\n      }\n    : {\n        filingStatus: '',\n        twoJobs: 'false',\n        deductions: 0,\n        dependentsAmount: 0,\n        otherIncome: 0,\n        extraWithholding: 0,\n        states: statesDefaultValues,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.and(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(msgObject => {\n        const key = normalizeErrorKeyForForm(msgObject.errorKey)\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: msgObject.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n\n      const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n        filingStatus:\n          federalPayload.filingStatus as PutV1EmployeesEmployeeIdFederalTaxesRequestBody['filingStatus'],\n        twoJobs: federalPayload.twoJobs === 'true',\n        dependentsAmount: Number(federalPayload.dependentsAmount),\n        otherIncome: Number(federalPayload.otherIncome),\n        deductions: Number(federalPayload.deductions),\n        extraWithholding: Number(federalPayload.extraWithholding),\n        w4DataType: 'rev_2020_w4',\n        version: employeeFederalTax.version,\n      }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null),\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","fieldErrors","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","isRev2020","statesDefaultValues","acc","state","question","value","key","snakeCaseToCamelCase","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","useEffect","msgObject","normalizeErrorKeyForForm","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","requestBody","federalTaxesResponse","componentEvents","states","stateName","formValue","q","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions"],"mappings":"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"}
+{"version":3,"file":"Taxes.js","sources":["../../../../src/components/Employee/Taxes/Taxes.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { FormProvider, useForm, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useEffect } from 'react'\nimport { useEmployeeTaxSetupGetFederalTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetFederalTaxes'\nimport { useEmployeeTaxSetupUpdateFederalTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateFederalTaxes'\nimport { useEmployeeTaxSetupGetStateTaxesSuspense } from '@gusto/embedded-api/react-query/employeeTaxSetupGetStateTaxes'\nimport { useEmployeeTaxSetupUpdateStateTaxesMutation } from '@gusto/embedded-api/react-query/employeeTaxSetupUpdateStateTaxes'\nimport type { PutV1EmployeesEmployeeIdFederalTaxesRequestBody } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidfederaltaxes'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport { Actions } from './Actions'\nimport {\n  FederalForm,\n  FederalFormSchema,\n  type FederalFormInputs,\n  type FederalFormPayload,\n} from './FederalForm'\nimport { FederalHead } from './FederalHead'\nimport { StateForm, StateFormSchema, type StateFormPayload } from './StateForm'\nimport { TaxesProvider } from './useTaxes'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { snakeCaseToCamelCase, normalizeErrorKeyForForm } from '@/helpers/formattedStrings'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst DEFAULT_TAX_VALID_FROM = '2010-01-01'\n\ninterface TaxesProps extends CommonComponentInterface<'Employee.Taxes'> {\n  employeeId: string\n  isAdmin?: boolean\n}\n\n/**\n * @deprecated The Taxes component has been deprecated and will be removed in a future release.\n * The component has been split into separate components for state and federal. Use Employee.FederalTaxes\n * and Employee.StateTaxes components instead.\n */\nexport function Taxes(props: TaxesProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = (props: TaxesProps) => {\n  const { employeeId, className, children, isAdmin = false, dictionary } = props\n  const { onEvent, error, baseSubmitHandler } = useBase()\n  useI18n('Employee.Taxes')\n  useComponentDictionary('Employee.Taxes', dictionary)\n\n  const { data: fedData } = useEmployeeTaxSetupGetFederalTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeFederalTax = fedData.employeeFederalTax!\n\n  const { mutateAsync: updateFederalTaxes, isPending: isPendingFederalTaxes } =\n    useEmployeeTaxSetupUpdateFederalTaxesMutation()\n\n  const { data: stateData } = useEmployeeTaxSetupGetStateTaxesSuspense({\n    employeeUuid: employeeId,\n  })\n  const employeeStateTaxes = stateData.employeeStateTaxesList!\n  const { mutateAsync: updateStateTaxes, isPending: isPendingStateTaxes } =\n    useEmployeeTaxSetupUpdateStateTaxesMutation()\n\n  const isRev2020 = employeeFederalTax.w4DataType === 'rev_2020_w4'\n\n  const statesDefaultValues = employeeStateTaxes.reduce((acc: Record<string, unknown>, state) => {\n    if (state.state) {\n      acc[state.state] = state.questions?.reduce((acc: Record<string, unknown>, question) => {\n        const value = question.answers[0]?.value\n        const key = snakeCaseToCamelCase(question.key)\n        if (key === 'fileNewHireReport') {\n          acc[key] = typeof value === 'undefined' ? true : value\n        } else {\n          acc[key] = value\n        }\n        return acc\n      }, {})\n    }\n    return acc\n  }, {})\n\n  const defaultValues = isRev2020\n    ? {\n        filingStatus: employeeFederalTax.filingStatus ?? '',\n        twoJobs: employeeFederalTax.twoJobs ? 'true' : 'false',\n        deductions: employeeFederalTax.deductions ? Number(employeeFederalTax.deductions) : 0,\n        dependentsAmount: employeeFederalTax.dependentsAmount\n          ? Number(employeeFederalTax.dependentsAmount)\n          : 0,\n        otherIncome: employeeFederalTax.otherIncome ? Number(employeeFederalTax.otherIncome) : 0,\n        extraWithholding: employeeFederalTax.extraWithholding\n          ? Number(employeeFederalTax.extraWithholding)\n          : 0,\n        states: statesDefaultValues,\n      }\n    : {\n        filingStatus: '',\n        twoJobs: 'false',\n        deductions: 0,\n        dependentsAmount: 0,\n        otherIncome: 0,\n        extraWithholding: 0,\n        states: statesDefaultValues,\n      }\n\n  const formMethods = useForm<FederalFormInputs, unknown, FederalFormPayload & StateFormPayload>({\n    resolver: zodResolver(FederalFormSchema.and(StateFormSchema)),\n    defaultValues,\n  })\n  const { handleSubmit, setError: _setError } = formMethods\n\n  const fieldErrors = error?.fieldErrors\n  useEffect(() => {\n    if (fieldErrors && fieldErrors.length > 0) {\n      fieldErrors.forEach(fieldError => {\n        const key = normalizeErrorKeyForForm(fieldError.field)\n        _setError(key as keyof FederalFormInputs, { type: 'custom', message: fieldError.message })\n      })\n    }\n  }, [fieldErrors, _setError])\n\n  const onSubmit: SubmitHandler<FederalFormPayload & StateFormPayload> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { states: statesPayload, ...federalPayload } = payload\n\n      const requestBody: PutV1EmployeesEmployeeIdFederalTaxesRequestBody = {\n        filingStatus:\n          federalPayload.filingStatus as PutV1EmployeesEmployeeIdFederalTaxesRequestBody['filingStatus'],\n        twoJobs: federalPayload.twoJobs === 'true',\n        dependentsAmount: Number(federalPayload.dependentsAmount),\n        otherIncome: Number(federalPayload.otherIncome),\n        deductions: Number(federalPayload.deductions),\n        extraWithholding: Number(federalPayload.extraWithholding),\n        w4DataType: 'rev_2020_w4',\n        version: employeeFederalTax.version,\n      }\n\n      const federalTaxesResponse = await updateFederalTaxes({\n        request: {\n          employeeUuid: employeeId,\n          requestBody,\n        },\n      })\n      onEvent(componentEvents.EMPLOYEE_FEDERAL_TAXES_UPDATED, federalTaxesResponse)\n\n      if (statesPayload && Object.keys(statesPayload).length > 0) {\n        const states = []\n\n        for (const state of employeeStateTaxes) {\n          const stateName = state.state\n\n          if (stateName && state.questions !== undefined) {\n            states.push({\n              state: stateName,\n              questions: state.questions\n                .map(question => {\n                  if (question.isQuestionForAdminOnly && !isAdmin) {\n                    return null\n                  }\n                  const formValue = statesPayload[stateName]?.[snakeCaseToCamelCase(question.key)]\n                  return {\n                    key: question.key,\n                    answers: [\n                      {\n                        validFrom: question.answers[0]?.validFrom ?? DEFAULT_TAX_VALID_FROM,\n                        validUpTo: question.answers[0]?.validUpTo ?? null,\n                        value:\n                          formValue == null || (typeof formValue === 'number' && isNaN(formValue))\n                            ? ''\n                            : (formValue as string | number | boolean),\n                      },\n                    ],\n                  }\n                })\n                .filter(q => q !== null),\n            })\n          }\n        }\n\n        const stateTaxesResponse = await updateStateTaxes({\n          request: { employeeUuid: employeeId, employeeStateTaxesRequest: { states } },\n        })\n        onEvent(componentEvents.EMPLOYEE_STATE_TAXES_UPDATED, stateTaxesResponse)\n      }\n\n      onEvent(componentEvents.EMPLOYEE_TAXES_DONE)\n    })\n  }\n\n  return (\n    <section className={className}>\n      <TaxesProvider\n        value={{\n          employeeStateTaxes,\n          isAdmin: isAdmin,\n          isPending: isPendingFederalTaxes || isPendingStateTaxes,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={handleSubmit(onSubmit)}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <FederalHead />\n                <FederalForm />\n                <StateForm />\n                <Actions />\n              </>\n            )}\n          </Form>\n        </FormProvider>\n      </TaxesProvider>\n    </section>\n  )\n}\n\nexport const TaxesContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation()\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'EmployeeTaxes',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <Taxes employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin ?? false} />\n}\n"],"names":["DEFAULT_TAX_VALID_FROM","Taxes","props","jsx","BaseComponent","Root","employeeId","className","children","isAdmin","dictionary","onEvent","error","baseSubmitHandler","useBase","useI18n","useComponentDictionary","fedData","useEmployeeTaxSetupGetFederalTaxesSuspense","employeeFederalTax","updateFederalTaxes","isPendingFederalTaxes","useEmployeeTaxSetupUpdateFederalTaxesMutation","stateData","useEmployeeTaxSetupGetStateTaxesSuspense","employeeStateTaxes","updateStateTaxes","isPendingStateTaxes","useEmployeeTaxSetupUpdateStateTaxesMutation","isRev2020","statesDefaultValues","acc","state","question","value","key","snakeCaseToCamelCase","defaultValues","formMethods","useForm","zodResolver","FederalFormSchema","StateFormSchema","handleSubmit","_setError","fieldErrors","useEffect","fieldError","normalizeErrorKeyForForm","TaxesProvider","FormProvider","Form","data","payload","statesPayload","federalPayload","requestBody","federalTaxesResponse","componentEvents","states","stateName","formValue","q","stateTaxesResponse","jsxs","Fragment","FederalHead","FederalForm","StateForm","Actions"],"mappings":"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"}

package/dist/components/Employee/Taxes/useTaxes.js

@@ -2,16 +2,16 @@ import "react/jsx-runtime";
 import "react";
 import "react-error-boundary";
 import "react-i18next";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@tanstack/react-query";
 import "../../Base/useBase.js";
+import "@gusto/embedded-api/models/errors/apierror";
+import "@gusto/embedded-api/models/errors/gustoembeddederror";
+import "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../shared/constants.js";
-import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
 const [f, v] = o("TaxesContext");
 export {

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.d.ts

@@ -0,0 +1,11 @@
+import { PayrollOption } from '../types';
+import { BaseComponentInterface } from '../../../Base/Base';
+export interface TerminateEmployeeProps extends BaseComponentInterface<'Employee.Terminations.TerminateEmployee'> {
+    employeeId: string;
+    companyId: string;
+}
+export interface TerminateEmployeeFormData {
+    lastDayOfWork: Date;
+    payrollOption: PayrollOption;
+}
+export declare function TerminateEmployee(props: TerminateEmployeeProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.js

@@ -0,0 +1,123 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useQueryClient as S } from "@tanstack/react-query";
+import { useEmployeesGetSuspense as Y } from "@gusto/embedded-api/react-query/employeesGet";
+import { useEmployeeEmploymentsGetTerminationsSuspense as q, invalidateAllEmployeeEmploymentsGetTerminations as I } from "@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations";
+import { useEmployeeEmploymentsCreateTerminationMutation as b } from "@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination";
+import { useEmployeeEmploymentsUpdateTerminationMutation as B } from "@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination";
+import { usePayrollsCreateOffCycleMutation as G } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { usePaySchedulesGetUnprocessedTerminationPeriods as k, invalidateAllPaySchedulesGetUnprocessedTerminationPeriods as x } from "@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods";
+import { invalidateAllPayrollsList as W } from "@gusto/embedded-api/react-query/payrollsList";
+import { OffCycleReason as F } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as y } from "@gusto/embedded-api/types/rfcdate";
+import { TerminateEmployeePresentation as H } from "./TerminateEmployeePresentation.js";
+import { BaseComponent as j } from "../../../Base/Base.js";
+import { useBase as Q } from "../../../Base/useBase.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+import { useComponentDictionary as V, useI18n as z } from "../../../../i18n/I18n.js";
+import { firstLastName as J } from "../../../../helpers/formattedStrings.js";
+function Te(e) {
+  return /* @__PURE__ */ f(j, { ...e, children: /* @__PURE__ */ f(K, { ...e, children: e.children }) });
+}
+const K = ({ employeeId: e, companyId: p, dictionary: P }) => {
+  V("Employee.Terminations.TerminateEmployee", P), z("Employee.Terminations.TerminateEmployee");
+  const c = S(), { onEvent: i, baseSubmitHandler: D } = Q(), {
+    data: { employee: E }
+  } = Y({ employeeId: e }), { data: a } = q({ employeeId: e });
+  if (E?.terminated && a.terminationList?.[0])
+    return i(n.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {
+      employeeId: e,
+      effectiveDate: a.terminationList[0].effectiveDate,
+      termination: a.terminationList[0]
+    }), null;
+  const { mutateAsync: C, isPending: O } = b(), { mutateAsync: A, isPending: L } = B(), { mutateAsync: h, isPending: N } = G(), { refetch: M } = k(
+    { companyId: p },
+    { enabled: !1 }
+  ), _ = J({
+    first_name: E?.firstName,
+    last_name: E?.lastName
+  }), r = a.terminationList?.[0];
+  return /* @__PURE__ */ f(
+    H,
+    {
+      employeeName: _,
+      existingTermination: r,
+      onSubmit: async (R) => {
+        const { lastDayOfWork: g, payrollOption: o } = R, s = g.toISOString().split("T")[0];
+        await D({ effectiveDate: s, payrollOption: o }, async () => {
+          const m = o === "dismissalPayroll", d = r ? await A({
+            request: {
+              employeeId: e,
+              requestBody: {
+                version: r.version,
+                effectiveDate: s,
+                runTerminationPayroll: m
+              }
+            }
+          }) : await C({
+            request: {
+              employeeId: e,
+              requestBody: {
+                effectiveDate: s,
+                runTerminationPayroll: m
+              }
+            }
+          });
+          await I(c);
+          let T;
+          if (m)
+            try {
+              const { data: u } = await M(), U = u?.unprocessedTerminationPayPeriodList?.filter(
+                (t) => t.employeeUuid === e
+              ) ?? [], l = [];
+              for (const t of U)
+                if (t.startDate && t.endDate) {
+                  const w = await h({
+                    request: {
+                      companyId: p,
+                      requestBody: {
+                        offCycle: !0,
+                        offCycleReason: F.DismissedEmployee,
+                        startDate: new y(t.startDate),
+                        endDate: new y(t.endDate),
+                        employeeUuids: [e],
+                        checkDate: t.checkDate ? new y(t.checkDate) : void 0
+                      }
+                    }
+                  });
+                  l.push(w.payrollUnprocessed);
+                }
+              l.length > 0 && (T = l[0]?.payrollUuid, await W(c), await x(c), i(n.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {
+                payrolls: l
+              }));
+            } catch (u) {
+              i(n.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {
+                error: u,
+                employeeId: e
+              });
+            }
+          const v = r ? n.EMPLOYEE_TERMINATION_UPDATED : n.EMPLOYEE_TERMINATION_CREATED;
+          i(v, {
+            termination: d.termination,
+            payrollOption: o,
+            runTerminationPayroll: m
+          }), i(n.EMPLOYEE_TERMINATION_DONE, {
+            employeeId: e,
+            effectiveDate: s,
+            payrollOption: o,
+            payrollUuid: T,
+            termination: d.termination,
+            ...o === "anotherWay" && { manualHandling: !0 }
+          });
+        });
+      },
+      onCancel: () => {
+        i(n.CANCEL);
+      },
+      isLoading: O || L || N
+    }
+  );
+};
+export {
+  Te as TerminateEmployee
+};
+//# sourceMappingURL=TerminateEmployee.js.map

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminateEmployee.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployee.tsx"],"sourcesContent":["import { useQueryClient } from '@tanstack/react-query'\nimport { useEmployeesGetSuspense } from '@gusto/embedded-api/react-query/employeesGet'\nimport {\n  useEmployeeEmploymentsGetTerminationsSuspense,\n  invalidateAllEmployeeEmploymentsGetTerminations,\n} from '@gusto/embedded-api/react-query/employeeEmploymentsGetTerminations'\nimport { useEmployeeEmploymentsCreateTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsCreateTermination'\nimport { useEmployeeEmploymentsUpdateTerminationMutation } from '@gusto/embedded-api/react-query/employeeEmploymentsUpdateTermination'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  usePaySchedulesGetUnprocessedTerminationPeriods,\n  invalidateAllPaySchedulesGetUnprocessedTerminationPeriods,\n} from '@gusto/embedded-api/react-query/paySchedulesGetUnprocessedTerminationPeriods'\nimport { invalidateAllPayrollsList } from '@gusto/embedded-api/react-query/payrollsList'\nimport { OffCycleReason } from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { PayrollOption } from '../types'\nimport { TerminateEmployeePresentation } from './TerminateEmployeePresentation'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport interface TerminateEmployeeProps extends BaseComponentInterface<'Employee.Terminations.TerminateEmployee'> {\n  employeeId: string\n  companyId: string\n}\n\nexport interface TerminateEmployeeFormData {\n  lastDayOfWork: Date\n  payrollOption: PayrollOption\n}\n\nexport function TerminateEmployee(props: TerminateEmployeeProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, companyId, dictionary }: TerminateEmployeeProps) => {\n  useComponentDictionary('Employee.Terminations.TerminateEmployee', dictionary)\n  useI18n('Employee.Terminations.TerminateEmployee')\n\n  const queryClient = useQueryClient()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const {\n    data: { employee },\n  } = useEmployeesGetSuspense({ employeeId })\n\n  const { data: terminationsData } = useEmployeeEmploymentsGetTerminationsSuspense({ employeeId })\n\n  // If employee is already terminated, redirect to summary with existing termination data\n  // Don't pass payrollOption to avoid showing the success alert\n  if (employee?.terminated && terminationsData.terminationList?.[0]) {\n    onEvent(componentEvents.EMPLOYEE_TERMINATION_VIEW_SUMMARY, {\n      employeeId,\n      effectiveDate: terminationsData.terminationList[0].effectiveDate!,\n      termination: terminationsData.terminationList[0],\n    })\n    return null\n  }\n\n  const { mutateAsync: createTermination, isPending: isCreatingTermination } =\n    useEmployeeEmploymentsCreateTerminationMutation()\n\n  const { mutateAsync: updateTermination, isPending: isUpdatingTermination } =\n    useEmployeeEmploymentsUpdateTerminationMutation()\n\n  const { mutateAsync: createOffCyclePayroll, isPending: isCreatingPayroll } =\n    usePayrollsCreateOffCycleMutation()\n\n  const { refetch: fetchTerminationPeriods } = usePaySchedulesGetUnprocessedTerminationPeriods(\n    { companyId },\n    { enabled: false },\n  )\n\n  const employeeName = firstLastName({\n    first_name: employee?.firstName,\n    last_name: employee?.lastName,\n  })\n\n  const existingTermination = terminationsData.terminationList?.[0]\n\n  const handleSubmit = async (formData: TerminateEmployeeFormData) => {\n    const { lastDayOfWork, payrollOption } = formData\n    const effectiveDate = lastDayOfWork.toISOString().split('T')[0]!\n\n    await baseSubmitHandler({ effectiveDate, payrollOption }, async () => {\n      const runTerminationPayroll = payrollOption === 'dismissalPayroll'\n\n      const result = existingTermination\n        ? await updateTermination({\n            request: {\n              employeeId,\n              requestBody: {\n                version: existingTermination.version!,\n                effectiveDate,\n                runTerminationPayroll,\n              },\n            },\n          })\n        : await createTermination({\n            request: {\n              employeeId,\n              requestBody: {\n                effectiveDate,\n                runTerminationPayroll,\n              },\n            },\n          })\n\n      await invalidateAllEmployeeEmploymentsGetTerminations(queryClient)\n\n      let firstPayrollUuid: string | undefined\n\n      if (runTerminationPayroll) {\n        try {\n          const { data: terminationPeriodsData } = await fetchTerminationPeriods()\n\n          const employeePeriods =\n            terminationPeriodsData?.unprocessedTerminationPayPeriodList?.filter(\n              period => period.employeeUuid === employeeId,\n            ) ?? []\n\n          const createdPayrolls = []\n\n          for (const terminationPeriod of employeePeriods) {\n            if (terminationPeriod.startDate && terminationPeriod.endDate) {\n              const payrollResult = await createOffCyclePayroll({\n                request: {\n                  companyId,\n                  requestBody: {\n                    offCycle: true,\n                    offCycleReason: OffCycleReason.DismissedEmployee,\n                    startDate: new RFCDate(terminationPeriod.startDate),\n                    endDate: new RFCDate(terminationPeriod.endDate),\n                    employeeUuids: [employeeId],\n                    checkDate: terminationPeriod.checkDate\n                      ? new RFCDate(terminationPeriod.checkDate)\n                      : undefined,\n                  },\n                },\n              })\n\n              createdPayrolls.push(payrollResult.payrollUnprocessed)\n            }\n          }\n\n          if (createdPayrolls.length > 0) {\n            firstPayrollUuid = createdPayrolls[0]?.payrollUuid\n\n            await invalidateAllPayrollsList(queryClient)\n            await invalidateAllPaySchedulesGetUnprocessedTerminationPeriods(queryClient)\n\n            onEvent(componentEvents.EMPLOYEE_TERMINATION_PAYROLL_CREATED, {\n              payrolls: createdPayrolls,\n            })\n          }\n        } catch (payrollError) {\n          onEvent(componentEvents.EMPLOYEE_TERMINATION_PAYROLL_FAILED, {\n            error: payrollError,\n            employeeId,\n          })\n        }\n      }\n\n      const eventType = existingTermination\n        ? componentEvents.EMPLOYEE_TERMINATION_UPDATED\n        : componentEvents.EMPLOYEE_TERMINATION_CREATED\n\n      onEvent(eventType, {\n        termination: result.termination,\n        payrollOption,\n        runTerminationPayroll,\n      })\n\n      onEvent(componentEvents.EMPLOYEE_TERMINATION_DONE, {\n        employeeId,\n        effectiveDate,\n        payrollOption,\n        payrollUuid: firstPayrollUuid,\n        termination: result.termination,\n        ...(payrollOption === 'anotherWay' && { manualHandling: true }),\n      })\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const isPending = isCreatingTermination || isUpdatingTermination || isCreatingPayroll\n\n  return (\n    <TerminateEmployeePresentation\n      employeeName={employeeName}\n      existingTermination={existingTermination}\n      onSubmit={handleSubmit}\n      onCancel={handleCancel}\n      isLoading={isPending}\n    />\n  )\n}\n"],"names":["TerminateEmployee","props","jsx","BaseComponent","Root","employeeId","companyId","dictionary","useComponentDictionary","useI18n","queryClient","useQueryClient","onEvent","baseSubmitHandler","useBase","employee","useEmployeesGetSuspense","terminationsData","useEmployeeEmploymentsGetTerminationsSuspense","componentEvents","createTermination","isCreatingTermination","useEmployeeEmploymentsCreateTerminationMutation","updateTermination","isUpdatingTermination","useEmployeeEmploymentsUpdateTerminationMutation","createOffCyclePayroll","isCreatingPayroll","usePayrollsCreateOffCycleMutation","fetchTerminationPeriods","usePaySchedulesGetUnprocessedTerminationPeriods","employeeName","firstLastName","existingTermination","TerminateEmployeePresentation","formData","lastDayOfWork","payrollOption","effectiveDate","runTerminationPayroll","result","invalidateAllEmployeeEmploymentsGetTerminations","firstPayrollUuid","terminationPeriodsData","employeePeriods","period","createdPayrolls","terminationPeriod","payrollResult","OffCycleReason","RFCDate","invalidateAllPayrollsList","invalidateAllPaySchedulesGetUnprocessedTerminationPeriods","payrollError","eventType"],"mappings":"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"}

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.d.ts

@@ -0,0 +1,11 @@
+import { Termination } from '@gusto/embedded-api/models/components/termination';
+import { TerminateEmployeeFormData } from './TerminateEmployee';
+interface TerminateEmployeePresentationProps {
+    employeeName: string;
+    existingTermination?: Termination;
+    onSubmit: (data: TerminateEmployeeFormData) => void;
+    onCancel: () => void;
+    isLoading: boolean;
+}
+export declare function TerminateEmployeePresentation({ employeeName, existingTermination, onSubmit, onCancel, isLoading, }: TerminateEmployeePresentationProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js

@@ -0,0 +1,89 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { useTranslation as v } from "react-i18next";
+import t from "zod";
+import { useForm as D, FormProvider as g } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
+import { Flex as a } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as R } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as x } from "../../../Common/Form/Form.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as W } from "../../../../i18n/I18n.js";
+import { RadioGroupField as q } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
+import { DatePickerField as T } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+const k = t.object({
+  lastDayOfWork: t.date({ error: "validation.lastDayRequired" }),
+  payrollOption: t.enum(["dismissalPayroll", "regularPayroll", "anotherWay"], {
+    error: "validation.payrollOptionRequired"
+  })
+});
+function I({
+  employeeName: n,
+  existingTermination: l,
+  onSubmit: d,
+  onCancel: y,
+  isLoading: s
+}) {
+  const { Alert: u, Heading: f, Text: p, Button: m } = F();
+  W("Employee.Terminations.TerminateEmployee");
+  const { t: o } = v("Employee.Terminations.TerminateEmployee"), O = (P) => P.runTerminationPayroll === !0 ? "dismissalPayroll" : "regularPayroll", h = {
+    lastDayOfWork: l?.effectiveDate ? new Date(l.effectiveDate) : void 0,
+    payrollOption: l ? O(l) : "dismissalPayroll"
+  }, i = D({
+    resolver: E(k),
+    defaultValues: h
+  }), c = i.watch("payrollOption"), b = [
+    {
+      value: "dismissalPayroll",
+      label: o("form.payrollOption.options.dismissalPayroll.label"),
+      description: o("form.payrollOption.options.dismissalPayroll.description")
+    },
+    {
+      value: "regularPayroll",
+      label: o("form.payrollOption.options.regularPayroll.label"),
+      description: o("form.payrollOption.options.regularPayroll.description")
+    },
+    {
+      value: "anotherWay",
+      label: o("form.payrollOption.options.anotherWay.label"),
+      description: o("form.payrollOption.options.anotherWay.description")
+    }
+  ];
+  return /* @__PURE__ */ r(g, { ...i, children: /* @__PURE__ */ r(x, { onSubmit: i.handleSubmit(d), children: /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ e(a, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ r(f, { as: "h2", children: o("title", { employeeName: n }) }),
+      /* @__PURE__ */ r(p, { variant: "supporting", children: o("subtitle") })
+    ] }),
+    /* @__PURE__ */ e(a, { flexDirection: "column", gap: 24, children: [
+      /* @__PURE__ */ r(
+        T,
+        {
+          name: "lastDayOfWork",
+          label: o("form.lastDayOfEmployment.label"),
+          description: o("form.lastDayOfEmployment.description"),
+          isRequired: !0,
+          errorMessage: o("validation.lastDayRequired")
+        }
+      ),
+      /* @__PURE__ */ r(
+        q,
+        {
+          name: "payrollOption",
+          label: o("form.payrollOption.label"),
+          description: o("form.payrollOption.description"),
+          options: b,
+          isRequired: !0,
+          errorMessage: o("validation.payrollOptionRequired")
+        }
+      ),
+      /* @__PURE__ */ r(u, { status: "warning", label: o(`alert.${c}.label`), children: /* @__PURE__ */ r(p, { children: o(`alert.${c}.text`, { employeeName: n }) }) })
+    ] }),
+    /* @__PURE__ */ e(R, { children: [
+      /* @__PURE__ */ r(m, { variant: "secondary", onClick: y, isDisabled: s, children: o("actions.cancel") }),
+      /* @__PURE__ */ r(m, { type: "submit", variant: "primary", isLoading: s, children: o("actions.submit") })
+    ] })
+  ] }) }) });
+}
+export {
+  I as TerminateEmployeePresentation
+};
+//# sourceMappingURL=TerminateEmployeePresentation.js.map

package/dist/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminateEmployeePresentation.js","sources":["../../../../../src/components/Employee/Terminations/TerminateEmployee/TerminateEmployeePresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport z from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Termination } from '@gusto/embedded-api/models/components/termination'\nimport type { PayrollOption } from '../types'\nimport type { TerminateEmployeeFormData } from './TerminateEmployee'\nimport { Flex, ActionsLayout, DatePickerField, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface TerminateEmployeePresentationProps {\n  employeeName: string\n  existingTermination?: Termination\n  onSubmit: (data: TerminateEmployeeFormData) => void\n  onCancel: () => void\n  isLoading: boolean\n}\n\nconst terminateEmployeeSchema = z.object({\n  lastDayOfWork: z.date({ error: 'validation.lastDayRequired' }),\n  payrollOption: z.enum(['dismissalPayroll', 'regularPayroll', 'anotherWay'], {\n    error: 'validation.payrollOptionRequired',\n  }),\n})\n\nexport function TerminateEmployeePresentation({\n  employeeName,\n  existingTermination,\n  onSubmit,\n  onCancel,\n  isLoading,\n}: TerminateEmployeePresentationProps) {\n  const { Alert, Heading, Text, Button } = useComponentContext()\n  useI18n('Employee.Terminations.TerminateEmployee')\n  const { t } = useTranslation('Employee.Terminations.TerminateEmployee')\n\n  const getPayrollOptionFromTermination = (termination: Termination): PayrollOption => {\n    if (termination.runTerminationPayroll === true) {\n      return 'dismissalPayroll'\n    }\n    return 'regularPayroll'\n  }\n\n  const initialValues: Partial<TerminateEmployeeFormData> = {\n    lastDayOfWork: existingTermination?.effectiveDate\n      ? new Date(existingTermination.effectiveDate)\n      : undefined,\n    payrollOption: existingTermination\n      ? getPayrollOptionFromTermination(existingTermination)\n      : 'dismissalPayroll',\n  }\n  const formMethods = useForm<TerminateEmployeeFormData>({\n    resolver: zodResolver(terminateEmployeeSchema),\n    defaultValues: initialValues,\n  })\n\n  const selectedPayrollOption = formMethods.watch('payrollOption')\n\n  const payrollOptions = [\n    {\n      value: 'dismissalPayroll' as const,\n      label: t('form.payrollOption.options.dismissalPayroll.label'),\n      description: t('form.payrollOption.options.dismissalPayroll.description'),\n    },\n    {\n      value: 'regularPayroll' as const,\n      label: t('form.payrollOption.options.regularPayroll.label'),\n      description: t('form.payrollOption.options.regularPayroll.description'),\n    },\n    {\n      value: 'anotherWay' as const,\n      label: t('form.payrollOption.options.anotherWay.label'),\n      description: t('form.payrollOption.options.anotherWay.description'),\n    },\n  ]\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(onSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('title', { employeeName })}</Heading>\n            <Text variant=\"supporting\">{t('subtitle')}</Text>\n          </Flex>\n\n          <Flex flexDirection=\"column\" gap={24}>\n            <DatePickerField\n              name=\"lastDayOfWork\"\n              label={t('form.lastDayOfEmployment.label')}\n              description={t('form.lastDayOfEmployment.description')}\n              isRequired\n              errorMessage={t('validation.lastDayRequired')}\n            />\n\n            <RadioGroupField<PayrollOption>\n              name=\"payrollOption\"\n              label={t('form.payrollOption.label')}\n              description={t('form.payrollOption.description')}\n              options={payrollOptions}\n              isRequired\n              errorMessage={t('validation.payrollOptionRequired')}\n            />\n            <Alert status=\"warning\" label={t(`alert.${selectedPayrollOption}.label`)}>\n              <Text>{t(`alert.${selectedPayrollOption}.text`, { employeeName })}</Text>\n            </Alert>\n          </Flex>\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel} isDisabled={isLoading}>\n              {t('actions.cancel')}\n            </Button>\n            <Button type=\"submit\" variant=\"primary\" isLoading={isLoading}>\n              {t('actions.submit')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["terminateEmployeeSchema","z","TerminateEmployeePresentation","employeeName","existingTermination","onSubmit","onCancel","isLoading","Alert","Heading","Text","Button","useComponentContext","useI18n","t","useTranslation","getPayrollOptionFromTermination","termination","initialValues","formMethods","useForm","zodResolver","selectedPayrollOption","payrollOptions","FormProvider","jsx","HtmlForm","jsxs","Flex","DatePickerField","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;;;AAoBA,MAAMA,IAA0BC,EAAE,OAAO;AAAA,EACvC,eAAeA,EAAE,KAAK,EAAE,OAAO,8BAA8B;AAAA,EAC7D,eAAeA,EAAE,KAAK,CAAC,oBAAoB,kBAAkB,YAAY,GAAG;AAAA,IAC1E,OAAO;AAAA,EAAA,CACR;AACH,CAAC;AAEM,SAASC,EAA8B;AAAA,EAC5C,cAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AACF,GAAuC;AACrC,QAAM,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA;AACzC,EAAAC,EAAQ,yCAAyC;AACjD,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yCAAyC,GAEhEC,IAAkC,CAACC,MACnCA,EAAY,0BAA0B,KACjC,qBAEF,kBAGHC,IAAoD;AAAA,IACxD,eAAed,GAAqB,gBAChC,IAAI,KAAKA,EAAoB,aAAa,IAC1C;AAAA,IACJ,eAAeA,IACXY,EAAgCZ,CAAmB,IACnD;AAAA,EAAA,GAEAe,IAAcC,EAAmC;AAAA,IACrD,UAAUC,EAAYrB,CAAuB;AAAA,IAC7C,eAAekB;AAAA,EAAA,CAChB,GAEKI,IAAwBH,EAAY,MAAM,eAAe,GAEzDI,IAAiB;AAAA,IACrB;AAAA,MACE,OAAO;AAAA,MACP,OAAOT,EAAE,mDAAmD;AAAA,MAC5D,aAAaA,EAAE,yDAAyD;AAAA,IAAA;AAAA,IAE1E;AAAA,MACE,OAAO;AAAA,MACP,OAAOA,EAAE,iDAAiD;AAAA,MAC1D,aAAaA,EAAE,uDAAuD;AAAA,IAAA;AAAA,IAExE;AAAA,MACE,OAAO;AAAA,MACP,OAAOA,EAAE,6CAA6C;AAAA,MACtD,aAAaA,EAAE,mDAAmD;AAAA,IAAA;AAAA,EACpE;AAGF,2BACGU,GAAA,EAAc,GAAGL,GAChB,UAAA,gBAAAM,EAACC,KAAS,UAAUP,EAAY,aAAad,CAAQ,GACnD,UAAA,gBAAAsB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAAChB,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,SAAS,EAAE,cAAAX,EAAA,CAAc,GAAE;AAAA,wBAC9CO,GAAA,EAAK,SAAQ,cAAc,UAAAI,EAAE,UAAU,EAAA,CAAE;AAAA,IAAA,GAC5C;AAAA,IAEA,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOf,EAAE,gCAAgC;AAAA,UACzC,aAAaA,EAAE,sCAAsC;AAAA,UACrD,YAAU;AAAA,UACV,cAAcA,EAAE,4BAA4B;AAAA,QAAA;AAAA,MAAA;AAAA,MAG9C,gBAAAW;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOhB,EAAE,0BAA0B;AAAA,UACnC,aAAaA,EAAE,gCAAgC;AAAA,UAC/C,SAASS;AAAA,UACT,YAAU;AAAA,UACV,cAAcT,EAAE,kCAAkC;AAAA,QAAA;AAAA,MAAA;AAAA,MAEpD,gBAAAW,EAACjB,KAAM,QAAO,WAAU,OAAOM,EAAE,SAASQ,CAAqB,QAAQ,GACrE,4BAACZ,GAAA,EAAM,UAAAI,EAAE,SAASQ,CAAqB,SAAS,EAAE,cAAAnB,EAAA,CAAc,GAAE,EAAA,CACpE;AAAA,IAAA,GACF;AAAA,sBAEC4B,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAN,EAACd,GAAA,EAAO,SAAQ,aAAY,SAASL,GAAU,YAAYC,GACxD,UAAAO,EAAE,gBAAgB,EAAA,CACrB;AAAA,MACA,gBAAAW,EAACd,KAAO,MAAK,UAAS,SAAQ,WAAU,WAAAJ,GACrC,UAAAO,EAAE,gBAAgB,EAAA,CACrB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlow.d.ts

@@ -0,0 +1,2 @@
+import { TerminationFlowProps } from './TerminationFlowComponents';
+export declare const TerminationFlow: ({ companyId, employeeId, onEvent }: TerminationFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlow.js

@@ -0,0 +1,30 @@
+import { jsx as i } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as a } from "react";
+import { terminationMachine as c, terminationBreadcrumbNodes as p } from "./terminationStateMachine.js";
+import { TerminateEmployeeContextual as s } from "./TerminationFlowComponents.js";
+import { Flow as u } from "../../../Flow/Flow.js";
+import { buildBreadcrumbs as f } from "../../../../helpers/breadcrumbHelpers.js";
+const F = ({ companyId: r, employeeId: o, onEvent: m }) => {
+  const e = a(
+    () => n(
+      "form",
+      c,
+      (t) => ({
+        ...t,
+        component: s,
+        companyId: r,
+        employeeId: o,
+        breadcrumbs: f(p),
+        currentBreadcrumbId: "form",
+        progressBarType: "breadcrumbs"
+      })
+    ),
+    [r, o]
+  );
+  return /* @__PURE__ */ i(u, { machine: e, onEvent: m });
+};
+export {
+  F as TerminationFlow
+};
+//# sourceMappingURL=TerminationFlow.js.map

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminationFlow.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/TerminationFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { terminationMachine, terminationBreadcrumbNodes } from './terminationStateMachine'\nimport type {\n  TerminationFlowProps,\n  TerminationFlowContextInterface,\n} from './TerminationFlowComponents'\nimport { TerminateEmployeeContextual } from './TerminationFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const TerminationFlow = ({ companyId, employeeId, onEvent }: TerminationFlowProps) => {\n  const terminationFlow = useMemo(\n    () =>\n      createMachine(\n        'form',\n        terminationMachine,\n        (initialContext: TerminationFlowContextInterface) => ({\n          ...initialContext,\n          component: TerminateEmployeeContextual,\n          companyId,\n          employeeId,\n          breadcrumbs: buildBreadcrumbs(terminationBreadcrumbNodes),\n          currentBreadcrumbId: 'form',\n          progressBarType: 'breadcrumbs' as const,\n        }),\n      ),\n    [companyId, employeeId],\n  )\n  return <Flow machine={terminationFlow} onEvent={onEvent} />\n}\n"],"names":["TerminationFlow","companyId","employeeId","onEvent","terminationFlow","useMemo","createMachine","terminationMachine","initialContext","TerminateEmployeeContextual","buildBreadcrumbs","terminationBreadcrumbNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,MAAMA,IAAkB,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,QAAoC;AAC3F,QAAMC,IAAkBC;AAAA,IACtB,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAqD;AAAA,QACpD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,YAAAC;AAAA,QACA,aAAaQ,EAAiBC,CAA0B;AAAA,QACxD,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,IAEJ,CAACV,GAAWC,CAAU;AAAA,EAAA;AAExB,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAiB,SAAAD,EAAA,CAAkB;AAC3D;"}

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { PayrollOption } from '../types';
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { BaseComponentInterface } from '../../../Base';
+export interface TerminationFlowProps extends BaseComponentInterface {
+    companyId: string;
+    employeeId: string;
+}
+export type TerminationFlowAlert = {
+    type: 'error' | 'info' | 'success';
+    title: string;
+    content?: ReactNode;
+};
+export interface TerminationFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    employeeId: string;
+    payrollOption?: PayrollOption;
+    payrollUuid?: string;
+    alerts?: TerminationFlowAlert[];
+}
+export declare function TerminateEmployeeContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function TerminationSummaryContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function DismissalFlowContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.js

@@ -0,0 +1,70 @@
+import { jsxs as u, jsx as l } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { TerminateEmployee as E } from "../TerminateEmployee/TerminateEmployee.js";
+import { TerminationSummary as f } from "../TerminationSummary/TerminationSummary.js";
+import { useFlow as a } from "../../../Flow/useFlow.js";
+import { Flex as I } from "../../../Common/Flex/Flex.js";
+import { ensureRequired as o } from "../../../../helpers/ensureRequired.js";
+import { useComponentContext as T } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as y } from "../../../../i18n/I18n.js";
+import { componentEvents as x } from "../../../../shared/constants.js";
+import { DismissalFlow as C } from "../../../Payroll/Dismissal/DismissalFlow.js";
+function M() {
+  const { companyId: e, employeeId: n, onEvent: t, alerts: m } = a(), { Alert: i } = T();
+  return y("Employee.Terminations.TerminationFlow"), /* @__PURE__ */ u(I, { flexDirection: "column", gap: 8, children: [
+    m?.map((r, s) => /* @__PURE__ */ l(i, { status: r.type, label: r.title, children: r.content }, s)),
+    /* @__PURE__ */ l(
+      E,
+      {
+        onEvent: t,
+        companyId: o(e),
+        employeeId: o(n)
+      }
+    )
+  ] });
+}
+function R() {
+  const { companyId: e, employeeId: n, payrollOption: t, payrollUuid: m, onEvent: i } = a();
+  y("Employee.Terminations.TerminationFlow");
+  const { t: r } = d("Employee.Terminations.TerminationFlow");
+  return /* @__PURE__ */ l(
+    f,
+    {
+      onEvent: (p, c) => {
+        if (p === x.EMPLOYEE_TERMINATION_CANCELLED) {
+          i(p, {
+            ...c,
+            alert: {
+              type: "success",
+              title: r("cancelSuccess")
+            }
+          });
+          return;
+        }
+        i(p, c);
+      },
+      companyId: o(e),
+      employeeId: o(n),
+      payrollOption: t,
+      payrollUuid: m
+    }
+  );
+}
+function U() {
+  const { companyId: e, employeeId: n, payrollUuid: t, onEvent: m } = a();
+  return /* @__PURE__ */ l(
+    C,
+    {
+      companyId: o(e),
+      employeeId: o(n),
+      payrollId: t,
+      onEvent: m
+    }
+  );
+}
+export {
+  U as DismissalFlowContextual,
+  M as TerminateEmployeeContextual,
+  R as TerminationSummaryContextual
+};
+//# sourceMappingURL=TerminationFlowComponents.js.map

package/dist/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TerminationFlowComponents.js","sources":["../../../../../src/components/Employee/Terminations/TerminationFlow/TerminationFlowComponents.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { TerminateEmployee } from '../TerminateEmployee/TerminateEmployee'\nimport { TerminationSummary } from '../TerminationSummary/TerminationSummary'\nimport type { PayrollOption } from '../types'\nimport { DismissalFlow } from '@/components/Payroll/Dismissal'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\nexport interface TerminationFlowProps extends BaseComponentInterface {\n  companyId: string\n  employeeId: string\n}\n\nexport type TerminationFlowAlert = {\n  type: 'error' | 'info' | 'success'\n  title: string\n  content?: ReactNode\n}\n\nexport interface TerminationFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId: string\n  payrollOption?: PayrollOption\n  payrollUuid?: string\n  alerts?: TerminationFlowAlert[]\n}\n\nexport function TerminateEmployeeContextual() {\n  const { companyId, employeeId, onEvent, alerts } = useFlow<TerminationFlowContextInterface>()\n  const { Alert } = useComponentContext()\n  useI18n('Employee.Terminations.TerminationFlow')\n\n  return (\n    <Flex flexDirection=\"column\" gap={8}>\n      {alerts?.map((alert, index) => (\n        <Alert key={index} status={alert.type} label={alert.title}>\n          {alert.content}\n        </Alert>\n      ))}\n      <TerminateEmployee\n        onEvent={onEvent}\n        companyId={ensureRequired(companyId)}\n        employeeId={ensureRequired(employeeId)}\n      />\n    </Flex>\n  )\n}\n\nexport function TerminationSummaryContextual() {\n  const { companyId, employeeId, payrollOption, payrollUuid, onEvent } =\n    useFlow<TerminationFlowContextInterface>()\n  useI18n('Employee.Terminations.TerminationFlow')\n  const { t } = useTranslation('Employee.Terminations.TerminationFlow')\n\n  const handleEvent = (event: EventType, data?: unknown) => {\n    if (event === componentEvents.EMPLOYEE_TERMINATION_CANCELLED) {\n      onEvent(event, {\n        ...(data as object),\n        alert: {\n          type: 'success',\n          title: t('cancelSuccess'),\n        },\n      })\n      return\n    }\n    onEvent(event, data)\n  }\n\n  return (\n    <TerminationSummary\n      onEvent={handleEvent}\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      payrollOption={payrollOption}\n      payrollUuid={payrollUuid}\n    />\n  )\n}\n\nexport function DismissalFlowContextual() {\n  const { companyId, employeeId, payrollUuid, onEvent } = useFlow<TerminationFlowContextInterface>()\n\n  return (\n    <DismissalFlow\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      payrollId={payrollUuid}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["TerminateEmployeeContextual","companyId","employeeId","onEvent","alerts","useFlow","Alert","useComponentContext","useI18n","jsxs","Flex","alert","index","jsx","TerminateEmployee","ensureRequired","TerminationSummaryContextual","payrollOption","payrollUuid","t","useTranslation","TerminationSummary","event","data","componentEvents","DismissalFlowContextual","DismissalFlow"],"mappings":";;;;;;;;;;;AAiCO,SAASA,IAA8B;AAC5C,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA,GAC7C,EAAE,OAAAC,EAAA,IAAUC,EAAA;AAClB,SAAAC,EAAQ,uCAAuC,GAG7C,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAN,GAAQ,IAAI,CAACO,GAAOC,wBAClBN,GAAA,EAAkB,QAAQK,EAAM,MAAM,OAAOA,EAAM,OACjD,UAAAA,EAAM,QAAA,GADGC,CAEZ,CACD;AAAA,IACD,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAAX;AAAA,QACA,WAAWY,EAAed,CAAS;AAAA,QACnC,YAAYc,EAAeb,CAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACvC,GACF;AAEJ;AAEO,SAASc,IAA+B;AAC7C,QAAM,EAAE,WAAAf,GAAW,YAAAC,GAAY,eAAAe,GAAe,aAAAC,GAAa,SAAAf,EAAA,IACzDE,EAAA;AACF,EAAAG,EAAQ,uCAAuC;AAC/C,QAAM,EAAE,GAAAW,EAAA,IAAMC,EAAe,uCAAuC;AAgBpE,SACE,gBAAAP;AAAA,IAACQ;AAAA,IAAA;AAAA,MACC,SAhBgB,CAACC,GAAkBC,MAAmB;AACxD,YAAID,MAAUE,EAAgB,gCAAgC;AAC5D,UAAArB,EAAQmB,GAAO;AAAA,YACb,GAAIC;AAAA,YACJ,OAAO;AAAA,cACL,MAAM;AAAA,cACN,OAAOJ,EAAE,eAAe;AAAA,YAAA;AAAA,UAC1B,CACD;AACD;AAAA,QACF;AACA,QAAAhB,EAAQmB,GAAOC,CAAI;AAAA,MACrB;AAAA,MAKI,WAAWR,EAAed,CAAS;AAAA,MACnC,YAAYc,EAAeb,CAAU;AAAA,MACrC,eAAAe;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASO,IAA0B;AACxC,QAAM,EAAE,WAAAxB,GAAW,YAAAC,GAAY,aAAAgB,GAAa,SAAAf,EAAA,IAAYE,EAAA;AAExD,SACE,gBAAAQ;AAAA,IAACa;AAAA,IAAA;AAAA,MACC,WAAWX,EAAed,CAAS;AAAA,MACnC,YAAYc,EAAeb,CAAU;AAAA,MACrC,WAAWgB;AAAA,MACX,SAAAf;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Terminations/TerminationFlow/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { TerminationFlow } from './TerminationFlow';
+export type { TerminationFlowProps } from './TerminationFlowComponents';

package/dist/components/Employee/Terminations/TerminationFlow/terminationStateMachine.d.ts

@@ -0,0 +1,7 @@
+import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const terminationBreadcrumbNodes: BreadcrumbNodes;
+export declare const terminationMachine: {
+    form: import('robot3').MachineState<any>;
+    summary: import('robot3').MachineState<any>;
+    dismissalPayroll: import('robot3').MachineState<any>;
+};