@gusto/embedded-react-sdk 0.48.3 → 0.50.0

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

@@ -1 +1 @@
-{"version":3,"file":"useSplitPaymentsForm.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useSplitPaymentsForm/useSplitPaymentsForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { useForm, useFormState, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/employeepaymentmethod'\nimport { useEmployeePaymentMethodGet } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodsGetBankAccounts } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodUpdate'\nimport {\n  PERCENTAGE_TOTAL_PATH,\n  SPLIT_BY_VALUES,\n  SplitPaymentsFormErrorCodes,\n  type SplitByValue,\n  type SplitPaymentsFormData,\n  type SplitPaymentsFormOptionalFieldsToRequire,\n  type SplitPaymentsFormOutputs,\n  createSplitPaymentsFormSchema,\n} from './useSplitPaymentsFormSchema'\nimport { SplitByField, type SplitByFieldProps } from './fields'\nimport { buildSplitFieldEntries, type SplitFieldEntry } from './splitFieldFactory'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\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 { SDKInternalError } from '@/types/sdkError'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\nimport { PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\n\n/**\n * A single split entry — pairs a bank account identifier with its current split allocation.\n *\n * @remarks\n * Surfaced on `data.splits` from {@link useSplitPaymentsForm}. Derived from\n * `paymentMethod.splits` when present, otherwise from the employee's bank\n * accounts (one entry per account, no allocated amount). Carries the raw\n * domain data — use it for label construction or lookups by uuid.\n *\n * @public\n */\nexport interface WorkingSplit {\n  /** UUID of the underlying bank account. */\n  uuid: string\n  /** Account nickname, when available. */\n  name: string | null\n  /** Masked account number suffix, when available. */\n  hiddenAccountNumber: string | null\n  /** Allocation amount — `null` for the remainder split in Amount mode and for splits that haven't been allocated yet. */\n  splitAmount: number | null\n  /** Ordering value — splits are processed in ascending priority; the highest priority is the remainder. */\n  priority: number\n}\n\n/**\n * Props for {@link useSplitPaymentsForm}.\n *\n * @public\n */\nexport interface UseSplitPaymentsFormProps {\n  /** Employee whose payment splits are being edited. */\n  employeeId: string\n  /** Override optional fields to be required. Currently a no-op — `splitBy` and `priority` are always required, and per-split `splitAmount` required-ness is automatic. */\n  optionalFieldsToRequire?: SplitPaymentsFormOptionalFieldsToRequire\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Field components exposed by {@link useSplitPaymentsForm} on `form.Fields`.\n *\n * @public\n */\nexport interface SplitPaymentsFormFields {\n  /** Bound to `splitBy` — see {@link SplitByField}. */\n  SplitBy: ComponentType<SplitByFieldProps>\n  /** One entry per bank account, each carrying a pre-bound `Field` component for the per-split amount. */\n  splits: SplitFieldEntry[]\n}\n\n/**\n * Ready-state return value of {@link useSplitPaymentsForm}.\n *\n * @public\n */\nexport interface UseSplitPaymentsFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SplitPaymentsFormData,\n  SplitPaymentsFormFields\n> {\n  /** Server-fetched data and derived working values. */\n  data: {\n    /** The employee's current payment method. */\n    paymentMethod: EmployeePaymentMethod\n    /** All bank accounts available to allocate splits across. */\n    bankAccounts: EmployeeBankAccount[]\n    /** The current working split entries, one per bank account. */\n    splits: WorkingSplit[]\n    /** UUID of the split that absorbs the remainder in Amount mode (always the last by priority). */\n    remainderId: string\n  }\n  /** Submission state and reactive form-level flags. */\n  status: {\n    /** `true` while the update mutation is in flight. */\n    isPending: boolean\n    /** Always `'update'` — the hook always edits an existing payment method. */\n    mode: 'update'\n    /** Current `splitBy` value, reactively tracked. */\n    splitBy: SplitByValue\n    /** Live sum of `splitAmount` values; useful for displaying the current total in Percentage mode. */\n    percentageTotal: number\n    /**\n     * `true` after a failed Percentage-mode Save when the splits don't sum to\n     * 100; clears live as the user corrects the total. Follows the standard\n     * react-hook-form validation lifecycle (controlled by `validationMode`).\n     * Only surfaces in Percentage mode.\n     */\n    hasPercentageImbalance: boolean\n  }\n  /** Actions that mutate the form or submit it. */\n  actions: {\n    /** Submit the form. Returns the updated payment method on success or `undefined` on validation/mutation failure. */\n    onSubmit: () => Promise<HookSubmitResult<EmployeePaymentMethod> | undefined>\n    /**\n     * Reorder splits by uuid (Amount mode). Pass the ordered list of split\n     * uuids; the last uuid becomes the remainder. The hook writes the new\n     * priority map and re-anchors the remainder's `splitAmount` to `null`\n     * (clearing the previous remainder to `0`).\n     */\n    reorderSplits: (orderedUuids: string[]) => void\n  }\n}\n\nconst buildWorkingSplits = (\n  paymentMethod: EmployeePaymentMethod,\n  bankAccounts: EmployeeBankAccount[],\n): WorkingSplit[] => {\n  if (paymentMethod.splits && paymentMethod.splits.length > 0) {\n    return paymentMethod.splits.map(split => ({\n      uuid: split.uuid,\n      name: split.name ?? null,\n      hiddenAccountNumber: split.hiddenAccountNumber ?? null,\n      splitAmount: split.splitAmount ?? null,\n      priority: split.priority ?? 0,\n    }))\n  }\n  return bankAccounts.map((account, index) => ({\n    uuid: account.uuid,\n    name: account.name ?? null,\n    hiddenAccountNumber: account.hiddenAccountNumber ?? null,\n    splitAmount: null,\n    priority: index + 1,\n  }))\n}\n\n/**\n * Headless React Hook Form hook for splitting an employee's Direct Deposit across multiple bank accounts.\n *\n * @remarks\n * Supports two split modes: Percentage (whole-number shares that sum to 100)\n * and Amount (dollar amounts, with the last-priority split absorbing the\n * remainder). Always operates in update mode against the employee's existing\n * payment method.\n *\n * The Percentage sum-to-100 invariant is surfaced via\n * `status.hasPercentageImbalance` (not as a per-field error). With the default\n * `validationMode: 'onSubmit'`, the imbalance flag appears after the first\n * failed Save and clears live as the user corrects the total.\n *\n * @param props - See {@link UseSplitPaymentsFormProps}.\n * @returns A loading-state result while the payment method and bank accounts are loading, or a {@link UseSplitPaymentsFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useSplitPaymentsForm,\n *   SDKFormProvider,\n *   type SplitByValue,\n *   type UseSplitPaymentsFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function SplitPaycheckScreen({ employeeId }: { employeeId: string }) {\n *   const splitForm = useSplitPaymentsForm({ employeeId })\n *\n *   if (splitForm.isLoading) return null\n *   return <SplitPaycheckReady splitForm={splitForm} />\n * }\n *\n * function SplitPaycheckReady({ splitForm }: { splitForm: UseSplitPaymentsFormReady }) {\n *   const { Fields } = splitForm.form\n *   const { hasPercentageImbalance, percentageTotal } = splitForm.status\n *\n *   return (\n *     <SDKFormProvider formHookResult={splitForm}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void splitForm.actions.onSubmit()\n *         }}\n *       >\n *         {hasPercentageImbalance && (\n *           <div role=\"alert\">Splits must total 100%. Currently {percentageTotal}%.</div>\n *         )}\n *         <Fields.SplitBy label=\"Split by\" getOptionLabel={(value: SplitByValue) => value} />\n *         {Fields.splits.map(split => (\n *           <split.Field\n *             key={split.uuid}\n *             label={split.name ?? 'Account'}\n *             min={0}\n *           />\n *         ))}\n *         <button type=\"submit\" disabled={splitForm.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useSplitPaymentsForm({\n  employeeId,\n  optionalFieldsToRequire,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseSplitPaymentsFormProps): HookLoadingResult | UseSplitPaymentsFormReady {\n  const paymentMethodQuery = useEmployeePaymentMethodGet({ employeeId })\n  const bankAccountsQuery = useEmployeePaymentMethodsGetBankAccounts({ employeeId })\n\n  const paymentMethod = paymentMethodQuery.data?.employeePaymentMethod\n  const bankAccounts = bankAccountsQuery.data?.employeeBankAccounts\n\n  const splits = useMemo<WorkingSplit[]>(\n    () => (paymentMethod && bankAccounts ? buildWorkingSplits(paymentMethod, bankAccounts) : []),\n    [paymentMethod, bankAccounts],\n  )\n\n  const [schema, metadataConfig] = useMemo(\n    () => createSplitPaymentsFormSchema({ optionalFieldsToRequire }),\n    [optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: SplitPaymentsFormData = useMemo(() => {\n    const isAmountSplit = paymentMethod?.splitBy === SPLIT_BY.amount\n    const splitAmount: Record<string, number | null> = {}\n    const priority: Record<string, number> = {}\n    splits.forEach(split => {\n      splitAmount[split.uuid] = isAmountSplit\n        ? centsToDollars(split.splitAmount)\n        : split.splitAmount\n      priority[split.uuid] = split.priority\n    })\n    return {\n      splitBy: (paymentMethod?.splitBy ?? SPLIT_BY.percentage) as SplitByValue,\n      splitAmount,\n      priority,\n    }\n  }, [paymentMethod, splits])\n\n  const formMethods = useForm<SplitPaymentsFormData, unknown, SplitPaymentsFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const updateMutation = useEmployeePaymentMethodUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('SplitPaymentsForm')\n\n  const errorHandling = composeErrorHandler([paymentMethodQuery, bankAccountsQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const watchedSplitBy = useWatch({ control: formMethods.control, name: 'splitBy' })\n  const watchedPriority = useWatch({ control: formMethods.control, name: 'priority' })\n  const watchedSplitAmount = useWatch({ control: formMethods.control, name: 'splitAmount' })\n\n  const percentageTotal = useMemo(() => {\n    if (watchedSplitBy !== SPLIT_BY.percentage) return 0\n    return Object.values(watchedSplitAmount).reduce<number>(\n      (acc, v) => acc + (typeof v === 'number' && Number.isFinite(v) ? v : 0),\n      0,\n    )\n  }, [watchedSplitBy, watchedSplitAmount])\n\n  // Subscribe to the schema-emitted imbalance error. The schema places it at\n  // a synthetic path (`PERCENTAGE_TOTAL_PATH`) so it does not collide with\n  // per-uuid `splitAmount.<uuid>` errors. Following the standard validation\n  // lifecycle means `validationMode` (onSubmit / onChange / onBlur / ...)\n  // controls when the alert can appear. We subscribe to the full errors map\n  // because `name` only tracks registered field paths and our synthetic key\n  // is not a registered field. The derivation is also gated on Percentage\n  // mode so a stale error from a prior Percentage submit can't leak into\n  // Amount mode after a toggle.\n  const { errors: validationErrors, isSubmitted } = useFormState({\n    control: formMethods.control,\n  })\n  const hasPercentageImbalance =\n    watchedSplitBy === SPLIT_BY.percentage &&\n    (validationErrors as Record<string, { message?: string } | undefined>)[PERCENTAGE_TOTAL_PATH]\n      ?.message === SplitPaymentsFormErrorCodes.PERCENTAGE_TOTAL_MISMATCH\n\n  // Re-sync the synthetic PERCENTAGE_TOTAL_PATH error whenever any\n  // `splitAmount` value changes (in Percentage mode, after the first\n  // submit attempt). RHF's per-field reValidate after a failed submit\n  // scopes the resolver merge to the changed field's name, so an error\n  // at our form-level synthetic path is otherwise left stuck once the\n  // user has typed the total back to 100. Targeting the synthetic name\n  // re-runs the resolver and lets RHF set/unset that single path through\n  // its normal merge — preserving per-field error lifecycles unchanged.\n  const { trigger } = formMethods\n  useEffect(() => {\n    if (!isSubmitted) return\n    if (watchedSplitBy !== SPLIT_BY.percentage) return\n    // `trigger`'s type is keyed to registered field paths, but the\n    // synthetic `percentageTotal` resolves through RHF's get/set/unset\n    // helpers at runtime — cast at the boundary to keep the contract\n    // honest above.\n    void trigger(PERCENTAGE_TOTAL_PATH as Parameters<typeof trigger>[0])\n  }, [isSubmitted, watchedSplitBy, watchedSplitAmount, trigger])\n\n  const remainderId = useMemo(() => {\n    if (!Object.keys(watchedPriority).length) return ''\n    return Object.entries(watchedPriority).reduce((maxId, [uuid, priority]) => {\n      if (!maxId) return uuid\n      const currentMax = watchedPriority[maxId] ?? 0\n      return priority > currentMax ? uuid : maxId\n    }, '')\n  }, [watchedPriority])\n\n  // Reset splitAmount values when the user toggles splitBy. Skip the first\n  // post-load run so values loaded from `paymentMethod.splits` are preserved\n  // on mount — only the user's explicit toggle should clear them.\n  const splitsRef = useRef(splits)\n  splitsRef.current = splits\n  const remainderIdRef = useRef(remainderId)\n  remainderIdRef.current = remainderId\n  const previousSplitByRef = useRef<SplitByValue | null>(null)\n  const { setValue, resetField } = formMethods\n\n  useEffect(() => {\n    if (!splitsRef.current.length) return\n    if (previousSplitByRef.current === null) {\n      previousSplitByRef.current = watchedSplitBy as SplitByValue\n      return\n    }\n    if (previousSplitByRef.current === watchedSplitBy) return\n    previousSplitByRef.current = watchedSplitBy as SplitByValue\n\n    if (watchedSplitBy === SPLIT_BY.amount) {\n      const newValues = splitsRef.current.reduce<Record<string, number | null>>((acc, curr) => {\n        acc[curr.uuid] = curr.uuid === remainderIdRef.current ? null : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newValues)\n    } else {\n      const newValues = splitsRef.current.reduce<Record<string, number | null>>(\n        (acc, curr, index) => {\n          acc[curr.uuid] = index === 0 ? 100 : 0\n          return acc\n        },\n        {},\n      )\n      setValue('splitAmount', newValues)\n    }\n  }, [watchedSplitBy, setValue])\n\n  const reorderSplits = useCallback(\n    (orderedUuids: string[]) => {\n      const currentSplits = splitsRef.current\n      const knownUuids = new Set(currentSplits.map(s => s.uuid))\n      if (\n        orderedUuids.length !== knownUuids.size ||\n        !orderedUuids.every(uuid => knownUuids.has(uuid))\n      ) {\n        return\n      }\n\n      const newPriorities = orderedUuids.reduce<Record<string, number>>((acc, uuid, index) => {\n        acc[uuid] = index + 1\n        return acc\n      }, {})\n      const newRemainderId = orderedUuids[orderedUuids.length - 1]\n      if (!newRemainderId) return\n\n      setValue('priority', newPriorities)\n      const previousRemainder = remainderIdRef.current\n      if (previousRemainder && previousRemainder !== newRemainderId) {\n        resetField(`splitAmount.${previousRemainder}`)\n        setValue(`splitAmount.${previousRemainder}`, 0)\n      }\n      setValue(`splitAmount.${newRemainderId}`, null)\n    },\n    [setValue, resetField],\n  )\n\n  const splitByOptions = SPLIT_BY_VALUES.map(value => ({ value, label: value }))\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const dynamicSplitMetadata = useMemo<FieldsMetadata>(() => {\n    const entries: FieldsMetadata = {}\n    const isAmountSplit = watchedSplitBy === SPLIT_BY.amount\n    for (const split of splits) {\n      const path = `splitAmount.${split.uuid}`\n      const isRemainder = isAmountSplit && split.uuid === remainderId\n      // Every split — including the remainder — is \"required\" from the\n      // user's perspective: the remainder always carries a value at submit\n      // (the API absorbs leftover). The form-state `null` is a modeling\n      // detail, not a UX choice, so we don't surface it as \"(optional)\" on\n      // the label. `isDisabled` already conveys the non-interactivity.\n      entries[path] = {\n        name: path,\n        isRequired: true,\n        isDisabled: isRemainder,\n      }\n    }\n    return entries\n  }, [splits, watchedSplitBy, remainderId])\n  const fieldsMetadata: FieldsMetadata = {\n    splitBy: withOptions<SplitByValue>(baseMetadata.splitBy, splitByOptions, [...SPLIT_BY_VALUES]),\n    splitAmount: baseMetadata.splitAmount,\n    priority: baseMetadata.priority,\n    ...dynamicSplitMetadata,\n  }\n\n  const splitFieldEntries = useMemo(\n    () =>\n      buildSplitFieldEntries(\n        splits.map(s => ({\n          uuid: s.uuid,\n          name: s.name,\n          hiddenAccountNumber: s.hiddenAccountNumber,\n        })),\n      ),\n    [splits],\n  )\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeePaymentMethod> | undefined> => {\n    if (!paymentMethod) {\n      throw new SDKInternalError('Cannot submit split payments form before data is loaded')\n    }\n    const currentPaymentMethod = paymentMethod\n    const currentSplits = splits\n    let submitResult: HookSubmitResult<EmployeePaymentMethod> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: SplitPaymentsFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n            const body = {\n              ...currentPaymentMethod,\n              version: currentPaymentMethod.version as string,\n              splitBy: payload.splitBy,\n              splits: currentSplits.map(split => {\n                const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                return {\n                  uuid: split.uuid,\n                  name: split.name ?? undefined,\n                  hiddenAccountNumber: split.hiddenAccountNumber ?? undefined,\n                  splitAmount: isAmountSplit ? dollarsToCents(splitAmountValue) : splitAmountValue,\n                  priority: payload.priority[split.uuid],\n                }\n              }),\n            }\n\n            const response = await updateMutation.mutateAsync({\n              request: {\n                employeeId,\n                requestBody: { ...body, type: PAYMENT_METHODS.directDeposit },\n              },\n            })\n\n            if (!response.employeePaymentMethod) {\n              throw new SDKInternalError('Payment method update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: response.employeePaymentMethod }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (\n    paymentMethodQuery.isLoading ||\n    bankAccountsQuery.isLoading ||\n    !paymentMethod ||\n    !bankAccounts\n  ) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      paymentMethod,\n      bankAccounts,\n      splits,\n      remainderId,\n    },\n    status: {\n      isPending,\n      mode: 'update' as const,\n      splitBy: watchedSplitBy as SplitByValue,\n      percentageTotal,\n      hasPercentageImbalance,\n    },\n    actions: { onSubmit, reorderSplits },\n    errorHandling,\n    form: {\n      Fields: { SplitBy: SplitByField, splits: splitFieldEntries },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useSplitPaymentsForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseSplitPaymentsFormResult = HookLoadingResult | UseSplitPaymentsFormReady\n\n/**\n * Per-field metadata exposed on `form.fieldsMetadata` for {@link useSplitPaymentsForm}.\n *\n * @public\n */\nexport type SplitPaymentsFormFieldsMetadata = UseSplitPaymentsFormReady['form']['fieldsMetadata']\n"],"names":["buildWorkingSplits","paymentMethod","bankAccounts","split","account","index","useSplitPaymentsForm","employeeId","optionalFieldsToRequire","validationMode","shouldFocusError","paymentMethodQuery","useEmployeePaymentMethodGet","bankAccountsQuery","useEmployeePaymentMethodsGetBankAccounts","splits","useMemo","schema","metadataConfig","createSplitPaymentsFormSchema","resolvedDefaults","isAmountSplit","SPLIT_BY","splitAmount","priority","centsToDollars","formMethods","useForm","zodResolver","updateMutation","useEmployeePaymentMethodUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","watchedSplitBy","useWatch","watchedPriority","watchedSplitAmount","percentageTotal","acc","v","validationErrors","isSubmitted","useFormState","hasPercentageImbalance","PERCENTAGE_TOTAL_PATH","SplitPaymentsFormErrorCodes","trigger","useEffect","remainderId","maxId","uuid","currentMax","splitsRef","useRef","remainderIdRef","previousSplitByRef","setValue","resetField","newValues","curr","reorderSplits","useCallback","orderedUuids","currentSplits","knownUuids","s","newPriorities","newRemainderId","previousRemainder","splitByOptions","SPLIT_BY_VALUES","value","baseMetadata","useDeriveFieldsMetadata","dynamicSplitMetadata","entries","path","isRemainder","fieldsMetadata","withOptions","splitFieldEntries","buildSplitFieldEntries","onSubmit","SDKInternalError","currentPaymentMethod","submitResult","resolve","data","payload","body","splitAmountValue","dollarsToCents","response","PAYMENT_METHODS","hookFormInternals","useHookFormInternals","SplitByField","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"useSplitPaymentsForm.js","sources":["../../../../../../src/components/Employee/PaymentMethod/shared/useSplitPaymentsForm/useSplitPaymentsForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { useCallback, useEffect, useMemo, useRef } from 'react'\nimport { useForm, useFormState, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { EmployeeBankAccount } from '@gusto/embedded-api-v-2025-11-15/models/components/employeebankaccount'\nimport type { EmployeePaymentMethod } from '@gusto/embedded-api-v-2025-11-15/models/components/employeepaymentmethod'\nimport { useEmployeePaymentMethodGet } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodGet'\nimport { useEmployeePaymentMethodsGetBankAccounts } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodsGetBankAccounts'\nimport { useEmployeePaymentMethodUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/employeePaymentMethodUpdate'\nimport {\n  PERCENTAGE_TOTAL_PATH,\n  SPLIT_BY_VALUES,\n  SplitPaymentsFormErrorCodes,\n  type SplitByValue,\n  type SplitPaymentsFormData,\n  type SplitPaymentsFormOptionalFieldsToRequire,\n  type SplitPaymentsFormOutputs,\n  createSplitPaymentsFormSchema,\n} from './useSplitPaymentsFormSchema'\nimport { SplitByField, type SplitByFieldProps } from './fields'\nimport { buildSplitFieldEntries, type SplitFieldEntry } from './splitFieldFactory'\nimport { useDeriveFieldsMetadata } from '@/partner-hook-utils/form/useDeriveFieldsMetadata'\nimport { useHookFormInternals } from '@/partner-hook-utils/form/useHookFormInternals'\nimport { createGetFormSubmissionValues } from '@/partner-hook-utils/form/getFormSubmissionValues'\nimport { withOptions } from '@/partner-hook-utils/form/withOptions'\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 { SDKInternalError } from '@/types/sdkError'\nimport { centsToDollars, dollarsToCents } from '@/helpers/currencyHelpers'\nimport { PAYMENT_METHODS, SPLIT_BY } from '@/shared/constants'\n\n/**\n * A single split entry — pairs a bank account identifier with its current split allocation.\n *\n * @remarks\n * Surfaced on `data.splits` from {@link useSplitPaymentsForm}. Derived from\n * `paymentMethod.splits` when present, otherwise from the employee's bank\n * accounts (one entry per account, no allocated amount). Carries the raw\n * domain data — use it for label construction or lookups by uuid.\n *\n * @public\n */\nexport interface WorkingSplit {\n  /** UUID of the underlying bank account. */\n  uuid: string\n  /** Account nickname, when available. */\n  name: string | null\n  /** Masked account number suffix, when available. */\n  hiddenAccountNumber: string | null\n  /** Allocation amount — `null` for the remainder split in Amount mode and for splits that haven't been allocated yet. */\n  splitAmount: number | null\n  /** Ordering value — splits are processed in ascending priority; the highest priority is the remainder. */\n  priority: number\n}\n\n/**\n * Props for {@link useSplitPaymentsForm}.\n *\n * @public\n */\nexport interface UseSplitPaymentsFormProps {\n  /** Employee whose payment splits are being edited. */\n  employeeId: string\n  /** Override optional fields to be required. Currently a no-op — `splitBy` and `priority` are always required, and per-split `splitAmount` required-ness is automatic. */\n  optionalFieldsToRequire?: SplitPaymentsFormOptionalFieldsToRequire\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Field components exposed by {@link useSplitPaymentsForm} on `form.Fields`.\n *\n * @public\n */\nexport interface SplitPaymentsFormFields {\n  /** Radio group bound to `splitBy`; selects Percentage or Amount split mode. */\n  SplitBy: ComponentType<SplitByFieldProps>\n  /** One entry per bank account, each carrying a pre-bound `Field` component for the per-split amount. */\n  splits: SplitFieldEntry[]\n}\n\n/**\n * Ready-state return value of {@link useSplitPaymentsForm}.\n *\n * @public\n */\nexport interface UseSplitPaymentsFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  SplitPaymentsFormData,\n  SplitPaymentsFormFields\n> {\n  /** Server-fetched data and derived working values. */\n  data: {\n    /** The employee's current payment method. */\n    paymentMethod: EmployeePaymentMethod\n    /** All bank accounts available to allocate splits across. */\n    bankAccounts: EmployeeBankAccount[]\n    /** The current working split entries, one per bank account. */\n    splits: WorkingSplit[]\n    /** UUID of the split that absorbs the remainder in Amount mode (always the last by priority). */\n    remainderId: string\n  }\n  /** Submission state and reactive form-level flags. */\n  status: {\n    /** `true` while the update mutation is in flight. */\n    isPending: boolean\n    /** Always `'update'` — the hook always edits an existing payment method. */\n    mode: 'update'\n    /** Current `splitBy` value, reactively tracked. */\n    splitBy: SplitByValue\n    /** Live sum of `splitAmount` values; useful for displaying the current total in Percentage mode. */\n    percentageTotal: number\n    /**\n     * `true` after a failed Percentage-mode Save when the splits don't sum to\n     * 100; clears live as the user corrects the total. Follows the standard\n     * react-hook-form validation lifecycle (controlled by `validationMode`).\n     * Only surfaces in Percentage mode.\n     */\n    hasPercentageImbalance: boolean\n  }\n  /** Actions that mutate the form or submit it. */\n  actions: {\n    /** Submit the form. Returns the updated payment method on success or `undefined` on validation/mutation failure. */\n    onSubmit: () => Promise<HookSubmitResult<EmployeePaymentMethod> | undefined>\n    /**\n     * Reorder splits by uuid (Amount mode). Pass the ordered list of split\n     * uuids; the last uuid becomes the remainder. The hook writes the new\n     * priority map and re-anchors the remainder's `splitAmount` to `null`\n     * (clearing the previous remainder to `0`).\n     */\n    reorderSplits: (orderedUuids: string[]) => void\n  }\n}\n\nconst buildWorkingSplits = (\n  paymentMethod: EmployeePaymentMethod,\n  bankAccounts: EmployeeBankAccount[],\n): WorkingSplit[] => {\n  if (paymentMethod.splits && paymentMethod.splits.length > 0) {\n    return paymentMethod.splits.map(split => ({\n      uuid: split.uuid,\n      name: split.name ?? null,\n      hiddenAccountNumber: split.hiddenAccountNumber ?? null,\n      splitAmount: split.splitAmount ?? null,\n      priority: split.priority ?? 0,\n    }))\n  }\n  return bankAccounts.map((account, index) => ({\n    uuid: account.uuid,\n    name: account.name ?? null,\n    hiddenAccountNumber: account.hiddenAccountNumber ?? null,\n    splitAmount: null,\n    priority: index + 1,\n  }))\n}\n\n/**\n * Headless React Hook Form hook for splitting an employee's Direct Deposit across multiple bank accounts.\n *\n * @remarks\n * Supports two split modes: Percentage (whole-number shares that sum to 100)\n * and Amount (dollar amounts, with the last-priority split absorbing the\n * remainder). Always operates in update mode against the employee's existing\n * payment method.\n *\n * The Percentage sum-to-100 invariant is surfaced via\n * `status.hasPercentageImbalance` (not as a per-field error). With the default\n * `validationMode: 'onSubmit'`, the imbalance flag appears after the first\n * failed Save and clears live as the user corrects the total.\n *\n * @param props - See {@link UseSplitPaymentsFormProps}.\n * @returns A loading-state result while the payment method and bank accounts are loading, or a {@link UseSplitPaymentsFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useSplitPaymentsForm,\n *   SDKFormProvider,\n *   type SplitByValue,\n *   type UseSplitPaymentsFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function SplitPaycheckScreen({ employeeId }: { employeeId: string }) {\n *   const splitForm = useSplitPaymentsForm({ employeeId })\n *\n *   if (splitForm.isLoading) return null\n *   return <SplitPaycheckReady splitForm={splitForm} />\n * }\n *\n * function SplitPaycheckReady({ splitForm }: { splitForm: UseSplitPaymentsFormReady }) {\n *   const { Fields } = splitForm.form\n *   const { hasPercentageImbalance, percentageTotal } = splitForm.status\n *\n *   return (\n *     <SDKFormProvider formHookResult={splitForm}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void splitForm.actions.onSubmit()\n *         }}\n *       >\n *         {hasPercentageImbalance && (\n *           <div role=\"alert\">Splits must total 100%. Currently {percentageTotal}%.</div>\n *         )}\n *         <Fields.SplitBy label=\"Split by\" getOptionLabel={(value: SplitByValue) => value} />\n *         {Fields.splits.map(split => (\n *           <split.Field\n *             key={split.uuid}\n *             label={split.name ?? 'Account'}\n *             min={0}\n *           />\n *         ))}\n *         <button type=\"submit\" disabled={splitForm.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useSplitPaymentsForm({\n  employeeId,\n  optionalFieldsToRequire,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseSplitPaymentsFormProps): UseSplitPaymentsFormResult {\n  const paymentMethodQuery = useEmployeePaymentMethodGet({ employeeId })\n  const bankAccountsQuery = useEmployeePaymentMethodsGetBankAccounts({ employeeId })\n\n  const paymentMethod = paymentMethodQuery.data?.employeePaymentMethod\n  const bankAccounts = bankAccountsQuery.data?.employeeBankAccounts\n\n  const splits = useMemo<WorkingSplit[]>(\n    () => (paymentMethod && bankAccounts ? buildWorkingSplits(paymentMethod, bankAccounts) : []),\n    [paymentMethod, bankAccounts],\n  )\n\n  const [schema, metadataConfig] = useMemo(\n    () => createSplitPaymentsFormSchema({ optionalFieldsToRequire }),\n    [optionalFieldsToRequire],\n  )\n\n  const resolvedDefaults: SplitPaymentsFormData = useMemo(() => {\n    const isAmountSplit = paymentMethod?.splitBy === SPLIT_BY.amount\n    const splitAmount: Record<string, number | null> = {}\n    const priority: Record<string, number> = {}\n    splits.forEach(split => {\n      splitAmount[split.uuid] = isAmountSplit\n        ? centsToDollars(split.splitAmount)\n        : split.splitAmount\n      priority[split.uuid] = split.priority\n    })\n    return {\n      splitBy: (paymentMethod?.splitBy ?? SPLIT_BY.percentage) as SplitByValue,\n      splitAmount,\n      priority,\n    }\n  }, [paymentMethod, splits])\n\n  const formMethods = useForm<SplitPaymentsFormData, unknown, SplitPaymentsFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const updateMutation = useEmployeePaymentMethodUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('SplitPaymentsForm')\n\n  const errorHandling = composeErrorHandler([paymentMethodQuery, bankAccountsQuery], {\n    submitError,\n    setSubmitError,\n  })\n\n  const watchedSplitBy = useWatch({ control: formMethods.control, name: 'splitBy' })\n  const watchedPriority = useWatch({ control: formMethods.control, name: 'priority' })\n  const watchedSplitAmount = useWatch({ control: formMethods.control, name: 'splitAmount' })\n\n  const percentageTotal = useMemo(() => {\n    if (watchedSplitBy !== SPLIT_BY.percentage) return 0\n    return Object.values(watchedSplitAmount).reduce<number>(\n      (acc, v) => acc + (typeof v === 'number' && Number.isFinite(v) ? v : 0),\n      0,\n    )\n  }, [watchedSplitBy, watchedSplitAmount])\n\n  // Subscribe to the schema-emitted imbalance error. The schema places it at\n  // a synthetic path (`PERCENTAGE_TOTAL_PATH`) so it does not collide with\n  // per-uuid `splitAmount.<uuid>` errors. Following the standard validation\n  // lifecycle means `validationMode` (onSubmit / onChange / onBlur / ...)\n  // controls when the alert can appear. We subscribe to the full errors map\n  // because `name` only tracks registered field paths and our synthetic key\n  // is not a registered field. The derivation is also gated on Percentage\n  // mode so a stale error from a prior Percentage submit can't leak into\n  // Amount mode after a toggle.\n  const { errors: validationErrors, isSubmitted } = useFormState({\n    control: formMethods.control,\n  })\n  const hasPercentageImbalance =\n    watchedSplitBy === SPLIT_BY.percentage &&\n    (validationErrors as Record<string, { message?: string } | undefined>)[PERCENTAGE_TOTAL_PATH]\n      ?.message === SplitPaymentsFormErrorCodes.PERCENTAGE_TOTAL_MISMATCH\n\n  // Re-sync the synthetic PERCENTAGE_TOTAL_PATH error whenever any\n  // `splitAmount` value changes (in Percentage mode, after the first\n  // submit attempt). RHF's per-field reValidate after a failed submit\n  // scopes the resolver merge to the changed field's name, so an error\n  // at our form-level synthetic path is otherwise left stuck once the\n  // user has typed the total back to 100. Targeting the synthetic name\n  // re-runs the resolver and lets RHF set/unset that single path through\n  // its normal merge — preserving per-field error lifecycles unchanged.\n  const { trigger } = formMethods\n  useEffect(() => {\n    if (!isSubmitted) return\n    if (watchedSplitBy !== SPLIT_BY.percentage) return\n    // `trigger`'s type is keyed to registered field paths, but the\n    // synthetic `percentageTotal` resolves through RHF's get/set/unset\n    // helpers at runtime — cast at the boundary to keep the contract\n    // honest above.\n    void trigger(PERCENTAGE_TOTAL_PATH as Parameters<typeof trigger>[0])\n  }, [isSubmitted, watchedSplitBy, watchedSplitAmount, trigger])\n\n  const remainderId = useMemo(() => {\n    if (!Object.keys(watchedPriority).length) return ''\n    return Object.entries(watchedPriority).reduce((maxId, [uuid, priority]) => {\n      if (!maxId) return uuid\n      const currentMax = watchedPriority[maxId] ?? 0\n      return priority > currentMax ? uuid : maxId\n    }, '')\n  }, [watchedPriority])\n\n  // Reset splitAmount values when the user toggles splitBy. Skip the first\n  // post-load run so values loaded from `paymentMethod.splits` are preserved\n  // on mount — only the user's explicit toggle should clear them.\n  const splitsRef = useRef(splits)\n  splitsRef.current = splits\n  const remainderIdRef = useRef(remainderId)\n  remainderIdRef.current = remainderId\n  const previousSplitByRef = useRef<SplitByValue | null>(null)\n  const { setValue, resetField } = formMethods\n\n  useEffect(() => {\n    if (!splitsRef.current.length) return\n    if (previousSplitByRef.current === null) {\n      previousSplitByRef.current = watchedSplitBy as SplitByValue\n      return\n    }\n    if (previousSplitByRef.current === watchedSplitBy) return\n    previousSplitByRef.current = watchedSplitBy as SplitByValue\n\n    if (watchedSplitBy === SPLIT_BY.amount) {\n      const newValues = splitsRef.current.reduce<Record<string, number | null>>((acc, curr) => {\n        acc[curr.uuid] = curr.uuid === remainderIdRef.current ? null : 0\n        return acc\n      }, {})\n      setValue('splitAmount', newValues)\n    } else {\n      const newValues = splitsRef.current.reduce<Record<string, number | null>>(\n        (acc, curr, index) => {\n          acc[curr.uuid] = index === 0 ? 100 : 0\n          return acc\n        },\n        {},\n      )\n      setValue('splitAmount', newValues)\n    }\n  }, [watchedSplitBy, setValue])\n\n  const reorderSplits = useCallback(\n    (orderedUuids: string[]) => {\n      const currentSplits = splitsRef.current\n      const knownUuids = new Set(currentSplits.map(s => s.uuid))\n      if (\n        orderedUuids.length !== knownUuids.size ||\n        !orderedUuids.every(uuid => knownUuids.has(uuid))\n      ) {\n        return\n      }\n\n      const newPriorities = orderedUuids.reduce<Record<string, number>>((acc, uuid, index) => {\n        acc[uuid] = index + 1\n        return acc\n      }, {})\n      const newRemainderId = orderedUuids[orderedUuids.length - 1]\n      if (!newRemainderId) return\n\n      setValue('priority', newPriorities)\n      const previousRemainder = remainderIdRef.current\n      if (previousRemainder && previousRemainder !== newRemainderId) {\n        resetField(`splitAmount.${previousRemainder}`)\n        setValue(`splitAmount.${previousRemainder}`, 0)\n      }\n      setValue(`splitAmount.${newRemainderId}`, null)\n    },\n    [setValue, resetField],\n  )\n\n  const splitByOptions = SPLIT_BY_VALUES.map(value => ({ value, label: value }))\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const dynamicSplitMetadata = useMemo<FieldsMetadata>(() => {\n    const entries: FieldsMetadata = {}\n    const isAmountSplit = watchedSplitBy === SPLIT_BY.amount\n    for (const split of splits) {\n      const path = `splitAmount.${split.uuid}`\n      const isRemainder = isAmountSplit && split.uuid === remainderId\n      // Every split — including the remainder — is \"required\" from the\n      // user's perspective: the remainder always carries a value at submit\n      // (the API absorbs leftover). The form-state `null` is a modeling\n      // detail, not a UX choice, so we don't surface it as \"(optional)\" on\n      // the label. `isDisabled` already conveys the non-interactivity.\n      entries[path] = {\n        name: path,\n        isRequired: true,\n        isDisabled: isRemainder,\n      }\n    }\n    return entries\n  }, [splits, watchedSplitBy, remainderId])\n  const fieldsMetadata: FieldsMetadata = {\n    splitBy: withOptions<SplitByValue>(baseMetadata.splitBy, splitByOptions, [...SPLIT_BY_VALUES]),\n    splitAmount: baseMetadata.splitAmount,\n    priority: baseMetadata.priority,\n    ...dynamicSplitMetadata,\n  }\n\n  const splitFieldEntries = useMemo(\n    () =>\n      buildSplitFieldEntries(\n        splits.map(s => ({\n          uuid: s.uuid,\n          name: s.name,\n          hiddenAccountNumber: s.hiddenAccountNumber,\n        })),\n      ),\n    [splits],\n  )\n\n  const onSubmit = async (): Promise<HookSubmitResult<EmployeePaymentMethod> | undefined> => {\n    if (!paymentMethod) {\n      throw new SDKInternalError('Cannot submit split payments form before data is loaded')\n    }\n    const currentPaymentMethod = paymentMethod\n    const currentSplits = splits\n    let submitResult: HookSubmitResult<EmployeePaymentMethod> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: SplitPaymentsFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const isAmountSplit = payload.splitBy === SPLIT_BY.amount\n            const body = {\n              ...currentPaymentMethod,\n              version: currentPaymentMethod.version as string,\n              splitBy: payload.splitBy,\n              splits: currentSplits.map(split => {\n                const splitAmountValue = payload.splitAmount[split.uuid] ?? null\n                return {\n                  uuid: split.uuid,\n                  name: split.name ?? undefined,\n                  hiddenAccountNumber: split.hiddenAccountNumber ?? undefined,\n                  splitAmount: isAmountSplit ? dollarsToCents(splitAmountValue) : splitAmountValue,\n                  priority: payload.priority[split.uuid],\n                }\n              }),\n            }\n\n            const response = await updateMutation.mutateAsync({\n              request: {\n                employeeId,\n                requestBody: { ...body, type: PAYMENT_METHODS.directDeposit },\n              },\n            })\n\n            if (!response.employeePaymentMethod) {\n              throw new SDKInternalError('Payment method update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: response.employeePaymentMethod }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (\n    paymentMethodQuery.isLoading ||\n    bankAccountsQuery.isLoading ||\n    !paymentMethod ||\n    !bankAccounts\n  ) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      paymentMethod,\n      bankAccounts,\n      splits,\n      remainderId,\n    },\n    status: {\n      isPending,\n      mode: 'update' as const,\n      splitBy: watchedSplitBy as SplitByValue,\n      percentageTotal,\n      hasPercentageImbalance,\n    },\n    actions: { onSubmit, reorderSplits },\n    errorHandling,\n    form: {\n      Fields: { SplitBy: SplitByField, splits: splitFieldEntries },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useSplitPaymentsForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseSplitPaymentsFormResult = HookLoadingResult | UseSplitPaymentsFormReady\n\n/**\n * Per-field metadata exposed on `form.fieldsMetadata` for {@link useSplitPaymentsForm}.\n *\n * @public\n */\nexport type SplitPaymentsFormFieldsMetadata = UseSplitPaymentsFormReady['form']['fieldsMetadata']\n"],"names":["buildWorkingSplits","paymentMethod","bankAccounts","split","account","index","useSplitPaymentsForm","employeeId","optionalFieldsToRequire","validationMode","shouldFocusError","paymentMethodQuery","useEmployeePaymentMethodGet","bankAccountsQuery","useEmployeePaymentMethodsGetBankAccounts","splits","useMemo","schema","metadataConfig","createSplitPaymentsFormSchema","resolvedDefaults","isAmountSplit","SPLIT_BY","splitAmount","priority","centsToDollars","formMethods","useForm","zodResolver","updateMutation","useEmployeePaymentMethodUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","watchedSplitBy","useWatch","watchedPriority","watchedSplitAmount","percentageTotal","acc","v","validationErrors","isSubmitted","useFormState","hasPercentageImbalance","PERCENTAGE_TOTAL_PATH","SplitPaymentsFormErrorCodes","trigger","useEffect","remainderId","maxId","uuid","currentMax","splitsRef","useRef","remainderIdRef","previousSplitByRef","setValue","resetField","newValues","curr","reorderSplits","useCallback","orderedUuids","currentSplits","knownUuids","s","newPriorities","newRemainderId","previousRemainder","splitByOptions","SPLIT_BY_VALUES","value","baseMetadata","useDeriveFieldsMetadata","dynamicSplitMetadata","entries","path","isRemainder","fieldsMetadata","withOptions","splitFieldEntries","buildSplitFieldEntries","onSubmit","SDKInternalError","currentPaymentMethod","submitResult","resolve","data","payload","body","splitAmountValue","dollarsToCents","response","PAYMENT_METHODS","hookFormInternals","useHookFormInternals","SplitByField","createGetFormSubmissionValues"],"mappings":"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"}

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

@@ -1,16 +1,12 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
-import { EventType } from '../../../../shared/constants';
-import { OnEventType } from '../../../Base/useBase';
+import { BaseComponentInterface } from '../../../Base';
 /**
  * Props for {@link Profile}.
  *
  * @public
  */
-export interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {
+export interface ProfileProps extends BaseComponentInterface<'Employee.Management.Profile'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Event handler fired on flow state changes. */
-    onEvent: OnEventType<EventType, unknown>;
 }
 /**
  * Management surface for viewing and editing an employee's basic profile details after onboarding.
@@ -20,14 +16,15 @@ export interface ProfileProps extends CommonComponentInterface<'Employee.Managem
  * Emits events on the supplied `onEvent` handler when the user requests an
  * edit, saves changes, or cancels.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |
- * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link Employee} |
+ * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Employee} |
  * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |
  *
  * @param props - See {@link ProfileProps}.
  * @returns The employee profile management surface.
  * @public
  */
-export declare function Profile({ dictionary, FallbackComponent, ...props }: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>): import("react").JSX.Element;
+export declare function Profile({ dictionary, FallbackComponent, ...props }: ProfileProps): import("react").JSX.Element;

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

@@ -20,11 +20,7 @@ function s({ employeeId: o, onEvent: e }) {
   );
   return /* @__PURE__ */ m(p, { machine: r, onEvent: e });
 }
-function w({
-  dictionary: o,
-  FallbackComponent: e,
-  ...r
-}) {
+function w({ dictionary: o, FallbackComponent: e, ...r }) {
   return c("Employee.Management.Profile", o), /* @__PURE__ */ m(
     l,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport {\n  BaseBoundaries,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { type EventType } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired on flow state changes. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: ProfileProps & BaseComponentInterface<'Employee.Management.Profile'>) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAoBO,SAASU,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAyE;AACvE,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Employee/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction ProfileFlow({ employeeId, onEvent }: ProfileProps) {\n  useI18n('Employee.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing an employee's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ employeeId: string }` |\n * | `employee/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The employee profile management surface.\n * @public\n */\nexport function Profile({ dictionary, FallbackComponent, ...props }: ProfileProps) {\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,YAAAC,GAAY,SAAAC,KAAyB;AAC1D,EAAAC,EAAQ,6BAA6B;AAErC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,YAAAR;AAAA,MACA,cAAc;AAAA,IAAA,EACd;AAAA,IACJ,CAACA,CAAU;AAAA,EAAA;AAGb,SAAO,gBAAAS,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAF,EAAA,CAAkB;AACnD;AAqBO,SAASU,EAAQ,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAAuB;AACjF,SAAAC,EAAuB,+BAA+BH,CAAU,GAE9D,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAa,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAG9B;"}

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

@@ -20,6 +20,7 @@ export interface ProfileCardProps {
  * render success or error alerts itself — alert presentation is the
  * surrounding surface's responsibility.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Employee/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeProfileSummary } from '../../shared/useEmployeeProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user requests to edit the profile. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Read-only card showing an employee's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard(props: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\">\n      <ProfileCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent }: ProfileCardProps) {\n  useI18n('Employee.Management.Profile')\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useEmployeeProfileSummary({ employeeId })\n\n  const isEmployeeLoading = profile.isLoading\n\n  const employee = profile.isLoading ? undefined : profile.data.employee\n\n  const legalName = employee\n    ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n    : undefined\n  const startDate = employee ? formatDateLongWithYear(employee.jobs?.[0]?.hireDate) : undefined\n  const dateOfBirth = employee ? formatDateLongWithYear(employee.dateOfBirth) : undefined\n  const maskedSsn = employee?.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = employee\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        { term: t('socialSecurityNumber'), description: maskedSsn || emptyPlaceholder },\n        { term: t('dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","props","jsx","BaseBoundaries","ProfileCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useEmployeeProfileSummary","isEmployeeLoading","employee","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;;AAwCO,SAASA,EAAYC,GAAyB;AACnD,SACE,gBAAAC,EAACC,KAAe,eAAc,+BAC5B,4BAACC,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AACrE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAUC,EAA0B,EAAE,YAAAR,GAAY,GAElDS,IAAoBF,EAAQ,WAE5BG,IAAWH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,UAExDI,IAAYD,IACdE,EAAc,EAAE,YAAYF,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E,QACEG,IAAYH,IAAWI,EAAuBJ,EAAS,OAAO,CAAC,GAAG,QAAQ,IAAI,QAC9EK,IAAcL,IAAWI,EAAuBJ,EAAS,WAAW,IAAI,QACxEM,IAAYN,GAAU,SAAS,gBAAgB,QAE/CO,IAAmB,gBAAApB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEe,IAAeR,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaQ,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,WAAW,GAAG,aAAaU,KAAaI,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,sBAAsB,GAAG,aAAaa,KAAaC,EAAA;AAAA,IAC7D,EAAE,MAAMd,EAAE,aAAa,GAAG,aAAaY,KAAeE,EAAA;AAAA,IACtD,EAAE,MAAMd,EAAE,eAAe,GAAG,aAAaO,EAAS,SAASO,EAAA;AAAA,EAAiB,IAE9E,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAlB,EAAQmB,EAAgB,4CAA4C,EAAE,YAAApB,EAAA,CAAY;AAAA,EACpF;AAEA,SACE,gBAAAH,EAACwB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASc;AAAA,cACT,YAAYV;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAACyB,GAAA,CAAA,CAAQ,IACPZ,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOa,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"ProfileCard.js","sources":["../../../../../../src/components/Employee/Profile/management/ProfileCard/ProfileCard.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useEmployeeProfileSummary } from '../../shared/useEmployeeProfileSummary'\nimport { Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { formatDateLongWithYear } from '@/helpers/dateFormatting'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\n/**\n * Props for {@link ProfileCard}.\n *\n * @public\n */\nexport interface ProfileCardProps {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user requests to edit the profile. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Read-only card showing an employee's basic profile details with an Edit action.\n *\n * @remarks\n * Standalone card that fetches its own data. Emits an event when the user\n * clicks Edit so the parent can switch to the edit form. The card does not\n * render success or error alerts itself — alert presentation is the\n * surrounding surface's responsibility.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/editRequested` | Fired when the user clicks the Edit button | `{ employeeId: string }` |\n *\n * @param props - See {@link ProfileCardProps}.\n * @returns The basic-details profile card.\n * @public\n */\nexport function ProfileCard(props: ProfileCardProps) {\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Profile\">\n      <ProfileCardContent {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileCardContent({ employeeId, onEvent }: ProfileCardProps) {\n  useI18n('Employee.Management.Profile')\n  const { t } = useTranslation('Employee.Management.Profile')\n  const Components = useComponentContext()\n\n  const profile = useEmployeeProfileSummary({ employeeId })\n\n  const isEmployeeLoading = profile.isLoading\n\n  const employee = profile.isLoading ? undefined : profile.data.employee\n\n  const legalName = employee\n    ? firstLastName({ first_name: employee.firstName, last_name: employee.lastName })\n    : undefined\n  const startDate = employee ? formatDateLongWithYear(employee.jobs?.[0]?.hireDate) : undefined\n  const dateOfBirth = employee ? formatDateLongWithYear(employee.dateOfBirth) : undefined\n  const maskedSsn = employee?.hasSsn ? 'XXX-XX-XXXX' : undefined\n\n  const emptyPlaceholder = <span aria-label={t('listEmptyPlaceholder')}>–</span>\n  const profileItems = employee\n    ? [\n        { term: t('legalName'), description: legalName || emptyPlaceholder },\n        { term: t('startDate'), description: startDate || emptyPlaceholder },\n        { term: t('socialSecurityNumber'), description: maskedSsn || emptyPlaceholder },\n        { term: t('dateOfBirth'), description: dateOfBirth || emptyPlaceholder },\n        { term: t('personalEmail'), description: employee.email || emptyPlaceholder },\n      ]\n    : []\n\n  const handleEdit = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED, { employeeId })\n  }\n\n  return (\n    <BaseLayout error={profile.errorHandling.errors}>\n      <Components.Box\n        header={\n          <Components.BoxHeader\n            title={t('title')}\n            action={\n              <Components.Button\n                variant=\"secondary\"\n                onClick={handleEdit}\n                isDisabled={isEmployeeLoading}\n              >\n                {t('editCta')}\n              </Components.Button>\n            }\n          />\n        }\n      >\n        {isEmployeeLoading ? (\n          <Loading />\n        ) : employee ? (\n          <Components.DescriptionList items={profileItems} />\n        ) : null}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n"],"names":["ProfileCard","props","jsx","BaseBoundaries","ProfileCardContent","employeeId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","profile","useEmployeeProfileSummary","isEmployeeLoading","employee","legalName","firstLastName","startDate","formatDateLongWithYear","dateOfBirth","maskedSsn","emptyPlaceholder","profileItems","handleEdit","componentEvents","BaseLayout","Loading"],"mappings":";;;;;;;;;;;AAyCO,SAASA,EAAYC,GAAyB;AACnD,SACE,gBAAAC,EAACC,KAAe,eAAc,+BAC5B,4BAACC,GAAA,EAAoB,GAAGH,GAAO,EAAA,CACjC;AAEJ;AAEA,SAASG,EAAmB,EAAE,YAAAC,GAAY,SAAAC,KAA6B;AACrE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAaC,EAAA,GAEbC,IAAUC,EAA0B,EAAE,YAAAR,GAAY,GAElDS,IAAoBF,EAAQ,WAE5BG,IAAWH,EAAQ,YAAY,SAAYA,EAAQ,KAAK,UAExDI,IAAYD,IACdE,EAAc,EAAE,YAAYF,EAAS,WAAW,WAAWA,EAAS,SAAA,CAAU,IAC9E,QACEG,IAAYH,IAAWI,EAAuBJ,EAAS,OAAO,CAAC,GAAG,QAAQ,IAAI,QAC9EK,IAAcL,IAAWI,EAAuBJ,EAAS,WAAW,IAAI,QACxEM,IAAYN,GAAU,SAAS,gBAAgB,QAE/CO,IAAmB,gBAAApB,EAAC,QAAA,EAAK,cAAYM,EAAE,sBAAsB,GAAG,UAAA,KAAC,GACjEe,IAAeR,IACjB;AAAA,IACE,EAAE,MAAMP,EAAE,WAAW,GAAG,aAAaQ,KAAaM,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,WAAW,GAAG,aAAaU,KAAaI,EAAA;AAAA,IAClD,EAAE,MAAMd,EAAE,sBAAsB,GAAG,aAAaa,KAAaC,EAAA;AAAA,IAC7D,EAAE,MAAMd,EAAE,aAAa,GAAG,aAAaY,KAAeE,EAAA;AAAA,IACtD,EAAE,MAAMd,EAAE,eAAe,GAAG,aAAaO,EAAS,SAASO,EAAA;AAAA,EAAiB,IAE9E,CAAA,GAEEE,IAAa,MAAM;AACvB,IAAAlB,EAAQmB,EAAgB,4CAA4C,EAAE,YAAApB,EAAA,CAAY;AAAA,EACpF;AAEA,SACE,gBAAAH,EAACwB,GAAA,EAAW,OAAOd,EAAQ,cAAc,QACvC,UAAA,gBAAAV;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,QACE,gBAAAR;AAAA,QAACQ,EAAW;AAAA,QAAX;AAAA,UACC,OAAOF,EAAE,OAAO;AAAA,UAChB,QACE,gBAAAN;AAAA,YAACQ,EAAW;AAAA,YAAX;AAAA,cACC,SAAQ;AAAA,cACR,SAASc;AAAA,cACT,YAAYV;AAAA,cAEX,YAAE,SAAS;AAAA,YAAA;AAAA,UAAA;AAAA,QACd;AAAA,MAAA;AAAA,MAKL,UAAAA,IACC,gBAAAZ,EAACyB,GAAA,CAAA,CAAQ,IACPZ,IACF,gBAAAb,EAACQ,EAAW,iBAAX,EAA2B,OAAOa,EAAA,CAAc,IAC/C;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}

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

@@ -1,14 +1,12 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../../Base';
+import { BaseComponentInterface } from '../../../Base';
 /**
  * Props for {@link ProfileEditForm}.
  *
  * @public
  */
-export interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {
+export interface ProfileEditFormProps extends BaseComponentInterface<'Employee.Management.Profile'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Event handler fired when the user saves changes or cancels editing. */
-    onEvent: BaseComponentInterface['onEvent'];
 }
 /**
  * Standalone edit form for an employee's basic profile details.
@@ -19,13 +17,14 @@ export interface ProfileEditFormProps extends CommonComponentInterface<'Employee
  * the save completes. Save and Cancel both emit events so the parent can
  * return to the read view.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
- * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link Employee} |
+ * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link APIModels.Employee} |
  * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |
  *
  * @param input - See {@link ProfileEditFormProps}.
  * @returns The employee profile edit form.
  * @public
  */
-export declare function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>): import("react").JSX.Element;
+export declare function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps): import("react").JSX.Element;

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

@@ -13,10 +13,7 @@ import { Form as _ } from "../../../Common/Form/Form.js";
 import { SDKFormProvider as y } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useI18n as F, useComponentDictionary as P } from "../../../../i18n/I18n.js";
 import { componentEvents as f } from "../../../../shared/constants.js";
-function z({
-  FallbackComponent: r,
-  ...t
-}) {
+function z({ FallbackComponent: r, ...t }) {
   return /* @__PURE__ */ o(
     v,
     {

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

@@ -1 +1 @@
-{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileEditForm.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\n/**\n * Props for {@link ProfileEditForm}.\n *\n * @public\n */\nexport interface ProfileEditFormProps extends CommonComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Event handler fired when the user saves changes or cancels editing. */\n  onEvent: BaseComponentInterface['onEvent']\n}\n\n/**\n * Standalone edit form for an employee's basic profile details.\n *\n * @remarks\n * Renders fields for first name, middle initial, last name, email, SSN, and\n * date of birth — all required on update — and shows a success alert when\n * the save completes. Save and Cancel both emit events so the parent can\n * return to the read view.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link ProfileEditFormProps}.\n * @returns The employee profile edit form.\n * @public\n */\nexport function ProfileEditForm({\n  FallbackComponent,\n  ...props\n}: ProfileEditFormProps & Pick<BaseComponentInterface, 'FallbackComponent'>) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({ employeeId, className, dictionary, onEvent }: ProfileEditFormProps) {\n  useI18n('Employee.Management.Profile')\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  const { t } = useTranslation('Employee.Management.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_MANAGEMENT_PROFILE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.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('form.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('form.firstName')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.firstName'),\n                  INVALID_NAME: t('form.validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('form.middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('form.lastName')}\n              validationMessages={{\n                REQUIRED: t('form.validations.lastName'),\n                INVALID_NAME: t('form.validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('form.email')}\n              description={t('form.emailDescription')}\n              validationMessages={{\n                REQUIRED: t('form.validations.email'),\n                INVALID_EMAIL: t('form.validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('form.validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('form.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('form.dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","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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"}
+{"version":3,"file":"ProfileEditForm.js","sources":["../../../../../src/components/Employee/Profile/management/ProfileEditForm.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 { BaseBoundaries, BaseLayout, type BaseComponentInterface } 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\n/**\n * Props for {@link ProfileEditForm}.\n *\n * @public\n */\nexport interface ProfileEditFormProps extends BaseComponentInterface<'Employee.Management.Profile'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\n/**\n * Standalone edit form for an employee's basic profile details.\n *\n * @remarks\n * Renders fields for first name, middle initial, last name, email, SSN, and\n * date of birth — all required on update — and shows a success alert when\n * the save completes. Save and Cancel both emit events so the parent can\n * return to the read view.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/profile/updated` | Fired after the employee profile is successfully saved | {@link APIModels.Employee} |\n * | `employee/management/profile/editCancelled` | Fired when the user clicks Cancel | — |\n *\n * @param input - See {@link ProfileEditFormProps}.\n * @returns The employee profile edit form.\n * @public\n */\nexport function ProfileEditForm({ FallbackComponent, ...props }: ProfileEditFormProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n    >\n      <ProfileEditFormRoot {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction ProfileEditFormRoot({ employeeId, className, dictionary, onEvent }: ProfileEditFormProps) {\n  useI18n('Employee.Management.Profile')\n  useComponentDictionary('Employee.Management.Profile', dictionary)\n  const { t } = useTranslation('Employee.Management.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_MANAGEMENT_PROFILE_UPDATED, emp)\n      },\n    })\n    if (!result) return\n    setShowSuccess(true)\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED)\n  }\n\n  const alert = showSuccess ? (\n    <Components.Alert\n      status=\"success\"\n      label={t('form.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('form.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('form.firstName')}\n                validationMessages={{\n                  REQUIRED: t('form.validations.firstName'),\n                  INVALID_NAME: t('form.validations.firstName'),\n                }}\n              />\n              <Fields.MiddleInitial label={t('form.middleInitial')} />\n            </Grid>\n            <Fields.LastName\n              label={t('form.lastName')}\n              validationMessages={{\n                REQUIRED: t('form.validations.lastName'),\n                INVALID_NAME: t('form.validations.lastName'),\n              }}\n            />\n            <Fields.Email\n              label={t('form.email')}\n              description={t('form.emailDescription')}\n              validationMessages={{\n                REQUIRED: t('form.validations.email'),\n                INVALID_EMAIL: t('form.validations.email'),\n                EMAIL_REQUIRED_FOR_SELF_ONBOARDING: t('form.validations.email'),\n              }}\n            />\n            <Fields.Ssn\n              label={t('form.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('form.dobLabel')}\n              validationMessages={{ REQUIRED: t('validations.dob', { ns: 'common' }) }}\n            />\n            <ActionsLayout>\n              <Components.Button variant=\"secondary\" onClick={handleCancel}>\n                {t('form.cancelCta')}\n              </Components.Button>\n              <Components.Button type=\"submit\" isLoading={employeeDetails.status.isPending}>\n                {t('form.saveCta')}\n              </Components.Button>\n            </ActionsLayout>\n          </Form>\n        </SDKFormProvider>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["ProfileEditForm","FallbackComponent","props","jsx","BaseBoundaries","ProfileEditFormRoot","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/profileStateMachine.js

@@ -1,30 +1,24 @@
 import { state as o, transition as t, reduce as r } from "robot3";
 import { ProfileEditFormContextual as l, CardContextual as c } from "./ProfileComponents.js";
 import { componentEvents as e } from "../../../../shared/constants.js";
-const n = r(
-  (E) => ({
-    ...E,
-    component: c,
-    successAlert: null
-  })
-), s = (E) => r(
-  (i) => ({
-    ...i,
-    component: c,
-    successAlert: E
-  })
-), M = {
+const n = r((E) => ({
+  ...E,
+  component: c,
+  successAlert: null
+})), s = (E) => r((i) => ({
+  ...i,
+  component: c,
+  successAlert: E
+})), M = {
   card: o(
     t(
       e.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,
       "editProfile",
-      r(
-        (E) => ({
-          ...E,
-          component: l,
-          successAlert: null
-        })
-      )
+      r((E) => ({
+        ...E,
+        component: l,
+        successAlert: null
+      }))
     ),
     t(e.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
   ),

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

@@ -1 +1 @@
-{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Employee/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce(\n  (ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: null,\n  }),\n)\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce(\n    (ctx: ProfileContextInterface): ProfileContextInterface => ({\n      ...ctx,\n      component: CardContextual as ComponentType,\n      successAlert: alert,\n    }),\n  )\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce(\n        (ctx: ProfileContextInterface): ProfileContextInterface => ({\n          ...ctx,\n          component: ProfileEditFormContextual as ComponentType,\n          successAlert: null,\n        }),\n      ),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC;AAAA,EACnB,CAACC,OAA2D;AAAA,IAC1D,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAc;AAAA,EAAA;AAElB,GAEMC,IAAwB,CAACC,MAC7BJ;AAAA,EACE,CAACC,OAA2D;AAAA,IAC1D,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,cAAcE;AAAA,EAAA;AAElB,GAGWC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR;AAAA,QACE,CAACC,OAA2D;AAAA,UAC1D,GAAGA;AAAA,UACH,WAAWQ;AAAA,UACX,cAAc;AAAA,QAAA;AAAA,MAChB;AAAA,IACF;AAAA,IAEFF,EAAWC,EAAgB,6CAA6C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAE9F,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,4CAA4C,QAAQT,CAAY;AAAA,EAAA;AAE/F;"}
+{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Employee/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n        ...ctx,\n        component: ProfileEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.EMPLOYEE_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAA2D;AAAA,EACtF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAA2D;AAAA,EACjE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA2D;AAAA,QACjE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF,EAAWC,EAAgB,6CAA6C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAE9F,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,4CAA4C,QAAQT,CAAY;AAAA,EAAA;AAE/F;"}