@gusto/embedded-react-sdk 0.43.0 → 0.44.1

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

@@ -1 +1 @@
-{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport { useEmployeePaymentMethodDeleteBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Actions } from '@/components/Employee/PaymentMethod/Actions'\nimport { BankAccountForm } from '@/components/Employee/PaymentMethod/BankAccountEdit'\nimport { BankAccountsList } from '@/components/Employee/PaymentMethod/BankAccountsList'\nimport { Head } from '@/components/Employee/PaymentMethod/Head'\nimport { PaymentTypeForm } from '@/components/Employee/PaymentMethod/PaymentTypeForm'\nimport { Split } from '@/components/Employee/PaymentMethod/Split'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\n\ninterface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n}\n\nexport function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, dictionary, isAdmin = false }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { employeePaymentMethod },\n  } = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const paymentMethod = employeePaymentMethod!\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const bankAccounts = bankAccountsList.employeeBankAccountList!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const [mode, setMode] = useState<MODE>(bankAccounts.length < 1 ? 'INITIAL' : 'LIST')\n  if (mode !== 'INITIAL' && bankAccounts.length < 1) {\n    setMode('INITIAL')\n  }\n\n  const baseDefaultValues: Partial<CombinedSchemaOutputs> = useMemo(() => {\n    return {\n      type: 'Direct Deposit',\n      isSplit: false,\n      hasBankPayload: false,\n      name: '',\n      routingNumber: '',\n      accountNumber: '',\n      accountType: 'Checking',\n      splitBy: undefined,\n      splitAmount: {},\n      priority: {},\n    } as Partial<CombinedSchemaOutputs>\n  }, [])\n\n  const defaultValues: CombinedSchemaOutputs = useMemo(() => {\n    const isAmountSplit = paymentMethod.splitBy === SPLIT_BY.amount\n    return {\n      ...baseDefaultValues,\n      type: paymentMethod.type ?? 'Direct Deposit',\n      splitBy: paymentMethod.splitBy ?? undefined,\n      ...paymentMethod.splits?.reduce(\n        (acc, { uuid, splitAmount, priority }) => ({\n          splitAmount: {\n            ...acc.splitAmount,\n            [uuid]: isAmountSplit ? centsToDollars(splitAmount ?? null) : (splitAmount ?? null),\n          },\n          priority: { ...acc.priority, [uuid]: Number(priority) },\n        }),\n        { splitAmount: {}, priority: {} },\n      ),\n      remainder:\n        paymentMethod.type === 'Direct Deposit' && paymentMethod.splits\n          ? paymentMethod.splits.reduce(\n              (acc, curr) =>\n                curr.splitAmount === null ? curr.uuid : (paymentMethod.splits?.at(-1)?.uuid ?? acc),\n              '',\n            )\n          : undefined,\n    } as CombinedSchemaOutputs\n  }, [baseDefaultValues, paymentMethod.type, paymentMethod.splitBy, paymentMethod.splits])\n\n  const formMethods = useForm<CombinedSchemaInputs>({\n    resolver: zodResolver(CombinedSchema),\n    defaultValues: defaultValues as DefaultValues<CombinedSchemaInputs>,\n  })\n\n  const watchedType = formMethods.watch('type')\n\n  const { reset: resetForm } = formMethods\n  const { mutateAsync: mutatePaymentMethod } = paymentMethodMutation\n\n  useEffect(() => {\n    void (async () => {\n      if (paymentMethod.splits?.length === 1 && paymentMethod.type === 'Direct Deposit') {\n        await mutatePaymentMethod({\n          request: {\n            employeeId,\n            requestBody: {\n              splitBy: SPLIT_BY.percentage,\n              splits: paymentMethod.splits.map(split => ({\n                ...split,\n                splitAmount: 100,\n                priority: 1,\n              })),\n              version: paymentMethod.version as string,\n              type: 'Direct Deposit',\n            },\n          },\n        })\n      }\n    })()\n  }, [employeeId, paymentMethod, queryClient, mutatePaymentMethod])\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [bankAccounts.length, paymentMethod, defaultValues, resetForm])\n\n  const onSubmit: SubmitHandler<CombinedSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { type } = payload\n      if (\n        type === 'Direct Deposit' &&\n        payload.hasBankPayload &&\n        (mode === 'ADD' || mode === 'INITIAL')\n      ) {\n        const bankAccountResponse = await addBankAccountMutation.mutateAsync({\n          request: {\n            employeeId,\n            requestBody: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, bankAccountResponse)\n      } else {\n        //Adding bank account updates payment method\n        const body =\n          type === PAYMENT_METHODS.check\n            ? { version: paymentMethod.version as string }\n            : {\n                ...paymentMethod,\n                version: paymentMethod.version as string,\n                splitBy: payload.isSplit\n                  ? payload.splitBy\n                  : (paymentMethod.splitBy ?? SPLIT_BY.percentage),\n                splits:\n                  payload.isSplit && paymentMethod.splits\n                    ? paymentMethod.splits.map(split => {\n                        const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                        const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n                        return {\n                          ...split,\n                          splitAmount: isAmountSplit\n                            ? dollarsToCents(splitAmountValue)\n                            : splitAmountValue,\n                          priority: payload.priority[split.uuid],\n                        }\n                      })\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      }\n      //Cleanup after submission bank/split submission\n      formMethods.setValue('isSplit', false)\n      formMethods.setValue('hasBankPayload', false)\n      //Notify that this component is ready to proceed\n      if (mode === 'LIST' || type === PAYMENT_METHODS.check) {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n      } else {\n        setMode('LIST')\n      }\n    })\n  }\n\n  const handleDelete = async (uuid: string) => {\n    const data = await deleteBankAccountMutation.mutateAsync({\n      request: { employeeId, bankAccountUuid: uuid },\n    })\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, data)\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n    resetForm(defaultValues)\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    resetForm(defaultValues)\n  }\n  const handleSplit = () => {\n    setMode('SPLIT')\n  }\n\n  return (\n    <section className={className}>\n      <PaymentMethodProvider\n        value={{\n          bankAccounts,\n          isPending:\n            deleteBankAccountMutation.isPending ||\n            paymentMethodMutation.isPending ||\n            addBankAccountMutation.isPending ||\n            updateBankAccountMutation.isPending,\n          deletePendingBankAccountUuid: deleteBankAccountMutation.isPending\n            ? deleteBankAccountMutation.variables.request.bankAccountUuid\n            : undefined,\n          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\n          isAdmin,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Head />\n            <PaymentTypeForm />\n            <BankAccountsList />\n            <BankAccountForm />\n            <Split />\n            <Actions />\n          </Form>\n        </FormProvider>\n      </PaymentMethodProvider>\n    </section>\n  )\n}\n\nexport const PaymentMethodContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'PaymentMethod',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <PaymentMethod employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","dictionary","isAdmin","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","isAmountSplit","SPLIT_BY","acc","uuid","splitAmount","priority","centsToDollars","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","splitAmountValue","dollarsToCents","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}
+{"version":3,"file":"PaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/PaymentMethod.tsx"],"sourcesContent":["import { zodResolver } from '@hookform/resolvers/zod'\nimport { useEmployeePaymentMethodCreateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodCreate'\nimport { useEmployeePaymentMethodDeleteBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodDeleteBankAccount'\nimport { useEmployeePaymentMethodsGetBankAccountsSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodGetSuspense } from '@gusto/embedded-api/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodUpdateBankAccountMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdateBankAccount'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api/react-query/employeePaymentMethodUpdate'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useEffect, useMemo, useState } from 'react'\nimport { FormProvider, useForm, type DefaultValues, type SubmitHandler } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { OnboardingContextInterface } from '../OnboardingFlow/OnboardingFlowComponents'\nimport {\n  CombinedSchema,\n  type CombinedSchemaInputs,\n  type CombinedSchemaOutputs,\n  type MODE,\n  PaymentMethodProvider,\n} from './usePaymentMethod'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Form } from '@/components/Common/Form'\nimport { Actions } from '@/components/Employee/PaymentMethod/Actions'\nimport { BankAccountForm } from '@/components/Employee/PaymentMethod/BankAccountEdit'\nimport { BankAccountsList } from '@/components/Employee/PaymentMethod/BankAccountsList'\nimport { Head } from '@/components/Employee/PaymentMethod/Head'\nimport { PaymentTypeForm } from '@/components/Employee/PaymentMethod/PaymentTypeForm'\nimport { Split } from '@/components/Employee/PaymentMethod/Split'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\n\ninterface PaymentMethodProps extends CommonComponentInterface<'Employee.PaymentMethod'> {\n  employeeId: string\n  defaultValues?: never\n  isAdmin?: boolean\n}\n\nexport function PaymentMethod(props: PaymentMethodProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ employeeId, className, dictionary, isAdmin = false }: PaymentMethodProps) => {\n  useI18n('Employee.PaymentMethod')\n  useComponentDictionary('Employee.PaymentMethod', dictionary)\n  const { baseSubmitHandler, onEvent } = useBase()\n  const queryClient = useQueryClient()\n\n  const {\n    data: { employeePaymentMethod },\n  } = useEmployeePaymentMethodGetSuspense({ employeeId })\n  const paymentMethod = employeePaymentMethod!\n  const { data: bankAccountsList } = useEmployeePaymentMethodsGetBankAccountsSuspense({\n    employeeId,\n  })\n  const bankAccounts = bankAccountsList.employeeBankAccounts!\n  const paymentMethodMutation = useEmployeePaymentMethodUpdateMutation()\n  const deleteBankAccountMutation = useEmployeePaymentMethodDeleteBankAccountMutation()\n  const addBankAccountMutation = useEmployeePaymentMethodCreateMutation()\n  const updateBankAccountMutation = useEmployeePaymentMethodUpdateBankAccountMutation()\n\n  const [mode, setMode] = useState<MODE>(bankAccounts.length < 1 ? 'INITIAL' : 'LIST')\n  if (mode !== 'INITIAL' && bankAccounts.length < 1) {\n    setMode('INITIAL')\n  }\n\n  const baseDefaultValues: Partial<CombinedSchemaOutputs> = useMemo(() => {\n    return {\n      type: 'Direct Deposit',\n      isSplit: false,\n      hasBankPayload: false,\n      name: '',\n      routingNumber: '',\n      accountNumber: '',\n      accountType: 'Checking',\n      splitBy: undefined,\n      splitAmount: {},\n      priority: {},\n    } as Partial<CombinedSchemaOutputs>\n  }, [])\n\n  const defaultValues: CombinedSchemaOutputs = useMemo(() => {\n    const isAmountSplit = paymentMethod.splitBy === SPLIT_BY.amount\n    return {\n      ...baseDefaultValues,\n      type: paymentMethod.type ?? 'Direct Deposit',\n      splitBy: paymentMethod.splitBy ?? undefined,\n      ...paymentMethod.splits?.reduce(\n        (acc, { uuid, splitAmount, priority }) => ({\n          splitAmount: {\n            ...acc.splitAmount,\n            [uuid]: isAmountSplit ? centsToDollars(splitAmount ?? null) : (splitAmount ?? null),\n          },\n          priority: { ...acc.priority, [uuid]: Number(priority) },\n        }),\n        { splitAmount: {}, priority: {} },\n      ),\n      remainder:\n        paymentMethod.type === 'Direct Deposit' && paymentMethod.splits\n          ? paymentMethod.splits.reduce(\n              (acc, curr) =>\n                curr.splitAmount === null ? curr.uuid : (paymentMethod.splits?.at(-1)?.uuid ?? acc),\n              '',\n            )\n          : undefined,\n    } as CombinedSchemaOutputs\n  }, [baseDefaultValues, paymentMethod.type, paymentMethod.splitBy, paymentMethod.splits])\n\n  const formMethods = useForm<CombinedSchemaInputs>({\n    resolver: zodResolver(CombinedSchema),\n    defaultValues: defaultValues as DefaultValues<CombinedSchemaInputs>,\n  })\n\n  const watchedType = formMethods.watch('type')\n\n  const { reset: resetForm } = formMethods\n  const { mutateAsync: mutatePaymentMethod } = paymentMethodMutation\n\n  useEffect(() => {\n    void (async () => {\n      if (paymentMethod.splits?.length === 1 && paymentMethod.type === 'Direct Deposit') {\n        await mutatePaymentMethod({\n          request: {\n            employeeId,\n            requestBody: {\n              splitBy: SPLIT_BY.percentage,\n              splits: paymentMethod.splits.map(split => ({\n                ...split,\n                splitAmount: 100,\n                priority: 1,\n              })),\n              version: paymentMethod.version as string,\n              type: 'Direct Deposit',\n            },\n          },\n        })\n      }\n    })()\n  }, [employeeId, paymentMethod, queryClient, mutatePaymentMethod])\n\n  useEffect(() => {\n    resetForm(defaultValues)\n  }, [bankAccounts.length, paymentMethod, defaultValues, resetForm])\n\n  const onSubmit: SubmitHandler<CombinedSchemaInputs> = async data => {\n    await baseSubmitHandler(data, async payload => {\n      const { type } = payload\n      if (\n        type === 'Direct Deposit' &&\n        payload.hasBankPayload &&\n        (mode === 'ADD' || mode === 'INITIAL')\n      ) {\n        const bankAccountResponse = await addBankAccountMutation.mutateAsync({\n          request: {\n            employeeId,\n            employeeBankAccountRequest: {\n              name: payload.name,\n              routingNumber: payload.routingNumber,\n              accountNumber: payload.accountNumber,\n              accountType: payload.accountType,\n            },\n          },\n        })\n\n        onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_CREATED, bankAccountResponse)\n      } else {\n        //Adding bank account updates payment method\n        const body =\n          type === PAYMENT_METHODS.check\n            ? { version: paymentMethod.version as string }\n            : {\n                ...paymentMethod,\n                version: paymentMethod.version as string,\n                splitBy: payload.isSplit\n                  ? payload.splitBy\n                  : (paymentMethod.splitBy ?? SPLIT_BY.percentage),\n                splits:\n                  payload.isSplit && paymentMethod.splits\n                    ? paymentMethod.splits.map(split => {\n                        const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                        const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n                        return {\n                          ...split,\n                          splitAmount: isAmountSplit\n                            ? dollarsToCents(splitAmountValue)\n                            : splitAmountValue,\n                          priority: payload.priority[split.uuid],\n                        }\n                      })\n                    : (paymentMethod.splits ?? []),\n              }\n        const paymentMethodResponse = await paymentMethodMutation.mutateAsync({\n          request: { employeeId, requestBody: { ...body, type } },\n        })\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_UPDATED, paymentMethodResponse)\n      }\n      //Cleanup after submission bank/split submission\n      formMethods.setValue('isSplit', false)\n      formMethods.setValue('hasBankPayload', false)\n      //Notify that this component is ready to proceed\n      if (mode === 'LIST' || type === PAYMENT_METHODS.check) {\n        onEvent(componentEvents.EMPLOYEE_PAYMENT_METHOD_DONE)\n      } else {\n        setMode('LIST')\n      }\n    })\n  }\n\n  const handleDelete = async (uuid: string) => {\n    const data = await deleteBankAccountMutation.mutateAsync({\n      request: { employeeId, bankAccountUuid: uuid },\n    })\n    onEvent(componentEvents.EMPLOYEE_BANK_ACCOUNT_DELETED, data)\n  }\n  const handleAdd = () => {\n    setMode('ADD')\n    resetForm(defaultValues)\n  }\n  const handleCancel = () => {\n    setMode('LIST')\n    resetForm(defaultValues)\n  }\n  const handleSplit = () => {\n    setMode('SPLIT')\n  }\n\n  return (\n    <section className={className}>\n      <PaymentMethodProvider\n        value={{\n          bankAccounts,\n          isPending:\n            deleteBankAccountMutation.isPending ||\n            paymentMethodMutation.isPending ||\n            addBankAccountMutation.isPending ||\n            updateBankAccountMutation.isPending,\n          deletePendingBankAccountUuid: deleteBankAccountMutation.isPending\n            ? deleteBankAccountMutation.variables.request.bankAccountUuid\n            : undefined,\n          watchedType,\n          mode,\n          paymentMethod,\n          handleCancel,\n          handleAdd,\n          handleDelete,\n          handleSplit,\n          isAdmin,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Head />\n            <PaymentTypeForm />\n            <BankAccountsList />\n            <BankAccountForm />\n            <Split />\n            <Actions />\n          </Form>\n        </FormProvider>\n      </PaymentMethodProvider>\n    </section>\n  )\n}\n\nexport const PaymentMethodContextual = () => {\n  const { employeeId, onEvent, isAdmin } = useFlow<OnboardingContextInterface>()\n  const { t } = useTranslation('common')\n\n  if (!employeeId) {\n    throw new Error(\n      t('errors.missingParamsOrContext', {\n        component: 'PaymentMethod',\n        param: 'employeeId',\n        provider: 'FlowProvider',\n      }),\n    )\n  }\n  return <PaymentMethod employeeId={employeeId} onEvent={onEvent} isAdmin={isAdmin} />\n}\n"],"names":["PaymentMethod","props","jsx","BaseComponent","Root","employeeId","className","dictionary","isAdmin","useI18n","useComponentDictionary","baseSubmitHandler","onEvent","useBase","queryClient","useQueryClient","employeePaymentMethod","useEmployeePaymentMethodGetSuspense","paymentMethod","bankAccountsList","useEmployeePaymentMethodsGetBankAccountsSuspense","bankAccounts","paymentMethodMutation","useEmployeePaymentMethodUpdateMutation","deleteBankAccountMutation","useEmployeePaymentMethodDeleteBankAccountMutation","addBankAccountMutation","useEmployeePaymentMethodCreateMutation","updateBankAccountMutation","useEmployeePaymentMethodUpdateBankAccountMutation","mode","setMode","useState","baseDefaultValues","useMemo","defaultValues","isAmountSplit","SPLIT_BY","acc","uuid","splitAmount","priority","centsToDollars","curr","formMethods","useForm","zodResolver","CombinedSchema","watchedType","resetForm","mutatePaymentMethod","useEffect","split","onSubmit","data","payload","type","bankAccountResponse","componentEvents","body","PAYMENT_METHODS","splitAmountValue","dollarsToCents","paymentMethodResponse","handleDelete","handleAdd","handleCancel","handleSplit","PaymentMethodProvider","FormProvider","jsxs","Form","Head","PaymentTypeForm","BankAccountsList","BankAccountForm","Split","Actions","PaymentMethodContextual","useFlow","t","useTranslation"],"mappings":"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"}

package/dist/components/Employee/PaymentMethod/Split.js

@@ -6,10 +6,10 @@ import g from "dompurify";
 import { useMemo as D, useEffect as j } from "react";
 import { usePaymentMethod as N } from "./usePaymentMethod.js";
 import "classnames";
+import { SPLIT_BY as h } from "../../../shared/constants.js";
 import { useLocale as q } from "../../../contexts/LocaleProvider/useLocale.js";
 import { useComponentContext as w } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { ReorderableList as I } from "../../Common/ReorderableList/ReorderableList.js";
-import { SPLIT_BY as h } from "../../../shared/constants.js";
 import { RadioGroupField as W } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as F } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 function ie() {

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js

@@ -9,13 +9,16 @@ 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/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
+import "dompurify";
+import "../../../contexts/LocaleProvider/useLocale.js";
 import "../../../shared/constants.js";
 import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as n } from "../../Base/createCompoundContext.js";
-const S = t.union([
+const v = t.union([
   a.extend({
     type: t.literal("Direct Deposit"),
     isSplit: t.literal(!1)
@@ -56,10 +59,10 @@ const S = t.union([
       remainder: t.string()
     })
   ])
-]), [k, A] = n("PaymentMethodContext");
+]), [M, O] = n("PaymentMethodContext");
 export {
-  S as CombinedSchema,
-  A as PaymentMethodProvider,
-  k as usePaymentMethod
+  v as CombinedSchema,
+  O as PaymentMethodProvider,
+  M as usePaymentMethod
 };
 //# sourceMappingURL=usePaymentMethod.js.map

package/dist/components/Employee/PaymentMethod/usePaymentMethod.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z\n        .record(z.string(), z.number().int().max(100).min(0))\n        .superRefine((input, ctx) => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          if (total !== 100) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: `percentage_split_total_error:${total}`,\n            })\n          }\n        }),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  deletePendingBankAccountUuid?: string\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","ctx","total","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EACV,OAAOA,EAAE,UAAUA,EAAE,SAAS,IAAA,EAAM,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EACnD,YAAY,CAACE,GAAOC,MAAQ;AAC3B,cAAMC,IAAQ,OAAO,OAAOF,CAAK,EAAE,OAAO,CAACG,GAAKC,MAASD,IAAMC,GAAM,CAAC;AACtE,QAAIF,MAAU,OACZD,EAAI,SAAS;AAAA,UACX,MAAMH,EAAE,aAAa;AAAA,UACrB,SAAS,gCAAgCI,CAAK;AAAA,QAAA,CAC/C;AAAA,MAEL,CAAC;AAAA,MACH,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMK,IAAM,OAAO,OAAOL,CAAK;AAC/B,eAAOK,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaT,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAqBK,CAACU,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}
+{"version":3,"file":"usePaymentMethod.js","sources":["../../../../src/components/Employee/PaymentMethod/usePaymentMethod.ts"],"sourcesContent":["import type { EmployeeBankAccount } from '@gusto/embedded-api/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api/models/components/employeepaymentmethod'\nimport { z } from 'zod'\nimport { BankAccountSchema } from './BankAccount'\nimport { createCompoundContext } from '@/components/Base'\n\nexport const CombinedSchema = z.union([\n  BankAccountSchema.extend({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Direct Deposit'),\n    isSplit: z.literal(false),\n    hasBankPayload: z.literal(false),\n  }),\n  z.object({\n    type: z.literal('Check'),\n  }),\n  z.discriminatedUnion('splitBy', [\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Percentage'),\n      splitAmount: z\n        .record(z.string(), z.number().int().max(100).min(0))\n        .superRefine((input, ctx) => {\n          const total = Object.values(input).reduce((acc, curr) => acc + curr, 0)\n          if (total !== 100) {\n            ctx.addIssue({\n              code: z.ZodIssueCode.custom,\n              message: `percentage_split_total_error:${total}`,\n            })\n          }\n        }),\n      priority: z.record(z.string(), z.number()),\n    }),\n    z.object({\n      type: z.literal('Direct Deposit'),\n      isSplit: z.literal(true),\n      hasBankPayload: z.literal(false),\n      splitBy: z.literal('Amount'),\n      priority: z.record(z.string(), z.number()).refine(input => {\n        const arr = Object.values(input)\n        return arr.filter((item, index) => arr.indexOf(item) !== index).length === 0\n      }),\n      splitAmount: z.record(z.string(), z.number().min(0).nullable()),\n      remainder: z.string(),\n    }),\n  ]),\n])\n\nexport type CombinedSchemaInputs = z.input<typeof CombinedSchema>\nexport type CombinedSchemaOutputs = z.output<typeof CombinedSchema>\n\ntype PaymentMethodContextType = {\n  bankAccounts: EmployeeBankAccount[]\n  isPending: boolean\n  deletePendingBankAccountUuid?: string\n  watchedType?: string\n  mode: MODE\n  paymentMethod: EmployeePaymentMethod\n  handleAdd: () => void\n  handleSplit: () => void\n  handleCancel: () => void\n  handleDelete: (uuid: string) => void\n  isAdmin: boolean\n}\n\nexport type MODE = 'ADD' | 'LIST' | 'SPLIT' | 'INITIAL'\n\nconst [usePaymentMethod, PaymentMethodProvider] =\n  createCompoundContext<PaymentMethodContextType>('PaymentMethodContext')\nexport { usePaymentMethod, PaymentMethodProvider }\n"],"names":["CombinedSchema","z","BankAccountSchema","input","ctx","total","acc","curr","arr","item","index","usePaymentMethod","PaymentMethodProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMO,MAAMA,IAAiBC,EAAE,MAAM;AAAA,EACpCC,EAAkB,OAAO;AAAA,IACvB,MAAMD,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,EAAA,CACzB;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,IAChC,SAASA,EAAE,QAAQ,EAAK;AAAA,IACxB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,EAAA,CAChC;AAAA,EACDA,EAAE,OAAO;AAAA,IACP,MAAMA,EAAE,QAAQ,OAAO;AAAA,EAAA,CACxB;AAAA,EACDA,EAAE,mBAAmB,WAAW;AAAA,IAC9BA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,YAAY;AAAA,MAC/B,aAAaA,EACV,OAAOA,EAAE,UAAUA,EAAE,SAAS,IAAA,EAAM,IAAI,GAAG,EAAE,IAAI,CAAC,CAAC,EACnD,YAAY,CAACE,GAAOC,MAAQ;AAC3B,cAAMC,IAAQ,OAAO,OAAOF,CAAK,EAAE,OAAO,CAACG,GAAKC,MAASD,IAAMC,GAAM,CAAC;AACtE,QAAIF,MAAU,OACZD,EAAI,SAAS;AAAA,UACX,MAAMH,EAAE,aAAa;AAAA,UACrB,SAAS,gCAAgCI,CAAK;AAAA,QAAA,CAC/C;AAAA,MAEL,CAAC;AAAA,MACH,UAAUJ,EAAE,OAAOA,EAAE,UAAUA,EAAE,QAAQ;AAAA,IAAA,CAC1C;AAAA,IACDA,EAAE,OAAO;AAAA,MACP,MAAMA,EAAE,QAAQ,gBAAgB;AAAA,MAChC,SAASA,EAAE,QAAQ,EAAI;AAAA,MACvB,gBAAgBA,EAAE,QAAQ,EAAK;AAAA,MAC/B,SAASA,EAAE,QAAQ,QAAQ;AAAA,MAC3B,UAAUA,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,CAAQ,EAAE,OAAO,CAAAE,MAAS;AACzD,cAAMK,IAAM,OAAO,OAAOL,CAAK;AAC/B,eAAOK,EAAI,OAAO,CAACC,GAAMC,MAAUF,EAAI,QAAQC,CAAI,MAAMC,CAAK,EAAE,WAAW;AAAA,MAC7E,CAAC;AAAA,MACD,aAAaT,EAAE,OAAOA,EAAE,OAAA,GAAUA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU;AAAA,MAC9D,WAAWA,EAAE,OAAA;AAAA,IAAO,CACrB;AAAA,EAAA,CACF;AACH,CAAC,GAqBK,CAACU,GAAkBC,CAAqB,IAC5CC,EAAgD,sBAAsB;"}

package/dist/components/Employee/Profile/management/Profile.d.ts

@@ -0,0 +1,6 @@
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+export interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {
+    employeeId: string;
+    onEvent: BaseComponentInterface['onEvent'];
+}
+export declare function Profile({ FallbackComponent, ...props }: ProfileProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react/jsx-runtime").JSX.Element;

package/dist/components/Employee/Profile/management/Profile.js

@@ -0,0 +1,122 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { useState as I } from "react";
+import { useTranslation as v } from "react-i18next";
+import b from "classnames";
+import { useEmployeeDetailsForm as h } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import R from "./Profile.module.scss.js";
+import { BaseBoundaries as L, BaseLayout as d } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { Grid as g } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as y } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as A } from "../../../Common/Form/Form.js";
+import { SDKFormProvider as S } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { useI18n as C, useComponentDictionary as M } from "../../../../i18n/I18n.js";
+import { componentEvents as c } from "../../../../shared/constants.js";
+import { useComponentContext as F } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+function z({
+  FallbackComponent: t,
+  ...r
+}) {
+  return /* @__PURE__ */ i(L, { componentName: "Employee.Profile", FallbackComponent: t, children: /* @__PURE__ */ i(P, { ...r }) });
+}
+function P({ employeeId: t, className: r, dictionary: f, onEvent: m }) {
+  C("Employee.Profile"), M("Employee.Profile", f);
+  const { t: e } = v("Employee.Profile"), a = F(), o = h({
+    employeeId: t,
+    withSelfOnboardingField: !1,
+    optionalFieldsToRequire: {
+      update: ["firstName", "lastName", "email", "dateOfBirth", "ssn"]
+    }
+  }), [p, l] = I(!1);
+  if (o.isLoading)
+    return /* @__PURE__ */ i(d, { isLoading: !0, error: o.errorHandling.errors });
+  const s = o.form.Fields, u = async () => {
+    l(!1), await o.actions.onSubmit({
+      onEmployeeUpdated: (D) => {
+        m(c.EMPLOYEE_UPDATED, D);
+      }
+    }) && l(!0);
+  }, E = () => {
+    m(c.CANCEL);
+  }, N = p ? /* @__PURE__ */ i(
+    a.Alert,
+    {
+      status: "success",
+      label: e("successAlert"),
+      onDismiss: () => {
+        l(!1);
+      }
+    }
+  ) : void 0;
+  return /* @__PURE__ */ i("section", { className: b(R.container, r), children: /* @__PURE__ */ i(d, { error: o.errorHandling.errors, children: /* @__PURE__ */ i(S, { formHookResult: o, children: /* @__PURE__ */ n(A, { onSubmit: u, children: [
+    N,
+    /* @__PURE__ */ i(a.Heading, { as: "h1", children: e("title") }),
+    /* @__PURE__ */ n(
+      g,
+      {
+        gap: { base: 20, small: 8 },
+        gridTemplateColumns: { base: "1fr", small: ["1fr", 200] },
+        children: [
+          /* @__PURE__ */ i(
+            s.FirstName,
+            {
+              label: e("firstName"),
+              validationMessages: {
+                REQUIRED: e("validations.firstName"),
+                INVALID_NAME: e("validations.firstName")
+              }
+            }
+          ),
+          /* @__PURE__ */ i(s.MiddleInitial, { label: e("middleInitial") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(
+      s.LastName,
+      {
+        label: e("lastName"),
+        validationMessages: {
+          REQUIRED: e("validations.lastName"),
+          INVALID_NAME: e("validations.lastName")
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      s.Email,
+      {
+        label: e("email"),
+        description: e("emailDescription"),
+        validationMessages: {
+          REQUIRED: e("validations.email"),
+          INVALID_EMAIL: e("validations.email"),
+          EMAIL_REQUIRED_FOR_SELF_ONBOARDING: e("validations.email")
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      s.Ssn,
+      {
+        label: e("ssnLabel"),
+        validationMessages: {
+          INVALID_SSN: e("validations.ssn", { ns: "common" }),
+          REQUIRED: e("validations.ssnRequired", { ns: "common" })
+        }
+      }
+    ),
+    /* @__PURE__ */ i(
+      s.DateOfBirth,
+      {
+        label: e("dobLabel"),
+        validationMessages: { REQUIRED: e("validations.dob", { ns: "common" }) }
+      }
+    ),
+    /* @__PURE__ */ n(y, { children: [
+      /* @__PURE__ */ i(a.Button, { variant: "secondary", onClick: E, children: e("cancelCta") }),
+      /* @__PURE__ */ i(a.Button, { type: "submit", isLoading: o.status.isPending, children: e("saveCta") })
+    ] })
+  ] }) }) }) });
+}
+export {
+  z as Profile
+};
+//# sourceMappingURL=Profile.js.map

package/dist/components/Employee/Profile/management/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport styles from './Profile.module.scss'\nimport {\n  BaseBoundaries,\n  BaseLayout,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function Profile({\n  FallbackComponent,\n  ...props\n}: ProfileProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      <ProfileRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileRoot({ employeeId, className, dictionary, onEvent }: ProfileProps) {\n  useI18n('Employee.Profile')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const Components = useComponentContext()\n\n  const employeeDetails = useEmployeeDetailsForm({\n    employeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: {\n      update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n    },\n  })\n\n  const [showSuccess, setShowSuccess] = useState(false)\n\n  if (employeeDetails.isLoading) {\n    return <BaseLayout isLoading error={employeeDetails.errorHandling.errors} />\n  }\n\n  const Fields = employeeDetails.form.Fields\n\n  const handleSubmit = async () => {\n    setShowSuccess(false)\n    const result = await employeeDetails.actions.onSubmit({\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('successAlert')}\n      onDismiss={() => {\n        setShowSuccess(false)\n      }}\n    />\n  ) : undefined\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={employeeDetails.errorHandling.errors}>\n        <SDKFormProvider formHookResult={employeeDetails}>\n          <Form onSubmit={handleSubmit}>\n            {alert}\n            <Components.Heading as=\"h1\">{t('title')}</Components.Heading>\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <Fields.FirstName\n                label={t('firstName')}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('lastName')}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('ssnLabel')}\n              validationMessages={{\n                INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n              }}\n            />\n            <Fields.DateOfBirth\n              label={t('dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["Profile","FallbackComponent","props","jsx","BaseBoundaries","ProfileRoot","employeeId","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","employeeDetails","useEmployeeDetailsForm","showSuccess","setShowSuccess","useState","BaseLayout","Fields","handleSubmit","emp","componentEvents","handleCancel","alert","classNames","styles","SDKFormProvider","jsxs","Form","Grid","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Profile/management/Profile.module.scss.js

@@ -0,0 +1,8 @@
+const n = "_container_18572_1", t = {
+  container: n
+};
+export {
+  n as container,
+  t as default
+};
+//# sourceMappingURL=Profile.module.scss.js.map

package/dist/components/Employee/Profile/management/Profile.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Employee/Profile/{AdminProfile.js → onboarding/AdminProfile.js}

@@ -3,22 +3,22 @@ import { useState as y, useMemo as C, useEffect as K } from "react";
 import { useForm as q, useWatch as V, FormProvider as j } from "react-hook-form";
 import { useTranslation as N, Trans as H } from "react-i18next";
 import Z from "classnames";
+import { useEmployeeDetailsForm as $ } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useCurrentHomeAddressForm as J } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
+import { useCurrentWorkAddressForm as X } from "../shared/useWorkAddressForm/useCurrentWorkAddressForm.js";
 import T from "./AdminProfile.module.scss.js";
-import { useEmployeeDetailsForm as $ } from "./shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import { useCurrentHomeAddressForm as J } from "./shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
-import { useCurrentWorkAddressForm as X } from "./shared/useWorkAddressForm/useCurrentWorkAddressForm.js";
-import { SDKFormProvider as k } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { composeSubmitHandler as ee } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { composeErrorHandler as oe } from "../../../partner-hook-utils/composeErrorHandler.js";
-import { Grid as _ } from "../../Common/Grid/Grid.js";
-import { ActionsLayout as te } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as ie } from "../../Common/Form/Form.js";
-import { BaseLayout as w } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useI18n as U, useComponentDictionary as se } from "../../../i18n/I18n.js";
-import { componentEvents as E, EmployeeOnboardingStatus as v } from "../../../shared/constants.js";
-import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { DatePickerField as ae } from "../../Common/Fields/DatePickerField/DatePickerField.js";
+import { SDKFormProvider as k } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as ee } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as oe } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { Grid as _ } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as te } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as ie } from "../../../Common/Form/Form.js";
+import { BaseLayout as w } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useI18n as U, useComponentDictionary as se } from "../../../../i18n/I18n.js";
+import { componentEvents as E, EmployeeOnboardingStatus as v } from "../../../../shared/constants.js";
+import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { DatePickerField as ae } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 const ne = (t) => t?.onboarded === !0 || t?.onboardingStatus === v.ONBOARDING_COMPLETED || t?.onboardingStatus === v.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW || t?.onboardingStatus === v.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE;
 function le(t) {
   return t ? {

package/dist/components/Employee/Profile/onboarding/AdminProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AdminProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/AdminProfile.tsx"],"sourcesContent":["import { useState, useMemo, useEffect } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { Trans, useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { type Employee } from '@gusto/embedded-api/models/components/employee'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport { useCurrentWorkAddressForm } from '../shared/useWorkAddressForm'\nimport type { UseEmployeeDetailsFormReady } from '../shared/useEmployeeDetailsForm'\nimport type { UseHomeAddressFormReady } from '../shared/useHomeAddressForm'\nimport type { UseWorkAddressFormReady } from '../shared/useWorkAddressForm'\nimport styles from './AdminProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout, DatePickerField } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, EmployeeOnboardingStatus, type EventType } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\n\nconst checkHasCompletedSelfOnboarding = (employee?: Employee) => {\n  return (\n    employee?.onboarded === true ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.ONBOARDING_COMPLETED ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW ||\n    employee?.onboardingStatus === EmployeeOnboardingStatus.SELF_ONBOARDING_COMPLETED_BY_EMPLOYEE\n  )\n}\n\nfunction computeOptionalFieldsToRequire(\n  selfOnboardingActive: boolean,\n): EmployeeDetailsOptionalFieldsToRequire {\n  if (selfOnboardingActive) {\n    return {\n      create: ['email'],\n      update: ['firstName', 'lastName', 'email'],\n    }\n  }\n  return {\n    create: ['email', 'dateOfBirth', 'ssn'],\n    update: ['firstName', 'lastName', 'email', 'dateOfBirth', 'ssn'],\n  }\n}\n\nexport function AdminProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  isSelfOnboardingEnabled = true,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n  const isCreateMode = !resolvedEmployeeId\n\n  const createModeSelfOnboarding =\n    isCreateMode && isSelfOnboardingEnabled && (defaultValues?.inviteEmployeeDefault ?? false)\n\n  const [selfOnboardingActive, setSelfOnboardingActive] = useState(createModeSelfOnboarding)\n\n  const optionalFieldsToRequire = useMemo(\n    () => computeOptionalFieldsToRequire(selfOnboardingActive),\n    [selfOnboardingActive],\n  )\n\n  const employeeDetailsDefaults = useMemo(\n    () => ({\n      ...defaultValues?.employee,\n      ...(isCreateMode && { selfOnboarding: createModeSelfOnboarding }),\n    }),\n    [defaultValues, isCreateMode, createModeSelfOnboarding],\n  )\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: true,\n    optionalFieldsToRequire,\n    defaultValues: employeeDetailsDefaults,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddress = useCurrentWorkAddressForm({\n    companyId,\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    shouldFocusError: false,\n  })\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddress.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([employeeDetails, homeAddress, workAddress])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  return (\n    <AdminProfileReady\n      employeeDetails={employeeDetails}\n      homeAddress={homeAddress}\n      workAddress={workAddress}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      isCreateMode={isCreateMode}\n      employeeId={employeeId}\n      setResolvedEmployeeId={setResolvedEmployeeId}\n      setSelfOnboardingActive={setSelfOnboardingActive}\n      onEvent={onEvent}\n      className={className}\n    />\n  )\n}\n\ninterface AdminProfileReadyProps {\n  employeeDetails: UseEmployeeDetailsFormReady\n  homeAddress: UseHomeAddressFormReady\n  workAddress: UseWorkAddressFormReady\n  isSelfOnboardingEnabled: boolean\n  isCreateMode: boolean\n  employeeId?: string\n  setResolvedEmployeeId: (id: string) => void\n  setSelfOnboardingActive: (active: boolean) => void\n  onEvent: (event: EventType, data?: unknown) => void\n  className: string\n}\n\nfunction AdminProfileReady({\n  employeeDetails,\n  homeAddress,\n  workAddress,\n  isSelfOnboardingEnabled,\n  isCreateMode,\n  employeeId,\n  setResolvedEmployeeId,\n  setSelfOnboardingActive,\n  onEvent,\n  className,\n}: AdminProfileReadyProps) {\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const employee = employeeDetails.data.employee ?? undefined\n  const completedSelfOnboarding = checkHasCompletedSelfOnboarding(employee)\n\n  const startDateForm = useForm<{ startDate: string }>({\n    defaultValues: { startDate: employee?.jobs?.[0]?.hireDate ?? '' },\n    mode: 'onSubmit',\n    shouldFocusError: false,\n  })\n\n  const EmployeeFields = employeeDetails.form.Fields\n  const HomeAddressFields = homeAddress.form.Fields\n  const WorkAddressFields = workAddress.form.Fields\n\n  const watchedSelfOnboarding = useWatch({\n    control: employeeDetails.form.hookFormInternals.formMethods.control,\n    name: 'selfOnboarding',\n  })\n\n  useEffect(() => {\n    setSelfOnboardingActive(watchedSelfOnboarding)\n  }, [watchedSelfOnboarding, setSelfOnboardingActive])\n\n  const shouldShowHomeAddress = !watchedSelfOnboarding || completedSelfOnboarding\n  const shouldShowSsnDob = !watchedSelfOnboarding || completedSelfOnboarding\n\n  const activeForms = [\n    employeeDetails,\n    ...(shouldShowHomeAddress ? [homeAddress] : []),\n    workAddress,\n    startDateForm,\n  ]\n\n  const { handleSubmit, errorHandling } = composeSubmitHandler(activeForms, async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n      onOnboardingStatusUpdated: status => {\n        onEvent(componentEvents.EMPLOYEE_ONBOARDING_STATUS_UPDATED, status)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n    const enteredStartDate = startDateForm.getValues('startDate')\n\n    if (shouldShowHomeAddress) {\n      const homeResult = await homeAddress.actions.onSubmit({\n        employeeId: newEmployeeId,\n      })\n      if (!homeResult) {\n        if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n        return\n      }\n      if (homeResult.mode === 'create') {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n      } else {\n        onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n      }\n    }\n\n    const workResult = await workAddress.actions.onSubmit(\n      {\n        onWorkAddressCreated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_CREATED, wa)\n        },\n        onWorkAddressUpdated: wa => {\n          onEvent(componentEvents.EMPLOYEE_WORK_ADDRESS_UPDATED, wa)\n        },\n      },\n      {\n        employeeId: newEmployeeId,\n        effectiveDate: isCreateMode ? enteredStartDate || undefined : undefined,\n      },\n    )\n    if (!workResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, {\n      ...employeeResult.data,\n      startDate: enteredStartDate,\n    })\n  })\n\n  const isPending =\n    employeeDetails.status.isPending || homeAddress.status.isPending || workAddress.status.isPending\n\n  const watchedCourtesyWithholding =\n    homeAddress.form.hookFormInternals.formMethods.watch('courtesyWithholding')\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            {isSelfOnboardingEnabled && EmployeeFields.SelfOnboarding && (\n              <div className={styles.switchFieldContainer}>\n                <EmployeeFields.SelfOnboarding\n                  label={t('selfOnboardingLabel')}\n                  description={t('selfOnboardingDescription')}\n                  formHookResult={employeeDetails}\n                />\n              </div>\n            )}\n            <Grid\n              gap={{ base: 20, small: 8 }}\n              gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n            >\n              <EmployeeFields.FirstName\n                label={t('firstName')}\n                formHookResult={employeeDetails}\n                validationMessages={{\n                  REQUIRED: t('validations.firstName'),\n                  INVALID_NAME: t('validations.firstName'),\n                }}\n              />\n              <EmployeeFields.MiddleInitial\n                label={t('middleInitial')}\n                formHookResult={employeeDetails}\n              />\n            </Grid>\n            <EmployeeFields.LastName\n              label={t('lastName')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.lastName'),\n                INVALID_NAME: t('validations.lastName'),\n              }}\n            />\n\n            <SDKFormProvider formHookResult={workAddress}>\n              <WorkAddressFields.Location\n                label={t('workAddress')}\n                description={t('workAddressDescription')}\n                validationMessages={{ REQUIRED: t('validations.location', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <FormProvider {...startDateForm}>\n              <DatePickerField\n                name=\"startDate\"\n                label={t('startDateLabel')}\n                description={t('startDateDescription')}\n                isRequired\n                errorMessage={t('validations.startDate')}\n              />\n            </FormProvider>\n\n            <EmployeeFields.Email\n              label={t('email')}\n              description={t('emailDescription')}\n              formHookResult={employeeDetails}\n              validationMessages={{\n                REQUIRED: t('validations.email'),\n                INVALID_EMAIL: t('validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('validations.email'),\n              }}\n            />\n\n            {shouldShowSsnDob && (\n              <>\n                <EmployeeFields.Ssn\n                  label={t('ssnLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{\n                    INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                    REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                  }}\n                />\n                <EmployeeFields.DateOfBirth\n                  label={t('dobLabel')}\n                  formHookResult={employeeDetails}\n                  validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n                />\n              </>\n            )}\n\n            {shouldShowHomeAddress && (\n              <SDKFormProvider formHookResult={homeAddress}>\n                <div>\n                  <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                  <Components.Text>{tHome('desc')}</Components.Text>\n                </div>\n                <Grid\n                  gridTemplateColumns={{\n                    base: '1fr',\n                    small: ['1fr', '1fr'],\n                  }}\n                  gap={20}\n                >\n                  <HomeAddressFields.Street1\n                    label={tHome('street1')}\n                    validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                  />\n                  <HomeAddressFields.Street2 label={tHome('street2')} />\n                  <HomeAddressFields.City\n                    label={tHome('city')}\n                    validationMessages={{ REQUIRED: tHome('validations.city') }}\n                  />\n                  <HomeAddressFields.State\n                    label={tHome('state')}\n                    placeholder={tHome('statePlaceholder')}\n                    validationMessages={{ REQUIRED: tHome('validations.state') }}\n                    getOptionLabel={(abbr: string) =>\n                      tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                    }\n                  />\n                  <HomeAddressFields.Zip\n                    label={tHome('zip')}\n                    validationMessages={{\n                      REQUIRED: tHome('validations.zip'),\n                      INVALID_ZIP: tHome('validations.zip'),\n                    }}\n                  />\n                </Grid>\n                <HomeAddressFields.CourtesyWithholding\n                  label={tHome('courtesyWithholdingLabel')}\n                  description={\n                    <>\n                      {tHome('courtesyWithholdingDescription')}\n                      <Trans\n                        t={tHome}\n                        i18nKey=\"learnMoreCta\"\n                        components={{\n                          LearnMoreLink: <Components.Link />,\n                        }}\n                      />\n                    </>\n                  }\n                />\n                {watchedCourtesyWithholding && (\n                  <Components.Alert label={tHome('withholdingTitle')} status=\"warning\">\n                    <Trans t={tHome} i18nKey=\"withholdingNote\" />\n                  </Components.Alert>\n                )}\n              </SDKFormProvider>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["checkHasCompletedSelfOnboarding","employee","EmployeeOnboardingStatus","computeOptionalFieldsToRequire","selfOnboardingActive","AdminProfile","companyId","employeeId","defaultValues","isSelfOnboardingEnabled","className","dictionary","onEvent","useI18n","useComponentDictionary","resolvedEmployeeId","setResolvedEmployeeId","useState","isCreateMode","createModeSelfOnboarding","setSelfOnboardingActive","optionalFieldsToRequire","useMemo","employeeDetailsDefaults","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddress","useCurrentWorkAddressForm","loadingErrorHandling","composeErrorHandler","BaseLayout","jsx","AdminProfileReady","t","useTranslation","tHome","tCommon","Components","useComponentContext","completedSelfOnboarding","startDateForm","useForm","EmployeeFields","HomeAddressFields","WorkAddressFields","watchedSelfOnboarding","useWatch","useEffect","shouldShowHomeAddress","shouldShowSsnDob","activeForms","handleSubmit","errorHandling","composeSubmitHandler","employeeResult","emp","componentEvents","status","newEmployeeId","enteredStartDate","homeResult","wa","isPending","watchedCourtesyWithholding","classNames","styles","jsxs","Form","Grid","SDKFormProvider","FormProvider","DatePickerField","Fragment","abbr","Trans","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Profile/{EmployeeProfile.js → onboarding/EmployeeProfile.js}

@@ -3,21 +3,21 @@ import { useState as C } from "react";
 import { useTranslation as y } from "react-i18next";
 import U from "classnames";
 import { useEmployeeAddressesGetWorkAddresses as k } from "@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses";
+import { useEmployeeDetailsForm as w } from "../shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
+import { useCurrentHomeAddressForm as x } from "../shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
 import b from "./EmployeeProfile.module.scss.js";
-import { useEmployeeDetailsForm as w } from "./shared/useEmployeeDetailsForm/useEmployeeDetailsForm.js";
-import { useCurrentHomeAddressForm as x } from "./shared/useHomeAddressForm/useCurrentHomeAddressForm.js";
-import { SDKFormProvider as v } from "../../../partner-hook-utils/form/SDKFormProvider.js";
-import { composeSubmitHandler as Q } from "../../../partner-hook-utils/form/composeSubmitHandler.js";
-import { composeErrorHandler as L } from "../../../partner-hook-utils/composeErrorHandler.js";
-import { Grid as A } from "../../Common/Grid/Grid.js";
-import { ActionsLayout as z } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as B } from "../../Common/Form/Form.js";
-import { BaseLayout as S } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useI18n as N, useComponentDictionary as Y } from "../../../i18n/I18n.js";
-import { componentEvents as p } from "../../../shared/constants.js";
-import { useComponentContext as W } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { getStreet as Z, getCityStateZip as j } from "../../../helpers/formattedStrings.js";
+import { SDKFormProvider as v } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
+import { composeSubmitHandler as Q } from "../../../../partner-hook-utils/form/composeSubmitHandler.js";
+import { composeErrorHandler as L } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { Grid as A } from "../../../Common/Grid/Grid.js";
+import { ActionsLayout as z } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as B } from "../../../Common/Form/Form.js";
+import { BaseLayout as S } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useI18n as N, useComponentDictionary as Y } from "../../../../i18n/I18n.js";
+import { componentEvents as p } from "../../../../shared/constants.js";
+import { useComponentContext as W } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { getStreet as Z, getCityStateZip as j } from "../../../../helpers/formattedStrings.js";
 const q = {
   create: ["dateOfBirth", "ssn"],
   update: ["firstName", "lastName", "dateOfBirth", "ssn"]

package/dist/components/Employee/Profile/onboarding/EmployeeProfile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmployeeProfile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/EmployeeProfile.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { useEmployeeAddressesGetWorkAddresses } from '@gusto/embedded-api/react-query/employeeAddressesGetWorkAddresses'\nimport { useEmployeeDetailsForm } from '../shared/useEmployeeDetailsForm'\nimport type { EmployeeDetailsOptionalFieldsToRequire } from '../shared/useEmployeeDetailsForm'\nimport { useCurrentHomeAddressForm } from '../shared/useHomeAddressForm'\nimport styles from './EmployeeProfile.module.scss'\nimport type { ProfileProps } from './Profile'\nimport { SDKFormProvider } from '@/partner-hook-utils/form/SDKFormProvider'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { Grid } from '@/components/Common/Grid/Grid'\nimport { ActionsLayout } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { BaseLayout } from '@/components/Base'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { getStreet, getCityStateZip } from '@/helpers/formattedStrings'\n\nconst SELF_OPTIONAL_FIELDS: EmployeeDetailsOptionalFieldsToRequire = {\n  create: ['dateOfBirth', 'ssn'],\n  update: ['firstName', 'lastName', 'dateOfBirth', 'ssn'],\n}\n\nexport function EmployeeProfile({\n  companyId,\n  employeeId,\n  defaultValues,\n  className = '',\n  dictionary,\n  onEvent,\n}: ProfileProps) {\n  useI18n('Employee.Profile')\n  useI18n('Employee.HomeAddress')\n  useComponentDictionary('Employee.Profile', dictionary)\n  const { t } = useTranslation('Employee.Profile')\n  const { t: tHome } = useTranslation('Employee.HomeAddress')\n  const { t: tCommon } = useTranslation('common')\n  const Components = useComponentContext()\n\n  const [resolvedEmployeeId, setResolvedEmployeeId] = useState(employeeId)\n\n  const employeeDetails = useEmployeeDetailsForm({\n    companyId,\n    employeeId: resolvedEmployeeId,\n    withSelfOnboardingField: false,\n    optionalFieldsToRequire: SELF_OPTIONAL_FIELDS,\n    defaultValues: defaultValues?.employee,\n    shouldFocusError: false,\n  })\n\n  const homeAddress = useCurrentHomeAddressForm({\n    employeeId: resolvedEmployeeId ?? '',\n    withEffectiveDateField: false,\n    defaultValues: {\n      street1: defaultValues?.homeAddress?.street1,\n      street2: defaultValues?.homeAddress?.street2,\n      city: defaultValues?.homeAddress?.city,\n      state: defaultValues?.homeAddress?.state,\n      zip: defaultValues?.homeAddress?.zip,\n    },\n    shouldFocusError: false,\n  })\n\n  const workAddressesQuery = useEmployeeAddressesGetWorkAddresses(\n    { employeeId: resolvedEmployeeId ?? '' },\n    { enabled: !!resolvedEmployeeId },\n  )\n  const workAddresses = workAddressesQuery.data?.employeeWorkAddressesList\n  const activeWorkAddress = workAddresses?.find(address => address.active)\n\n  if (employeeDetails.isLoading || homeAddress.isLoading || workAddressesQuery.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([\n      employeeDetails,\n      homeAddress,\n      workAddressesQuery,\n    ])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  const EmpFields = employeeDetails.form.Fields\n  const HomeFields = homeAddress.form.Fields\n\n  const submitResult = composeSubmitHandler([employeeDetails, homeAddress], async () => {\n    const employeeResult = await employeeDetails.actions.onSubmit({\n      onEmployeeCreated: emp => {\n        onEvent(componentEvents.EMPLOYEE_CREATED, emp)\n      },\n      onEmployeeUpdated: emp => {\n        onEvent(componentEvents.EMPLOYEE_UPDATED, emp)\n      },\n    })\n    if (!employeeResult) return\n\n    const newEmployeeId = employeeResult.data.uuid\n\n    const homeResult = await homeAddress.actions.onSubmit({\n      employeeId: newEmployeeId,\n    })\n    if (!homeResult) {\n      if (!employeeId) setResolvedEmployeeId(newEmployeeId)\n      return\n    }\n    if (homeResult.mode === 'create') {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_CREATED, homeResult.data)\n    } else {\n      onEvent(componentEvents.EMPLOYEE_HOME_ADDRESS_UPDATED, homeResult.data)\n    }\n\n    onEvent(componentEvents.EMPLOYEE_PROFILE_DONE, employeeResult.data)\n  })\n\n  const errorHandling = composeErrorHandler([\n    submitResult,\n    { errorHandling: homeAddress.errorHandling },\n    workAddressesQuery,\n  ])\n\n  const isPending = employeeDetails.status.isPending || homeAddress.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <Grid gridTemplateColumns=\"1fr\" gap={24}>\n            <div>\n              <Components.Heading as=\"h2\">{t('title')}</Components.Heading>\n              <Components.Text>{t('description')}</Components.Text>\n            </div>\n\n            <SDKFormProvider formHookResult={employeeDetails}>\n              <Grid\n                gap={{ base: 20, small: 8 }}\n                gridTemplateColumns={{ base: '1fr', small: ['1fr', 200] }}\n              >\n                <EmpFields.FirstName\n                  label={t('firstName')}\n                  validationMessages={{\n                    REQUIRED: t('validations.firstName'),\n                    INVALID_NAME: t('validations.firstName'),\n                  }}\n                />\n                <EmpFields.MiddleInitial label={t('middleInitial')} />\n              </Grid>\n              <EmpFields.LastName\n                label={t('lastName')}\n                validationMessages={{\n                  REQUIRED: t('validations.lastName'),\n                  INVALID_NAME: t('validations.lastName'),\n                }}\n              />\n              <EmpFields.Ssn\n                label={t('ssnLabel')}\n                validationMessages={{\n                  INVALID_SSN: t('validations.ssn', { ns: 'common' }),\n                  REQUIRED: t('validations.ssnRequired', { ns: 'common' }),\n                }}\n              />\n              <EmpFields.DateOfBirth\n                label={t('dobLabel')}\n                validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n              />\n            </SDKFormProvider>\n\n            <SDKFormProvider formHookResult={homeAddress}>\n              <div>\n                <Components.Heading as=\"h2\">{tHome('formTitle')}</Components.Heading>\n                <Components.Text>{tHome('desc')}</Components.Text>\n              </div>\n              <Grid\n                gridTemplateColumns={{\n                  base: '1fr',\n                  small: ['1fr', '1fr'],\n                }}\n                gap={20}\n              >\n                <HomeFields.Street1\n                  label={tHome('street1')}\n                  validationMessages={{ REQUIRED: tHome('validations.street1') }}\n                />\n                <HomeFields.Street2 label={tHome('street2')} />\n                <HomeFields.City\n                  label={tHome('city')}\n                  validationMessages={{ REQUIRED: tHome('validations.city') }}\n                />\n                <HomeFields.State\n                  label={tHome('state')}\n                  placeholder={tHome('statePlaceholder')}\n                  validationMessages={{ REQUIRED: tHome('validations.state') }}\n                  getOptionLabel={(abbr: string) =>\n                    tCommon(`statesHash.${abbr}`, { defaultValue: abbr })\n                  }\n                />\n                <HomeFields.Zip\n                  label={tHome('zip')}\n                  validationMessages={{\n                    REQUIRED: tHome('validations.zip'),\n                    INVALID_ZIP: tHome('validations.zip'),\n                  }}\n                />\n              </Grid>\n            </SDKFormProvider>\n\n            {activeWorkAddress && (\n              <section>\n                <Components.Heading as=\"h2\">{t('workAddressSectionTitle')}</Components.Heading>\n                <Components.Text>{t('workAddressSectionDescription')}</Components.Text>\n                <address className={styles.address}>\n                  <Components.Text>{getStreet(activeWorkAddress)}</Components.Text>\n                  <Components.Text>{getCityStateZip(activeWorkAddress)}</Components.Text>\n                </address>\n              </section>\n            )}\n          </Grid>\n          <ActionsLayout>\n            <Components.Button type=\"submit\" isLoading={isPending}>\n              {t('submitCta')}\n            </Components.Button>\n          </ActionsLayout>\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["SELF_OPTIONAL_FIELDS","EmployeeProfile","companyId","employeeId","defaultValues","className","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","tHome","tCommon","Components","useComponentContext","resolvedEmployeeId","setResolvedEmployeeId","useState","employeeDetails","useEmployeeDetailsForm","homeAddress","useCurrentHomeAddressForm","workAddressesQuery","useEmployeeAddressesGetWorkAddresses","activeWorkAddress","address","loadingErrorHandling","composeErrorHandler","BaseLayout","EmpFields","HomeFields","submitResult","composeSubmitHandler","employeeResult","emp","componentEvents","newEmployeeId","homeResult","errorHandling","isPending","classNames","styles","jsx","Form","jsxs","Grid","SDKFormProvider","abbr","getStreet","getCityStateZip","ActionsLayout"],"mappings":"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"}

package/dist/components/Employee/Profile/{Profile.d.ts → onboarding/Profile.d.ts}

@@ -1,5 +1,5 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-import { RequireAtLeastOne } from '../../../types/Helpers';
+import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { RequireAtLeastOne } from '../../../../types/Helpers';
 export type ProfileDefaultValues = RequireAtLeastOne<{
     employee?: RequireAtLeastOne<{
         firstName?: string;

package/dist/components/Employee/Profile/{Profile.js → onboarding/Profile.js}

@@ -1,10 +1,10 @@
 import { jsx as o } from "react/jsx-runtime";
 import { AdminProfile as l } from "./AdminProfile.js";
 import { EmployeeProfile as f } from "./EmployeeProfile.js";
-import { BaseBoundaries as a } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { useFlow as d } from "../../Flow/useFlow.js";
-import { ensureRequired as p } from "../../../helpers/ensureRequired.js";
+import { BaseBoundaries as a } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useFlow as d } from "../../../Flow/useFlow.js";
+import { ensureRequired as p } from "../../../../helpers/ensureRequired.js";
 function u({
   FallbackComponent: r,
   isAdmin: i = !1,

package/dist/components/Employee/Profile/onboarding/Profile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/onboarding/Profile.tsx"],"sourcesContent":["import type { OnboardingContextInterface } from '../../OnboardingFlow/OnboardingFlowComponents'\nimport { AdminProfile } from './AdminProfile'\nimport { EmployeeProfile } from './EmployeeProfile'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport type ProfileDefaultValues = RequireAtLeastOne<{\n  employee?: RequireAtLeastOne<{\n    firstName?: string\n    middleInitial?: string\n    lastName?: string\n    email?: string\n    dateOfBirth?: string\n  }>\n  homeAddress?: RequireAtLeastOne<{\n    street1?: string\n    street2?: string\n    city?: string\n    state?: string\n    zip?: string\n  }>\n  inviteEmployeeDefault?: boolean\n}>\n\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Profile'> {\n  employeeId?: string\n  companyId: string\n  defaultValues?: ProfileDefaultValues\n  isAdmin?: boolean\n  isSelfOnboardingEnabled?: boolean\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function Profile({\n  FallbackComponent,\n  isAdmin = false,\n  ...props\n}: ProfileProps & BaseComponentInterface) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Profile\" FallbackComponent={FallbackComponent}>\n      {isAdmin ? <AdminProfile {...props} isAdmin /> : <EmployeeProfile {...props} />}\n    </BaseBoundaries>\n  )\n}\n\nexport const ProfileContextual = () => {\n  const { companyId, employeeId, onEvent, isAdmin, defaultValues, isSelfOnboardingEnabled } =\n    useFlow<OnboardingContextInterface>()\n\n  return (\n    <Profile\n      companyId={ensureRequired(companyId)}\n      employeeId={employeeId}\n      onEvent={onEvent}\n      isAdmin={isAdmin}\n      defaultValues={defaultValues?.profile}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n    />\n  )\n}\n"],"names":["Profile","FallbackComponent","isAdmin","props","BaseBoundaries","jsx","AdminProfile","EmployeeProfile","ProfileContextual","companyId","employeeId","onEvent","defaultValues","isSelfOnboardingEnabled","useFlow","ensureRequired"],"mappings":";;;;;;;AAuCO,SAASA,EAAQ;AAAA,EACtB,mBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAA0C;AACxC,2BACGC,GAAA,EAAe,eAAc,oBAAmB,mBAAAH,GAC9C,cAAU,gBAAAI,EAACC,GAAA,EAAc,GAAGH,GAAO,SAAO,GAAA,CAAC,sBAAMI,GAAA,EAAiB,GAAGJ,GAAO,GAC/E;AAEJ;AAEO,MAAMK,IAAoB,MAAM;AACrC,QAAM,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,SAAAT,GAAS,eAAAU,GAAe,yBAAAC,EAAA,IAC9DC,EAAA;AAEF,SACE,gBAAAT;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,WAAWe,EAAeN,CAAS;AAAA,MACnC,YAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAT;AAAA,MACA,eAAeU,GAAe;AAAA,MAC9B,yBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Profile/shared/useEmployeeDetailsForm/useEmployeeDetailsForm.d.ts

@@ -9,15 +9,20 @@ export interface EmployeeDetailsSubmitCallbacks {
     onEmployeeUpdated?: (employee: Employee) => void;
     onOnboardingStatusUpdated?: (status: unknown) => void;
 }
-export interface UseEmployeeDetailsFormProps {
-    companyId: string;
-    employeeId?: string;
+type UseEmployeeDetailsFormSharedProps = {
     withSelfOnboardingField?: boolean;
     optionalFieldsToRequire?: EmployeeDetailsOptionalFieldsToRequire;
     defaultValues?: Partial<EmployeeDetailsFormData>;
     validationMode?: UseFormProps['mode'];
     shouldFocusError?: boolean;
-}
+};
+export type UseEmployeeDetailsFormProps = (UseEmployeeDetailsFormSharedProps & {
+    companyId: string;
+    employeeId?: never;
+}) | (UseEmployeeDetailsFormSharedProps & {
+    employeeId: string;
+    companyId?: string;
+});
 export interface EmployeeDetailsFields {
     FirstName: typeof FirstNameField;
     MiddleInitial: typeof MiddleInitialField;