fix: update deductions copy and export components (#459)

Author: serikjensen

src/components/Employee/Deductions/Deductions.tsx

@@ -9,6 +9,9 @@ import {
   DeductionsListContextual,
 } from './DeductionsComponents'
 import { deductionsStateMachine } from './stateMachine'
+import { DeductionsForm } from './DeductionsForm/DeductionsForm'
+import { DeductionsList } from './DeductionsList/DeductionsList'
+import { IncludeDeductionsForm } from './IncludeDeductionsForm/IncludeDeductionsForm'
 import { Flow } from '@/components/Flow/Flow'
 import { BaseComponent, type BaseComponentInterface } from '@/components/Base'
 import { useComponentDictionary } from '@/i18n/I18n'
@@ -78,3 +81,7 @@ export const DeductionsContextual = () => {
   }
   return <Deductions employeeId={employeeId} onEvent={onEvent} />
 }
+
+Deductions.DeductionsForm = DeductionsForm
+Deductions.DeductionsList = DeductionsList
+Deductions.IncludeDeductionsForm = IncludeDeductionsForm

src/components/Employee/Deductions/DeductionsComponents.tsx

@@ -1,7 +1,7 @@
 import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'
 import { IncludeDeductionsForm } from './IncludeDeductionsForm/IncludeDeductionsForm'
 import { DeductionsList } from './DeductionsList/DeductionsList'
-import { DeductionForm } from './DeductionForm/DeductionForm'
+import { DeductionsForm } from './DeductionsForm/DeductionsForm'
 import { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'
 import type { componentEvents } from '@/shared/constants'
 import { ensureRequired } from '@/helpers/ensureRequired'
@@ -39,7 +39,7 @@ export function DeductionFormContextual() {
   const { employeeId, onEvent, currentDeductionId } = useFlow<DeductionsContextInterface>()
 
   return (
-    <DeductionForm
+    <DeductionsForm
       onEvent={onEvent}
       employeeId={ensureRequired(employeeId)}
       deductionId={currentDeductionId}

…ductions/DeductionForm/DeductionForm.tsx …ctions/DeductionsForm/DeductionsForm.tsxsrc/components/Employee/Deductions/DeductionForm/DeductionForm.tsx renamed to src/components/Employee/Deductions/DeductionsForm/DeductionsForm.tsx src/components/Employee/Deductions/DeductionForm/DeductionForm.tsx renamed to src/components/Employee/Deductions/DeductionsForm/DeductionsForm.tsx

@@ -49,20 +49,20 @@ export const DeductionSchema = z.object({
 export type DeductionInputs = z.input<typeof DeductionSchema>
 export type DeductionPayload = z.output<typeof DeductionSchema>
 
-interface DeductionFormProps extends CommonComponentInterface<'Employee.Deductions'> {
+interface DeductionsFormProps extends CommonComponentInterface<'Employee.Deductions'> {
   employeeId: string
   deductionId?: string | null
 }
 
-export function DeductionForm(props: DeductionFormProps & BaseComponentInterface) {
+export function DeductionsForm(props: DeductionsFormProps & BaseComponentInterface) {
   return (
     <BaseComponent {...props}>
       <Root {...props}>{props.children}</Root>
     </BaseComponent>
   )
 }
 
-function Root({ className, children, employeeId, deductionId, dictionary }: DeductionFormProps) {
+function Root({ className, children, employeeId, deductionId, dictionary }: DeductionsFormProps) {
   const { onEvent, baseSubmitHandler } = useBase()
   const { t } = useTranslation('Employee.Deductions')
   const Components = useComponentContext()

src/i18n/en/Employee.Deductions.json

@@ -7,7 +7,6 @@
   "continueCta": "Continue",
   "addDeductionTitle": "Add Deduction",
   "editDeductionTitle": "Edit Deduction",
-  "addDeuctionDescription": "Deductions from employee net pay will start on their next pay period and appear on their paystub and payroll receipts as a separate line item. Note: All deductions are post-tax.",
   "descriptionLabel": "Deduction description",
   "frequencyLabel": "Deduction frequency",
   "frequencyRecurringOption": "This deduction occurs every payroll",
@@ -16,7 +15,7 @@
   "deductionTypeLabel": "Deduction type",
   "deductionTypePercentageOption": "Percentage",
   "deductionTypeFixedAmountOption": "Fixed dollar amount",
-  "deductionAmountLabel": "Step 4c: Extra withholding",
+  "deductionAmountLabel": "Amount to withhold",
   "annualMaxLabel": "Annual maximum",
   "courtOrderedLabel": "This is a court-ordered deduction",
   "nameColumn": "Deduction",

src/types/i18next.d.ts

@@ -594,7 +594,6 @@ export interface EmployeeDeductions{
 "continueCta":string;
 "addDeductionTitle":string;
 "editDeductionTitle":string;
-"addDeuctionDescription":string;
 "descriptionLabel":string;
 "frequencyLabel":string;
 "frequencyRecurringOption":string;