@gusto/embedded-react-sdk 0.44.2 → 0.45.0

package/dist/components/Employee/Documents/shared/useSignEmployeeForm/useSignEmployeeForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSignEmployeeForm.js","sources":["../../../../../../src/components/Employee/Documents/shared/useSignEmployeeForm/useSignEmployeeForm.tsx"],"sourcesContent":["import { useMemo, useCallback, useState, useEffect } from 'react'\nimport { useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Form } from '@gusto/embedded-api/models/components/form'\nimport { useEmployeeFormsGet } from '@gusto/embedded-api/react-query/employeeFormsGet'\nimport { useEmployeeFormsGetPdf } from '@gusto/embedded-api/react-query/employeeFormsGetPdf'\nimport { useEmployeeFormsSignMutation } from '@gusto/embedded-api/react-query/employeeFormsSign'\nimport {\n  createSignEmployeeFormSchema,\n  MAX_PREPARERS,\n  PREPARER_FIELDS_BY_INDEX,\n  PREPARERS_BY_INDEX,\n  type SignEmployeeFormData,\n  type SignEmployeeFormOutputs,\n} from './signEmployeeFormSchema'\nimport {\n  SignatureField,\n  ConfirmSignatureField,\n  UsedPreparerField,\n  Preparer1FirstName,\n  Preparer1LastName,\n  Preparer1Street1,\n  Preparer1Street2,\n  Preparer1City,\n  Preparer1State,\n  Preparer1Zip,\n  Preparer1Signature,\n  Preparer1ConfirmSignature,\n  Preparer2FirstName,\n  Preparer2LastName,\n  Preparer2Street1,\n  Preparer2Street2,\n  Preparer2City,\n  Preparer2State,\n  Preparer2Zip,\n  Preparer2Signature,\n  Preparer2ConfirmSignature,\n  Preparer3FirstName,\n  Preparer3LastName,\n  Preparer3Street1,\n  Preparer3Street2,\n  Preparer3City,\n  Preparer3State,\n  Preparer3Zip,\n  Preparer3Signature,\n  Preparer3ConfirmSignature,\n  Preparer4FirstName,\n  Preparer4LastName,\n  Preparer4Street1,\n  Preparer4Street2,\n  Preparer4City,\n  Preparer4State,\n  Preparer4Zip,\n  Preparer4Signature,\n  Preparer4ConfirmSignature,\n} from './fields'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type {\n  BaseFormHookReady,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { I9_FORM_NAME, STATES_ABBR } from '@/shared/constants'\n\nconst stateOptions = STATES_ABBR.map(abbr => ({ label: abbr, value: abbr }))\n\n// ── Preparer field groups ──────────────────────────────────────────────\n\nconst preparer1Fields = {\n  FirstName: Preparer1FirstName,\n  LastName: Preparer1LastName,\n  Street1: Preparer1Street1,\n  Street2: Preparer1Street2,\n  City: Preparer1City,\n  State: Preparer1State,\n  Zip: Preparer1Zip,\n  Signature: Preparer1Signature,\n  ConfirmSignature: Preparer1ConfirmSignature,\n}\n\nconst preparer2Fields = {\n  FirstName: Preparer2FirstName,\n  LastName: Preparer2LastName,\n  Street1: Preparer2Street1,\n  Street2: Preparer2Street2,\n  City: Preparer2City,\n  State: Preparer2State,\n  Zip: Preparer2Zip,\n  Signature: Preparer2Signature,\n  ConfirmSignature: Preparer2ConfirmSignature,\n}\n\nconst preparer3Fields = {\n  FirstName: Preparer3FirstName,\n  LastName: Preparer3LastName,\n  Street1: Preparer3Street1,\n  Street2: Preparer3Street2,\n  City: Preparer3City,\n  State: Preparer3State,\n  Zip: Preparer3Zip,\n  Signature: Preparer3Signature,\n  ConfirmSignature: Preparer3ConfirmSignature,\n}\n\nconst preparer4Fields = {\n  FirstName: Preparer4FirstName,\n  LastName: Preparer4LastName,\n  Street1: Preparer4Street1,\n  Street2: Preparer4Street2,\n  City: Preparer4City,\n  State: Preparer4State,\n  Zip: Preparer4Zip,\n  Signature: Preparer4Signature,\n  ConfirmSignature: Preparer4ConfirmSignature,\n}\n\nexport type PreparerFieldGroup = typeof preparer1Fields\n\n// ── Types ──────────────────────────────────────────────────────────────\n\nexport interface UseSignEmployeeFormProps {\n  employeeId: string\n  formId: string\n}\n\nexport interface SignEmployeeFormFieldComponents {\n  Signature: typeof SignatureField\n  ConfirmSignature: typeof ConfirmSignatureField\n  UsedPreparer: typeof UsedPreparerField | undefined\n  Preparer1: PreparerFieldGroup | undefined\n  Preparer2: PreparerFieldGroup | undefined\n  Preparer3: PreparerFieldGroup | undefined\n  Preparer4: PreparerFieldGroup | undefined\n}\n\nexport interface UseSignEmployeeFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SignEmployeeFormData,\n  SignEmployeeFormFieldComponents\n> {\n  data: {\n    form: Form\n    pdfUrl: string | null | undefined\n  }\n  status: { isPending: boolean; mode: 'create' }\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Form> | undefined>\n    addPreparer?: () => void\n    removePreparer?: () => void\n  }\n  form: BaseFormHookReady<\n    FieldsMetadata,\n    SignEmployeeFormData,\n    SignEmployeeFormFieldComponents\n  >['form'] & {\n    preparers?: { count: number; canAdd: boolean; canRemove: boolean }\n  }\n}\n\n// ── Hook ───────────────────────────────────────────────────────────────\n\nexport function useSignEmployeeForm({\n  employeeId,\n  formId,\n}: UseSignEmployeeFormProps): HookLoadingResult | UseSignEmployeeFormReady {\n  const formQuery = useEmployeeFormsGet({ employeeId, formId })\n  const pdfQuery = useEmployeeFormsGetPdf({ employeeId, formId })\n\n  const form = formQuery.data?.form\n  const pdfUrl = pdfQuery.data?.formPdf?.documentUrl\n  const isI9 = form?.name === I9_FORM_NAME\n\n  const [preparerCount, setPreparerCount] = useState(0)\n\n  const [schema, metadataConfig] = useMemo(\n    () => createSignEmployeeFormSchema({ isI9, preparerCount }),\n    [isI9, preparerCount],\n  )\n\n  const formMethods = useForm<SignEmployeeFormData, unknown, SignEmployeeFormOutputs>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      signature: '',\n      confirmSignature: false,\n      usedPreparer: 'no',\n    },\n  })\n\n  const { mutateAsync: signForm, isPending } = useEmployeeFormsSignMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('SignEmployeeForm')\n\n  const queries = [formQuery, pdfQuery]\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const fieldsMetadata = useMemo(\n    () => ({\n      ...baseMetadata,\n      ...(isI9\n        ? {\n            usedPreparer: withOptions(baseMetadata.usedPreparer, [\n              { label: 'No, I completed this myself', value: 'no' },\n              { label: 'Yes, I used a preparer/translator', value: 'yes' },\n            ]),\n            preparerState: withOptions(baseMetadata.preparerState, stateOptions, STATES_ABBR),\n            preparer2State: withOptions(baseMetadata.preparer2State, stateOptions, STATES_ABBR),\n            preparer3State: withOptions(baseMetadata.preparer3State, stateOptions, STATES_ABBR),\n            preparer4State: withOptions(baseMetadata.preparer4State, stateOptions, STATES_ABBR),\n          }\n        : {}),\n    }),\n    [baseMetadata, isI9],\n  )\n\n  const addPreparer = useCallback(() => {\n    setPreparerCount(prev => Math.min(prev + 1, MAX_PREPARERS))\n  }, [])\n\n  const removePreparer = useCallback(() => {\n    setPreparerCount(prev => {\n      if (prev <= 0) return prev\n      const preparerFields = PREPARER_FIELDS_BY_INDEX[prev - 1]\n      if (!preparerFields) return prev\n      for (const name of preparerFields) {\n        formMethods.unregister(name)\n      }\n      return prev - 1\n    })\n  }, [formMethods.unregister])\n\n  const usedPreparer = isI9 ? formMethods.watch('usedPreparer') : undefined\n\n  useEffect(() => {\n    if (!isI9) return\n    if (usedPreparer === 'yes' && preparerCount === 0) {\n      addPreparer()\n    }\n    if (usedPreparer === 'no' && preparerCount > 0) {\n      for (let i = preparerCount; i > 0; i--) {\n        removePreparer()\n      }\n    }\n  }, [usedPreparer, isI9, preparerCount, addPreparer, removePreparer])\n\n  const onSubmit = async (): Promise<HookSubmitResult<Form> | undefined> => {\n    let submitResult: HookSubmitResult<Form> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: SignEmployeeFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const requestBody: Record<string, unknown> = {\n              signatureText: payload.signature,\n              agree: payload.confirmSignature,\n            }\n\n            if (isI9) {\n              Object.assign(requestBody, buildPreparerPayload(payload, preparerCount))\n            }\n\n            const result = await signForm({\n              request: {\n                employeeId,\n                formId: form!.uuid,\n                requestBody: requestBody as {\n                  signatureText: string\n                  agree: boolean\n                  signedByIpAddress: string\n                },\n              },\n            })\n\n            if (result.form) {\n              submitResult = { mode: 'create', data: result.form }\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading = formQuery.isLoading || pdfQuery.isLoading\n\n  if (isDataLoading || !form) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { form, pdfUrl },\n    status: { isPending, mode: 'create' as const },\n    actions: {\n      onSubmit,\n      ...(isI9 ? { addPreparer, removePreparer } : {}),\n    },\n    errorHandling,\n    form: {\n      Fields: {\n        Signature: SignatureField,\n        ConfirmSignature: ConfirmSignatureField,\n        UsedPreparer: isI9 ? UsedPreparerField : undefined,\n        Preparer1: isI9 && preparerCount >= 1 ? preparer1Fields : undefined,\n        Preparer2: isI9 && preparerCount >= 2 ? preparer2Fields : undefined,\n        Preparer3: isI9 && preparerCount >= 3 ? preparer3Fields : undefined,\n        Preparer4: isI9 && preparerCount >= 4 ? preparer4Fields : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n      ...(isI9\n        ? {\n            preparers: {\n              count: preparerCount,\n              canAdd: preparerCount < MAX_PREPARERS,\n              canRemove: preparerCount > 0,\n            },\n          }\n        : {}),\n    },\n  }\n}\n\n// ── Helpers ─────────────────────────────────────────────────────────────\n\nfunction buildPreparerPayload(payload: SignEmployeeFormOutputs, count: number) {\n  if (payload.usedPreparer !== 'yes' || count === 0) {\n    return { preparer: false }\n  }\n\n  const result: Record<string, unknown> = { preparer: true }\n\n  for (let index = 0; index < count; index++) {\n    if (index > 0) {\n      result[`preparer${String(index + 1)}`] = true\n    }\n\n    const preparer = PREPARERS_BY_INDEX[index]\n    if (!preparer) continue\n\n    result[preparer.firstName] = payload[preparer.firstName]\n    result[preparer.lastName] = payload[preparer.lastName]\n    result[preparer.street1] = payload[preparer.street1]\n    if (payload[preparer.street2]) {\n      result[preparer.street2] = payload[preparer.street2]\n    }\n    result[preparer.city] = payload[preparer.city]\n    result[preparer.state] = payload[preparer.state]\n    result[preparer.zip] = payload[preparer.zip]\n    result[preparer.signature] = payload[preparer.signature]\n    result[preparer.agree] = 'true'\n  }\n\n  return result\n}\n\nexport type UseSignEmployeeFormResult = HookLoadingResult | UseSignEmployeeFormReady\nexport type SignEmployeeFormFieldsMetadata = UseSignEmployeeFormReady['form']['fieldsMetadata']\nexport type SignEmployeeFormFields = UseSignEmployeeFormReady['form']['Fields']\n"],"names":["stateOptions","STATES_ABBR","abbr","preparer1Fields","Preparer1FirstName","Preparer1LastName","Preparer1Street1","Preparer1Street2","Preparer1City","Preparer1State","Preparer1Zip","Preparer1Signature","Preparer1ConfirmSignature","preparer2Fields","Preparer2FirstName","Preparer2LastName","Preparer2Street1","Preparer2Street2","Preparer2City","Preparer2State","Preparer2Zip","Preparer2Signature","Preparer2ConfirmSignature","preparer3Fields","Preparer3FirstName","Preparer3LastName","Preparer3Street1","Preparer3Street2","Preparer3City","Preparer3State","Preparer3Zip","Preparer3Signature","Preparer3ConfirmSignature","preparer4Fields","Preparer4FirstName","Preparer4LastName","Preparer4Street1","Preparer4Street2","Preparer4City","Preparer4State","Preparer4Zip","Preparer4Signature","Preparer4ConfirmSignature","useSignEmployeeForm","employeeId","formId","formQuery","useEmployeeFormsGet","pdfQuery","useEmployeeFormsGetPdf","form","pdfUrl","isI9","I9_FORM_NAME","preparerCount","setPreparerCount","useState","schema","metadataConfig","useMemo","createSignEmployeeFormSchema","formMethods","useForm","zodResolver","signForm","isPending","useEmployeeFormsSignMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","withOptions","addPreparer","useCallback","prev","MAX_PREPARERS","removePreparer","preparerFields","PREPARER_FIELDS_BY_INDEX","name","usedPreparer","useEffect","i","onSubmit","submitResult","resolve","data","payload","requestBody","buildPreparerPayload","result","hookFormInternals","useHookFormInternals","SignatureField","ConfirmSignatureField","UsedPreparerField","createGetFormSubmissionValues","count","index","preparer","PREPARERS_BY_INDEX"],"mappings":"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"}

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -1,20 +1,21 @@
-import { jsx as i, jsxs as p, Fragment as g } from "react/jsx-runtime";
-import { useTranslation as f, Trans as r } from "react-i18next";
-import { BaseLayout as h } from "../../../Base/Base.js";
+import { jsx as i, jsxs as n, Fragment as h } from "react/jsx-runtime";
+import { useTranslation as f, Trans as a } from "react-i18next";
+import { BaseLayout as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { Form as b } from "../../../Common/Form/Form.js";
-import { SDKFormProvider as E } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { useComponentContext as R } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function H({
-  federalTaxes: n,
-  onSubmit: s,
-  actions: a,
-  alert: d,
-  className: c,
-  children: u
+import { Form as E } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as R } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+function T({
+  federalTaxes: r,
+  onSubmit: d,
+  actions: c,
+  alert: m,
+  className: u,
+  children: p
 }) {
-  const { t: e } = f("Employee.FederalTaxes"), o = R(), t = n.form.Fields, m = (l) => {
-    switch (l) {
+  const { t: e } = f("Employee.FederalTaxes"), o = x(), t = r.form.Fields, g = (s) => {
+    switch (s) {
       case "Single":
         return e("filingStatusSingle");
       case "Married":
@@ -25,80 +26,86 @@ function H({
         return e("filingStatusExemptFromWithholding");
     }
   };
-  return /* @__PURE__ */ i("section", { className: c, children: /* @__PURE__ */ i(h, { error: n.errorHandling.errors, children: /* @__PURE__ */ i(E, { formHookResult: n, children: /* @__PURE__ */ i(b, { onSubmit: s, children: u ?? /* @__PURE__ */ p(g, { children: [
-    d,
-    /* @__PURE__ */ i(o.Heading, { as: "h1", children: e("federalTaxesTitle") }),
-    /* @__PURE__ */ i(o.Text, { children: /* @__PURE__ */ i(
-      r,
-      {
-        i18nKey: "irsCalculator",
-        t: e,
-        components: {
-          IrsCalculatorLink: /* @__PURE__ */ i(o.Link, {}),
-          HelpCenterLink: /* @__PURE__ */ i(o.Link, {})
-        }
-      }
-    ) }),
-    /* @__PURE__ */ i(
-      t.FilingStatus,
-      {
-        label: e("federalFilingStatus1c"),
-        placeholder: e("federalFilingStatusPlaceholder"),
-        description: e("selectWithholdingDescription"),
-        validationMessages: { REQUIRED: e("validations.federalFilingStatus") },
-        getOptionLabel: m
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.TwoJobs,
-      {
-        label: e("multipleJobs2c"),
-        description: /* @__PURE__ */ i(
-          r,
+  return /* @__PURE__ */ i(l, { flexDirection: "column", alignItems: "stretch", children: /* @__PURE__ */ i("section", { className: u, children: /* @__PURE__ */ i(b, { error: r.errorHandling.errors, children: /* @__PURE__ */ i(R, { formHookResult: r, children: /* @__PURE__ */ i(E, { onSubmit: d, children: p ?? /* @__PURE__ */ n(h, { children: [
+    m,
+    /* @__PURE__ */ n(l, { flexDirection: "column", gap: 32, children: [
+      /* @__PURE__ */ n(l, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ i(o.Heading, { as: "h1", styledAs: "h2", children: e("federalTaxesTitle") }),
+        /* @__PURE__ */ i(o.Text, { variant: "supporting", children: /* @__PURE__ */ i(
+          a,
           {
-            i18nKey: "includesSpouseExplanation",
+            i18nKey: "irsCalculator",
             t: e,
             components: {
-              IrsLink: /* @__PURE__ */ i(o.Link, {})
+              IrsCalculatorLink: /* @__PURE__ */ i(o.Link, {}),
+              HelpCenterLink: /* @__PURE__ */ i(o.Link, {})
             }
           }
+        ) })
+      ] }),
+      /* @__PURE__ */ n(l, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ i(
+          t.FilingStatus,
+          {
+            label: e("federalFilingStatus1c"),
+            placeholder: e("federalFilingStatusPlaceholder"),
+            description: e("selectWithholdingDescription"),
+            validationMessages: { REQUIRED: e("validations.federalFilingStatus") },
+            getOptionLabel: g
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.TwoJobs,
+          {
+            label: e("multipleJobs2c"),
+            description: /* @__PURE__ */ i(
+              a,
+              {
+                i18nKey: "includesSpouseExplanation",
+                t: e,
+                components: {
+                  IrsLink: /* @__PURE__ */ i(o.Link, {})
+                }
+              }
+            ),
+            validationMessages: { REQUIRED: e("validations.federalTwoJobs") },
+            getOptionLabel: (s) => e(s ? "twoJobYesLabel" : "twoJobNoLabel")
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.DependentsAmount,
+          {
+            label: e("dependentsTotalIfApplicable"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
         ),
-        validationMessages: { REQUIRED: e("validations.federalTwoJobs") },
-        getOptionLabel: (l) => e(l ? "twoJobYesLabel" : "twoJobNoLabel")
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.DependentsAmount,
-      {
-        label: e("dependentsTotalIfApplicable"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.OtherIncome,
-      {
-        label: e("otherIncome"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.Deductions,
-      {
-        label: e("deductions"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    /* @__PURE__ */ i(
-      t.ExtraWithholding,
-      {
-        label: e("extraWithholding"),
-        validationMessages: { REQUIRED: e("fieldIsRequired") }
-      }
-    ),
-    a
-  ] }) }) }) }) });
+        /* @__PURE__ */ i(
+          t.OtherIncome,
+          {
+            label: e("otherIncome"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.Deductions,
+          {
+            label: e("deductions"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
+        ),
+        /* @__PURE__ */ i(
+          t.ExtraWithholding,
+          {
+            label: e("extraWithholding"),
+            validationMessages: { REQUIRED: e("fieldIsRequired") }
+          }
+        )
+      ] }),
+      c
+    ] })
+  ] }) }) }) }) }) });
 }
 export {
-  H as FederalTaxesView
+  T as FederalTaxesView
 };
 //# sourceMappingURL=FederalTaxesView.js.map

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js.map

@@ -1 +1 @@
-{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n}\n\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n}: FederalTaxesViewProps) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <section className={className}>\n      <BaseLayout error={federalTaxes.errorHandling.errors}>\n        <SDKFormProvider formHookResult={federalTaxes}>\n          <Form onSubmit={onSubmit}>\n            {children ?? (\n              <>\n                {alert}\n\n                <Components.Heading as=\"h1\">{t('federalTaxesTitle')}</Components.Heading>\n                <Components.Text>\n                  <Trans\n                    i18nKey=\"irsCalculator\"\n                    t={t}\n                    components={{\n                      IrsCalculatorLink: <Components.Link />,\n                      HelpCenterLink: <Components.Link />,\n                    }}\n                  />\n                </Components.Text>\n\n                <Fields.FilingStatus\n                  label={t('federalFilingStatus1c')}\n                  placeholder={t('federalFilingStatusPlaceholder')}\n                  description={t('selectWithholdingDescription')}\n                  validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                  getOptionLabel={filingStatusLabel}\n                />\n                <Fields.TwoJobs\n                  label={t('multipleJobs2c')}\n                  description={\n                    <Trans\n                      i18nKey=\"includesSpouseExplanation\"\n                      t={t}\n                      components={{\n                        IrsLink: <Components.Link />,\n                      }}\n                    />\n                  }\n                  validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                  getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                />\n                <Fields.DependentsAmount\n                  label={t('dependentsTotalIfApplicable')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.OtherIncome\n                  label={t('otherIncome')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.Deductions\n                  label={t('deductions')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n                <Fields.ExtraWithholding\n                  label={t('extraWithholding')}\n                  validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                />\n\n                {actions}\n              </>\n            )}\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}
+{"version":3,"file":"FederalTaxesView.js","sources":["../../../../../src/components/Employee/FederalTaxes/shared/FederalTaxesView.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport { type useFederalTaxesForm, type FilingStatusValue } from './useFederalTaxesForm'\nimport { BaseLayout } from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common/Flex'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype ReadyFederalTaxesForm = Extract<ReturnType<typeof useFederalTaxesForm>, { isLoading: false }>\n\nexport interface FederalTaxesViewProps {\n  federalTaxes: ReadyFederalTaxesForm\n  onSubmit: () => void | Promise<void>\n  actions: ReactNode\n  alert?: ReactNode\n  className?: string\n  children?: ReactNode\n}\n\nexport function FederalTaxesView({\n  federalTaxes,\n  onSubmit,\n  actions,\n  alert,\n  className,\n  children,\n}: FederalTaxesViewProps) {\n  const { t } = useTranslation('Employee.FederalTaxes')\n  const Components = useComponentContext()\n  const Fields = federalTaxes.form.Fields\n\n  const filingStatusLabel = (value: FilingStatusValue): string => {\n    switch (value) {\n      case 'Single':\n        return t('filingStatusSingle')\n      case 'Married':\n        return t('filingStatusMarried')\n      case 'Head of Household':\n        return t('filingStatusHeadOfHousehold')\n      case 'Exempt from withholding':\n        return t('filingStatusExemptFromWithholding')\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\">\n      <section className={className}>\n        <BaseLayout error={federalTaxes.errorHandling.errors}>\n          <SDKFormProvider formHookResult={federalTaxes}>\n            <Form onSubmit={onSubmit}>\n              {children ?? (\n                <>\n                  {alert}\n                  <Flex flexDirection=\"column\" gap={32}>\n                    <Flex flexDirection=\"column\" gap={4}>\n                      <Components.Heading as=\"h1\" styledAs=\"h2\">\n                        {t('federalTaxesTitle')}\n                      </Components.Heading>\n                      <Components.Text variant=\"supporting\">\n                        <Trans\n                          i18nKey=\"irsCalculator\"\n                          t={t}\n                          components={{\n                            IrsCalculatorLink: <Components.Link />,\n                            HelpCenterLink: <Components.Link />,\n                          }}\n                        />\n                      </Components.Text>\n                    </Flex>\n                    <Flex flexDirection=\"column\" gap={20}>\n                      <Fields.FilingStatus\n                        label={t('federalFilingStatus1c')}\n                        placeholder={t('federalFilingStatusPlaceholder')}\n                        description={t('selectWithholdingDescription')}\n                        validationMessages={{ REQUIRED: t('validations.federalFilingStatus') }}\n                        getOptionLabel={filingStatusLabel}\n                      />\n                      <Fields.TwoJobs\n                        label={t('multipleJobs2c')}\n                        description={\n                          <Trans\n                            i18nKey=\"includesSpouseExplanation\"\n                            t={t}\n                            components={{\n                              IrsLink: <Components.Link />,\n                            }}\n                          />\n                        }\n                        validationMessages={{ REQUIRED: t('validations.federalTwoJobs') }}\n                        getOptionLabel={value => (value ? t('twoJobYesLabel') : t('twoJobNoLabel'))}\n                      />\n                      <Fields.DependentsAmount\n                        label={t('dependentsTotalIfApplicable')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.OtherIncome\n                        label={t('otherIncome')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.Deductions\n                        label={t('deductions')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                      <Fields.ExtraWithholding\n                        label={t('extraWithholding')}\n                        validationMessages={{ REQUIRED: t('fieldIsRequired') }}\n                      />\n                    </Flex>\n\n                    {actions}\n                  </Flex>\n                </>\n              )}\n            </Form>\n          </SDKFormProvider>\n        </BaseLayout>\n      </section>\n    </Flex>\n  )\n}\n"],"names":["FederalTaxesView","federalTaxes","onSubmit","actions","alert","className","children","t","useTranslation","Components","useComponentContext","Fields","filingStatusLabel","value","jsx","Flex","BaseLayout","SDKFormProvider","Form","jsxs","Fragment","Trans"],"mappings":"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"}

package/dist/components/Employee/HomeAddress/management/HomeAddressView.js

@@ -1,14 +1,14 @@
 import { jsxs as r, jsx as e, Fragment as V } from "react/jsx-runtime";
-import { useState as I, useRef as Re, useLayoutEffect as ke, useMemo as w } from "react";
-import { useTranslation as O, Trans as L } from "react-i18next";
+import { useState as I, useRef as Re, useLayoutEffect as ke, useMemo as A } from "react";
+import { useTranslation as O, Trans as w } from "react-i18next";
 import { useWatch as Te } from "react-hook-form";
 import { getPendingFutureHomeAddress as Pe, formatPendingHomeAddressLine as z } from "./getPendingFutureHomeAddress.js";
 import Ie from "../../../../assets/icons/house.svg.js";
-import we from "../../../../assets/icons/pencil.svg.js";
-import Le from "../../../../assets/icons/trashcan.svg.js";
+import Ae from "../../../../assets/icons/pencil.svg.js";
+import we from "../../../../assets/icons/trashcan.svg.js";
 import { HomeAddressErrorCodes as a } from "../../Profile/shared/useHomeAddressForm/homeAddressSchema.js";
 import { SDKFormProvider as Z } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
-import { Flex as s, FlexItem as Ae } from "../../../Common/Flex/Flex.js";
+import { Flex as s, FlexItem as Le } from "../../../Common/Flex/Flex.js";
 import { Grid as j } from "../../../Common/Grid/Grid.js";
 import { EmptyData as Fe } from "../../../Common/EmptyData/EmptyData.js";
 import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -22,7 +22,7 @@ function q({
   formHook: m,
   tHa: c
 }) {
-  const C = Y(), { control: A } = m.form.hookFormInternals.formMethods, f = Te({ control: A, name: "courtesyWithholding" });
+  const y = Y(), { control: L } = m.form.hookFormInternals.formMethods, f = Te({ control: L, name: "courtesyWithholding" });
   return /* @__PURE__ */ r(V, { children: [
     /* @__PURE__ */ e(
       u,
@@ -31,33 +31,33 @@ function q({
         description: /* @__PURE__ */ r(V, { children: [
           c("courtesyWithholdingDescription"),
           /* @__PURE__ */ e(
-            L,
+            w,
             {
               t: c,
               i18nKey: "learnMoreCta",
               components: {
-                LearnMoreLink: /* @__PURE__ */ e(C.Link, {})
+                LearnMoreLink: /* @__PURE__ */ e(y.Link, {})
               }
             }
           )
         ] })
       }
     ),
-    f ? /* @__PURE__ */ e(C.Alert, { label: c("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(L, { t: c, i18nKey: "withholdingNote" }) }) : null
+    f ? /* @__PURE__ */ e(y.Alert, { label: c("withholdingTitle"), status: "warning", children: /* @__PURE__ */ e(w, { t: c, i18nKey: "withholdingNote" }) }) : null
   ] });
 }
 function at({
   editHomeAddressForm: u,
   createHomeAddressForm: m,
   employeeHomeAddresses: c,
-  employeeDisplayName: C,
-  editingHomeAddressUuid: A,
+  employeeDisplayName: y,
+  editingHomeAddressUuid: L,
   onEditAddressTargetChange: f,
   onSaved: G,
   onConfirmDelete: N,
   isDeletePending: _ = !1
 }) {
-  const { t } = O("Employee.HomeAddress.Management"), { t: o } = O("Employee.HomeAddress"), n = Y(), [l, y] = I(null), [h, S] = I(null), R = Re(null), [k, F] = I(void 0);
+  const { t } = O("Employee.HomeAddress.Management"), { t: o } = O("Employee.HomeAddress"), n = Y(), [l, C] = I(null), [h, S] = I(null), R = Re(null), [k, F] = I(void 0);
   ke(() => {
     if (!l) {
       F(void 0);
@@ -106,16 +106,16 @@ function at({
     [a.INVALID_ZIP]: o("validations.zip")
   }, he = {
     [a.REQUIRED]: t("form.startDateRequired")
-  }, M = w(
+  }, M = A(
     () => Pe(p),
     [p]
-  ), Q = w(() => {
+  ), Q = A(() => {
     if (!(!h || !p))
       return p.find((i) => i.uuid === h);
-  }, [h, p]), ge = w(() => {
-    const i = C.trim();
+  }, [h, p]), ge = A(() => {
+    const i = y.trim();
     return i ? `${i}'s` : t("changePendingPossessiveFallback");
-  }, [C, t]), b = [...p ?? []].sort((i, d) => {
+  }, [y, t]), b = [...p ?? []].sort((i, d) => {
     const v = i.effectiveDate?.toString() ?? "", D = d.effectiveDate?.toString() ?? "";
     return !v && !D ? 0 : v ? D ? v.localeCompare(D) : -1 : 1;
   }), pe = [...b.filter((i) => i.active !== !0)].reverse(), ve = (i) => {
@@ -154,16 +154,16 @@ function at({
           {
             label: t("rowEdit"),
             onClick: () => {
-              f(i.uuid), y("edit");
+              f(i.uuid), C("edit");
             },
-            icon: /* @__PURE__ */ e(we, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(Ae, { "aria-hidden": !0 })
           },
           {
             label: t("rowDelete"),
             onClick: () => {
               i.active !== !0 && S(i.uuid);
             },
-            icon: /* @__PURE__ */ e(Le, { "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(we, { "aria-hidden": !0 })
           }
         ]
       }
@@ -177,8 +177,8 @@ function at({
       }
     ) })
   }), T = () => {
-    y(null), f(void 0);
-  }, Ce = async () => {
+    C(null), f(void 0);
+  }, ye = async () => {
     if (!h)
       return;
     await N(h) && S(null);
@@ -190,7 +190,7 @@ function at({
     onSubmit: ee,
     formMethods: m.form.hookFormInternals.formMethods,
     isPending: W.isPending
-  } : null, ye = async () => {
+  } : null, Ce = async () => {
     if (!x)
       return;
     const i = await x.onSubmit();
@@ -199,8 +199,8 @@ function at({
     (i || !d) && T();
   }, Se = x?.isPending ?? !1;
   return /* @__PURE__ */ r(s, { flexDirection: "column", gap: 24, children: [
-    /* @__PURE__ */ r(s, { flexDirection: "column", gap: 8, alignItems: "flex-start", children: [
-      /* @__PURE__ */ e(n.Heading, { as: "h1", children: t("title") }),
+    /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, alignItems: "flex-start", children: [
+      /* @__PURE__ */ e(n.Heading, { as: "h1", styledAs: "h2", children: t("title") }),
       /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t("description") })
     ] }),
     /* @__PURE__ */ e(
@@ -215,7 +215,7 @@ function at({
               {
                 variant: "secondary",
                 onClick: () => {
-                  f(void 0), y("edit");
+                  f(void 0), C("edit");
                 },
                 isLoading: U.isPending,
                 children: t("editCta")
@@ -228,7 +228,7 @@ function at({
           {
             variant: "secondary",
             onClick: () => {
-              f(void 0), y("create");
+              f(void 0), C("create");
             },
             isLoading: W.isPending,
             children: t("changeCta")
@@ -236,7 +236,7 @@ function at({
         ),
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
           g ? /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
-            /* @__PURE__ */ r(Ae, { children: [
+            /* @__PURE__ */ r(Le, { children: [
               /* @__PURE__ */ e(n.Text, { weight: "medium", children: K(g) }),
               /* @__PURE__ */ e(n.Text, { weight: "medium", children: $(g) })
             ] }),
@@ -254,7 +254,7 @@ function at({
       }
     ),
     /* @__PURE__ */ r(s, { flexDirection: "column", gap: 12, children: [
-      /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("historySectionTitle") }),
+      /* @__PURE__ */ e(n.Heading, { as: "h2", styledAs: "h4", children: t("historySectionTitle") }),
       /* @__PURE__ */ e(Qe, { label: t("historySectionTitle"), ...De })
     ] }),
     /* @__PURE__ */ e(
@@ -280,16 +280,18 @@ function at({
             {
               variant: "primary",
               onClick: () => {
-                ye();
+                Ce();
               },
               isLoading: Se,
               children: t("submitCta")
             }
           )
         ] }),
-        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
-          /* @__PURE__ */ e(n.Heading, { as: "h2", children: t(l === "edit" ? "editModalTitle" : "createModalTitle") }),
-          /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t(l === "edit" ? "editModalDescription" : "createModalDescription") }),
+        children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 32, children: [
+          /* @__PURE__ */ r(s, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ e(n.Heading, { as: "h2", children: t(l === "edit" ? "editModalTitle" : "createModalTitle") }),
+            /* @__PURE__ */ e(n.Text, { variant: "supporting", children: t(l === "edit" ? "editModalDescription" : "createModalDescription") })
+          ] }),
           l === "edit" ? /* @__PURE__ */ e(Z, { formHookResult: u, children: /* @__PURE__ */ r(
             j,
             {
@@ -442,7 +444,7 @@ function at({
             {
               variant: "error",
               onClick: () => {
-                Ce();
+                ye();
               },
               isLoading: _,
               children: t("deleteModalConfirmCta")
@@ -452,7 +454,7 @@ function at({
         children: /* @__PURE__ */ r(s, { flexDirection: "column", gap: 16, children: [
           /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("deleteModalTitle") }),
           /* @__PURE__ */ e(n.Text, { variant: "supporting", children: Q ? /* @__PURE__ */ e(
-            L,
+            w,
             {
               t,
               i18nKey: "deleteModalDescription",