@gusto/embedded-react-sdk 0.48.3 → 0.50.0

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.js

@@ -0,0 +1,188 @@
+import { useMemo as A } from "react";
+import { useForm as se, useWatch as ae } from "react-hook-form";
+import { zodResolver as ne } from "@hookform/resolvers/zod";
+import { useContractorsGet as de } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet";
+import { useContractorsCreateMutation as le } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsCreate";
+import { useContractorsUpdateMutation as me } from "@gusto/embedded-api-v-2025-11-15/react-query/contractorsUpdate";
+import { createContractorDetailsSchema as ce, WageType as m, ContractorType as n } from "./contractorDetailsSchema.js";
+import { WorkStateField as ue, EinField as fe, SsnField as ge, BusinessNameField as pe, MiddleInitialField as we, LastNameField as Se, FirstNameField as Ne, EmailField as be, FileNewHireReportField as ye, SelfOnboardingField as ve, HourlyRateField as Fe, StartDateField as he, WageTypeField as Re, TypeField as Te } from "./fields.js";
+import { useDeriveFieldsMetadata as Oe } from "../../../../../partner-hook-utils/form/useDeriveFieldsMetadata.js";
+import { useHookFormInternals as Ce } from "../../../../../partner-hook-utils/form/useHookFormInternals.js";
+import { createGetFormSubmissionValues as He } from "../../../../../partner-hook-utils/form/getFormSubmissionValues.js";
+import { withOptions as S } from "../../../../../partner-hook-utils/form/withOptions.js";
+import { composeErrorHandler as Ee } from "../../../../../partner-hook-utils/composeErrorHandler.js";
+import { STATES_ABBR as D, ContractorOnboardingStatus as W, ContractorSelfOnboardingStatuses as Ie } from "../../../../../shared/constants.js";
+import { useBaseSubmit as Be } from "../../../../Base/useBaseSubmit.js";
+import { SDKInternalError as g } from "../../../../../types/sdkError.js";
+import { removeNonDigits as V } from "../../../../../helpers/formattedStrings.js";
+const Me = (r) => !!r?.onboardingStatus && Ie.has(r.onboardingStatus), ke = (r) => r ? r.onboardingStatus === W.ADMIN_ONBOARDING_INCOMPLETE || r.onboardingStatus === W.SELF_ONBOARDING_NOT_INVITED : !0;
+function $e({
+  companyId: r,
+  contractorId: s,
+  withSelfOnboardingField: _ = !0,
+  optionalFieldsToRequire: N,
+  defaultValues: o,
+  validationMode: P = "onSubmit",
+  shouldFocusError: U = !0
+}) {
+  const p = de(
+    { contractorUuid: s ?? "" },
+    { enabled: !!s }
+  ), e = p.data?.contractor, c = !s, G = ke(e), b = c ? "create" : "update", y = e?.hasSsn ?? !1, v = e?.hasEin ?? !1, [F, x] = A(
+    () => ce({ mode: b, optionalFieldsToRequire: N, hasSsn: y, hasEin: v }),
+    [b, N, y, v]
+  ), h = e?.hourlyRate != null ? parseFloat(e.hourlyRate) : void 0, R = A(
+    () => ({
+      type: e?.type ?? o?.type ?? n.Individual,
+      wageType: e?.wageType ?? o?.wageType ?? m.Fixed,
+      startDate: e?.startDate ?? o?.startDate ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0],
+      hourlyRate: h ?? o?.hourlyRate ?? NaN,
+      selfOnboarding: o?.selfOnboarding ?? Me(e),
+      fileNewHireReport: e?.fileNewHireReport ?? o?.fileNewHireReport ?? !1,
+      email: e?.email ?? o?.email ?? "",
+      firstName: e?.firstName ?? o?.firstName ?? "",
+      lastName: e?.lastName ?? o?.lastName ?? "",
+      middleInitial: e?.middleInitial ?? o?.middleInitial ?? "",
+      businessName: e?.businessName ?? o?.businessName ?? "",
+      workState: e?.workState ?? o?.workState ?? "",
+      ssn: o?.ssn ?? "",
+      ein: o?.ein ?? ""
+    }),
+    [e, o, h]
+  ), d = se({
+    resolver: ne(F),
+    mode: P,
+    shouldFocusError: U,
+    defaultValues: R,
+    values: R,
+    resetOptions: { keepDirtyValues: !0 }
+  }), [T, z, K, Q] = ae({
+    control: d.control,
+    name: ["type", "wageType", "selfOnboarding", "fileNewHireReport"]
+  }), a = T === n.Individual, O = T === n.Business, j = z === m.Hourly, C = le(), H = me(), J = C.isPending || H.isPending, {
+    baseSubmitHandler: X,
+    error: Y,
+    setError: Z
+  } = Be("ContractorDetailsForm"), E = Ee(s ? [p] : [], { submitError: Y, setSubmitError: Z }), u = Oe(x, d.control), I = [n.Individual, n.Business], B = [m.Hourly, m.Fixed], $ = {
+    ...u,
+    type: S(
+      u.type,
+      I.map((i) => ({ value: i, label: i })),
+      I
+    ),
+    wageType: S(
+      u.wageType,
+      B.map((i) => ({ value: i, label: i })),
+      B
+    ),
+    workState: S(
+      u.workState,
+      D.map((i) => ({ value: i, label: i })),
+      D
+    )
+  }, ee = async (i) => {
+    let M;
+    return await new Promise((k) => {
+      d.handleSubmit(
+        async (oe) => {
+          await X(oe, async (t) => {
+            const L = t.selfOnboarding, ie = t.ssn ? V(t.ssn) : "", re = t.ein ? V(t.ein) : "", q = {
+              type: t.type,
+              wageType: t.wageType,
+              startDate: t.startDate,
+              selfOnboarding: L,
+              email: L && t.email || void 0,
+              hourlyRate: t.wageType === m.Hourly ? String(t.hourlyRate) : void 0,
+              ...t.type === n.Individual ? {
+                firstName: t.firstName,
+                lastName: t.lastName,
+                middleInitial: t.middleInitial || void 0,
+                fileNewHireReport: t.fileNewHireReport,
+                workState: t.fileNewHireReport && t.workState || void 0,
+                ssn: ie || void 0
+              } : {
+                fileNewHireReport: !1,
+                businessName: t.businessName,
+                ein: re || void 0
+              }
+            };
+            let w;
+            if (c) {
+              const f = i?.companyId ?? r;
+              if (!f)
+                throw new g("companyId is required to create a contractor");
+              const l = await C.mutateAsync({
+                request: {
+                  companyUuid: f,
+                  contractorCreateRequestBody: { ...q, isActive: !0 }
+                }
+              });
+              if (!l.contractor)
+                throw new g("Contractor creation failed");
+              w = l.contractor;
+            } else {
+              if (!e?.version)
+                throw new g("Contractor version is required for updates");
+              const f = {
+                ...q,
+                version: e.version
+              }, l = await H.mutateAsync({
+                request: {
+                  contractorUuid: e.uuid,
+                  contractorUpdateRequestBody: f
+                }
+              });
+              if (!l.contractor)
+                throw new g("Contractor update failed");
+              w = l.contractor;
+            }
+            M = {
+              mode: c ? "create" : "update",
+              data: w
+            };
+          }), k();
+        },
+        () => {
+          k();
+        }
+      )();
+    }), M;
+  }, te = Ce(d);
+  return (s ? p.isLoading : !1) || s && !e ? { isLoading: !0, errorHandling: E } : {
+    isLoading: !1,
+    data: {
+      contractor: e ?? null
+    },
+    status: {
+      isPending: J,
+      mode: c ? "create" : "update"
+    },
+    actions: { onSubmit: ee },
+    errorHandling: E,
+    form: {
+      Fields: {
+        Type: Te,
+        WageType: Re,
+        StartDate: he,
+        HourlyRate: j ? Fe : void 0,
+        SelfOnboarding: _ && G ? ve : void 0,
+        FileNewHireReport: a ? ye : void 0,
+        Email: K ? be : void 0,
+        FirstName: a ? Ne : void 0,
+        LastName: a ? Se : void 0,
+        MiddleInitial: a ? we : void 0,
+        BusinessName: O ? pe : void 0,
+        Ssn: a ? ge : void 0,
+        Ein: O ? fe : void 0,
+        WorkState: a && Q ? ue : void 0
+      },
+      fieldsMetadata: $,
+      hookFormInternals: te,
+      getFormSubmissionValues: He(d, F)
+    }
+  };
+}
+export {
+  $e as useContractorDetailsForm
+};
+//# sourceMappingURL=useContractorDetailsForm.js.map

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useContractorDetailsForm.js","sources":["../../../../../../src/components/Contractor/Profile/shared/useContractorDetailsForm/useContractorDetailsForm.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useForm, useWatch } from 'react-hook-form'\nimport type { UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { Contractor } from '@gusto/embedded-api-v-2025-11-15/models/components/contractor'\nimport type { ContractorCreateRequestBody } from '@gusto/embedded-api-v-2025-11-15/models/components/contractorcreaterequestbody'\nimport type { ContractorUpdateRequestBody } from '@gusto/embedded-api-v-2025-11-15/models/components/contractorupdaterequestbody'\nimport { useContractorsGet } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport { useContractorsCreateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsCreate'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsUpdate'\nimport {\n  ContractorType,\n  WageType,\n  createContractorDetailsSchema,\n  type ContractorDetailsOptionalFieldsToRequire,\n  type ContractorDetailsFormData,\n  type ContractorDetailsFormOutputs,\n} from './contractorDetailsSchema'\nimport {\n  TypeField,\n  WageTypeField,\n  StartDateField,\n  HourlyRateField,\n  SelfOnboardingField,\n  FileNewHireReportField,\n  EmailField,\n  FirstNameField,\n  LastNameField,\n  MiddleInitialField,\n  BusinessNameField,\n  SsnField,\n  EinField,\n  WorkStateField,\n} from './fields'\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 {\n  ContractorSelfOnboardingStatuses,\n  ContractorOnboardingStatus,\n  STATES_ABBR,\n} from '@/shared/constants'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { removeNonDigits } from '@/helpers/formattedStrings'\n\nexport type { ContractorDetailsOptionalFieldsToRequire } from './contractorDetailsSchema'\n\n/**\n * Optional overrides passed to {@link UseContractorDetailsFormReady.actions.onSubmit | onSubmit}.\n *\n * @public\n */\nexport interface ContractorDetailsSubmitOptions {\n  /** Override the company identifier supplied to the hook (e.g. after creating the company in the same flow). Only used in create mode. */\n  companyId?: string\n}\n\n/**\n * Shared options merged into both branches of {@link UseContractorDetailsFormProps}.\n *\n * @public\n */\nexport type UseContractorDetailsFormSharedProps = {\n  /** Whether to expose the self-onboarding toggle as `form.Fields.SelfOnboarding`. Defaults to `true`. */\n  withSelfOnboardingField?: boolean\n  /** Fields that are optional by default but should be promoted to required for this form instance. */\n  optionalFieldsToRequire?: ContractorDetailsOptionalFieldsToRequire\n  /** Initial values applied before any contractor data loads. */\n  defaultValues?: Partial<ContractorDetailsFormData>\n  /** When validation runs. Forwarded to react-hook-form's `mode`. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Whether react-hook-form should focus the first error on validation failure. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Options for {@link useContractorDetailsForm}.\n *\n * @remarks\n * Discriminated by mode: in create mode supply `companyId` and omit\n * `contractorId`; in update mode supply `contractorId` (and optionally\n * `companyId`).\n *\n * @public\n */\nexport type UseContractorDetailsFormProps =\n  | (UseContractorDetailsFormSharedProps & { companyId: string; contractorId?: never })\n  | (UseContractorDetailsFormSharedProps & { contractorId: string; companyId?: string })\n\n/**\n * The Field components exposed by {@link useContractorDetailsForm} as `form.Fields`.\n *\n * @remarks\n * Conditionally-visible fields are `undefined` when they do not apply to the\n * current `type`, `wageType`, or self-onboarding selection. Always null-check\n * before rendering.\n *\n * @public\n */\nexport interface ContractorDetailsFields {\n  /** Radio group bound to `type`. Always available. */\n  Type: typeof TypeField\n  /** Radio group bound to `wageType`. Always available. */\n  WageType: typeof WageTypeField\n  /** Date picker bound to `startDate`. Always available. */\n  StartDate: typeof StartDateField\n  /** Number input bound to `hourlyRate`; available only when `wageType` is `Hourly`. */\n  HourlyRate: typeof HourlyRateField | undefined\n  /** Switch bound to `selfOnboarding`; available only when toggleable. */\n  SelfOnboarding: typeof SelfOnboardingField | undefined\n  /** Switch bound to `fileNewHireReport`; available only for individual contractors. */\n  FileNewHireReport: typeof FileNewHireReportField | undefined\n  /** Text input bound to `email`; available only when self-onboarding is enabled. */\n  Email: typeof EmailField | undefined\n  /** Text input bound to `firstName`; available only for individual contractors. */\n  FirstName: typeof FirstNameField | undefined\n  /** Text input bound to `lastName`; available only for individual contractors. */\n  LastName: typeof LastNameField | undefined\n  /** Text input bound to `middleInitial`; available only for individual contractors. */\n  MiddleInitial: typeof MiddleInitialField | undefined\n  /** Text input bound to `businessName`; available only for business contractors. */\n  BusinessName: typeof BusinessNameField | undefined\n  /** Text input bound to `ssn`; available only for individual contractors. */\n  Ssn: typeof SsnField | undefined\n  /** Text input bound to `ein`; available only for business contractors. */\n  Ein: typeof EinField | undefined\n  /** Select bound to `workState`; available only for individual contractors filing a new-hire report. */\n  WorkState: typeof WorkStateField | undefined\n}\n\n/**\n * The ready-state result returned by {@link useContractorDetailsForm} once data has loaded.\n *\n * @public\n */\nexport interface UseContractorDetailsFormReady extends BaseFormHookReady<\n  FieldsMetadata,\n  ContractorDetailsFormData,\n  ContractorDetailsFields\n> {\n  /** The loaded contractor data, or `null` in create mode. */\n  data: {\n    /** The contractor being edited, or `null` in create mode. */\n    contractor: Contractor | null\n  }\n  /** Submit status and form mode. */\n  status: {\n    /** `true` while the create or update mutation is in flight. */\n    isPending: boolean\n    /** `'create'` when no `contractorId` was supplied, `'update'` otherwise. */\n    mode: 'create' | 'update'\n  }\n  /** Submit and related actions. */\n  actions: {\n    /** Validates the form and submits the changes. Returns the created or updated contractor, or `undefined` when validation fails. */\n    onSubmit: (\n      options?: ContractorDetailsSubmitOptions,\n    ) => Promise<HookSubmitResult<Contractor> | undefined>\n  }\n}\n\nconst isCurrentlySelfOnboarding = (contractor?: Contractor) =>\n  !!contractor?.onboardingStatus &&\n  ContractorSelfOnboardingStatuses.has(contractor.onboardingStatus)\n\nconst canToggleSelfOnboarding = (contractor?: Contractor) => {\n  if (!contractor) return true\n  return (\n    contractor.onboardingStatus === ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE ||\n    contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED\n  )\n}\n\n/**\n * Headless hook for creating or updating a contractor's profile details —\n * individual vs. business type, wage type, names, SSN/EIN, work state, and the\n * self-onboarding preference.\n *\n * @remarks\n * Returns a discriminated union: a loading variant while the contractor fetch\n * resolves, and a ready variant exposing the form's data, pending status,\n * submit action, error handling, and bound `Fields`. Field visibility is\n * driven by the current `type` and `wageType` (self-onboarding only toggles the\n * `Email` field); fields that do not apply are `undefined` on `form.Fields`.\n * SSN/EIN are exposed by contractor type regardless of self-onboarding — each\n * consumer decides whether to render them. Self-onboarding is only toggleable\n * when the contractor's onboarding status allows it.\n *\n * @param input - See {@link UseContractorDetailsFormProps}.\n * @returns A {@link HookLoadingResult} while loading, or a {@link UseContractorDetailsFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import {\n *   useContractorDetailsForm,\n *   SDKFormProvider,\n *   type UseContractorDetailsFormReady,\n * } from '@gusto/embedded-react-sdk'\n *\n * function ContractorDetailsPage({\n *   companyId,\n *   contractorId,\n * }: {\n *   companyId: string\n *   contractorId: string\n * }) {\n *   const contractorDetails = useContractorDetailsForm({ companyId, contractorId })\n *\n *   if (contractorDetails.isLoading) return <div>Loading...</div>\n *\n *   return <ContractorDetailsReady contractorDetails={contractorDetails} />\n * }\n *\n * function ContractorDetailsReady({\n *   contractorDetails,\n * }: {\n *   contractorDetails: UseContractorDetailsFormReady\n * }) {\n *   const { Fields } = contractorDetails.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={contractorDetails}>\n *       <form onSubmit={e => { e.preventDefault(); void contractorDetails.actions.onSubmit() }}>\n *         <Fields.Type label=\"Contractor type\" />\n *         <Fields.WageType label=\"Wage type\" />\n *         {Fields.FirstName && <Fields.FirstName label=\"First name\" />}\n *         {Fields.LastName && <Fields.LastName label=\"Last name\" />}\n *         {Fields.BusinessName && <Fields.BusinessName label=\"Business name\" />}\n *         <Fields.StartDate label=\"Start date\" />\n *         <button type=\"submit\" disabled={contractorDetails.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useContractorDetailsForm({\n  companyId,\n  contractorId,\n  withSelfOnboardingField = true,\n  optionalFieldsToRequire,\n  defaultValues: partnerDefaults,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseContractorDetailsFormProps): HookLoadingResult | UseContractorDetailsFormReady {\n  const contractorQuery = useContractorsGet(\n    { contractorUuid: contractorId ?? '' },\n    { enabled: !!contractorId },\n  )\n\n  const contractor = contractorQuery.data?.contractor\n\n  const isCreateMode = !contractorId\n  const isSelfOnboardingToggleable = canToggleSelfOnboarding(contractor)\n\n  const mode = isCreateMode ? 'create' : 'update'\n  const hasSsn = contractor?.hasSsn ?? false\n  const hasEin = contractor?.hasEin ?? false\n\n  const [schema, metadataConfig] = useMemo(\n    () => createContractorDetailsSchema({ mode, optionalFieldsToRequire, hasSsn, hasEin }),\n    [mode, optionalFieldsToRequire, hasSsn, hasEin],\n  )\n\n  const parsedHourlyRate =\n    contractor?.hourlyRate != null ? parseFloat(contractor.hourlyRate) : undefined\n\n  const resolvedDefaults: ContractorDetailsFormData = useMemo(\n    () => ({\n      type: contractor?.type ?? partnerDefaults?.type ?? ContractorType.Individual,\n      wageType: contractor?.wageType ?? partnerDefaults?.wageType ?? WageType.Fixed,\n      startDate:\n        contractor?.startDate ??\n        partnerDefaults?.startDate ??\n        new Date().toISOString().split('T')[0]!,\n      hourlyRate: parsedHourlyRate ?? partnerDefaults?.hourlyRate ?? NaN,\n      selfOnboarding: partnerDefaults?.selfOnboarding ?? isCurrentlySelfOnboarding(contractor),\n      fileNewHireReport:\n        contractor?.fileNewHireReport ?? partnerDefaults?.fileNewHireReport ?? false,\n      email: contractor?.email ?? partnerDefaults?.email ?? '',\n      firstName: contractor?.firstName ?? partnerDefaults?.firstName ?? '',\n      lastName: contractor?.lastName ?? partnerDefaults?.lastName ?? '',\n      middleInitial: contractor?.middleInitial ?? partnerDefaults?.middleInitial ?? '',\n      businessName: contractor?.businessName ?? partnerDefaults?.businessName ?? '',\n      workState: contractor?.workState ?? partnerDefaults?.workState ?? '',\n      ssn: partnerDefaults?.ssn ?? '',\n      ein: partnerDefaults?.ein ?? '',\n    }),\n    [contractor, partnerDefaults, parsedHourlyRate],\n  )\n\n  const formMethods = useForm<ContractorDetailsFormData, unknown, ContractorDetailsFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const [watchedType, watchedWageType, watchedSelfOnboarding, watchedFileNewHireReport] = useWatch({\n    control: formMethods.control,\n    name: ['type', 'wageType', 'selfOnboarding', 'fileNewHireReport'],\n  })\n\n  // Render-gating: a field shows when it applies to the current selection. The\n  // schema mirrors this via `getExcludedContractorFields` so off-screen fields\n  // never trip a phantom required error.\n  const isIndividual = watchedType === ContractorType.Individual\n  const isBusiness = watchedType === ContractorType.Business\n  const isHourly = watchedWageType === WageType.Hourly\n\n  const createContractorMutation = useContractorsCreateMutation()\n  const updateContractorMutation = useContractorsUpdateMutation()\n\n  const isPending = createContractorMutation.isPending || updateContractorMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorDetailsForm')\n\n  const queries = contractorId ? [contractorQuery] : []\n  const errorHandling = composeErrorHandler(queries, { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n\n  const typeEntries = [ContractorType.Individual, ContractorType.Business]\n  const wageTypeEntries = [WageType.Hourly, WageType.Fixed]\n  const fieldsMetadata = {\n    ...baseMetadata,\n    type: withOptions(\n      baseMetadata.type,\n      typeEntries.map(value => ({ value, label: value })),\n      typeEntries,\n    ),\n    wageType: withOptions(\n      baseMetadata.wageType,\n      wageTypeEntries.map(value => ({ value, label: value })),\n      wageTypeEntries,\n    ),\n    workState: withOptions(\n      baseMetadata.workState,\n      STATES_ABBR.map(abbr => ({ value: abbr, label: abbr })),\n      STATES_ABBR,\n    ),\n  }\n\n  const onSubmit = async (\n    options?: ContractorDetailsSubmitOptions,\n  ): Promise<HookSubmitResult<Contractor> | undefined> => {\n    let submitResult: HookSubmitResult<Contractor> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: ContractorDetailsFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const selfOnboardingEnabled = payload.selfOnboarding\n            const cleanedSsn = payload.ssn ? removeNonDigits(payload.ssn) : ''\n            const cleanedEin = payload.ein ? removeNonDigits(payload.ein) : ''\n\n            const requestBody: ContractorCreateRequestBody = {\n              type: payload.type,\n              wageType: payload.wageType,\n              startDate: payload.startDate,\n              selfOnboarding: selfOnboardingEnabled,\n              email: selfOnboardingEnabled ? payload.email || undefined : undefined,\n              hourlyRate:\n                payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n              ...(payload.type === ContractorType.Individual\n                ? {\n                    firstName: payload.firstName,\n                    lastName: payload.lastName,\n                    middleInitial: payload.middleInitial || undefined,\n                    fileNewHireReport: payload.fileNewHireReport,\n                    workState: payload.fileNewHireReport\n                      ? payload.workState || undefined\n                      : undefined,\n                    ssn: cleanedSsn || undefined,\n                  }\n                : {\n                    fileNewHireReport: false,\n                    businessName: payload.businessName,\n                    ein: cleanedEin || undefined,\n                  }),\n            }\n\n            let savedContractor: Contractor\n\n            if (isCreateMode) {\n              const resolvedCompanyId = options?.companyId ?? companyId\n              if (!resolvedCompanyId) {\n                throw new SDKInternalError('companyId is required to create a contractor')\n              }\n\n              const result = await createContractorMutation.mutateAsync({\n                request: {\n                  companyUuid: resolvedCompanyId,\n                  contractorCreateRequestBody: { ...requestBody, isActive: true },\n                },\n              })\n\n              if (!result.contractor) {\n                throw new SDKInternalError('Contractor creation failed')\n              }\n\n              savedContractor = result.contractor\n            } else {\n              if (!contractor?.version) {\n                throw new SDKInternalError('Contractor version is required for updates')\n              }\n\n              const updateBody: ContractorUpdateRequestBody = {\n                ...requestBody,\n                version: contractor.version,\n              }\n\n              const result = await updateContractorMutation.mutateAsync({\n                request: {\n                  contractorUuid: contractor.uuid,\n                  contractorUpdateRequestBody: updateBody,\n                },\n              })\n\n              if (!result.contractor) {\n                throw new SDKInternalError('Contractor update failed')\n              }\n\n              savedContractor = result.contractor\n            }\n\n            submitResult = {\n              mode: isCreateMode ? 'create' : 'update',\n              data: savedContractor,\n            }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  const isDataLoading = contractorId ? contractorQuery.isLoading : false\n\n  if (isDataLoading || (contractorId && !contractor)) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: {\n      contractor: contractor ?? null,\n    },\n    status: {\n      isPending,\n      mode: isCreateMode ? ('create' as const) : ('update' as const),\n    },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        Type: TypeField,\n        WageType: WageTypeField,\n        StartDate: StartDateField,\n        HourlyRate: isHourly ? HourlyRateField : undefined,\n        SelfOnboarding:\n          withSelfOnboardingField && isSelfOnboardingToggleable ? SelfOnboardingField : undefined,\n        FileNewHireReport: isIndividual ? FileNewHireReportField : undefined,\n        Email: watchedSelfOnboarding ? EmailField : undefined,\n        FirstName: isIndividual ? FirstNameField : undefined,\n        LastName: isIndividual ? LastNameField : undefined,\n        MiddleInitial: isIndividual ? MiddleInitialField : undefined,\n        BusinessName: isBusiness ? BusinessNameField : undefined,\n        Ssn: isIndividual ? SsnField : undefined,\n        Ein: isBusiness ? EinField : undefined,\n        WorkState: isIndividual && watchedFileNewHireReport ? WorkStateField : undefined,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useContractorDetailsForm}.\n *\n * @public\n */\nexport type UseContractorDetailsFormResult = HookLoadingResult | UseContractorDetailsFormReady\n\n/**\n * Shape of `form.fieldsMetadata` returned by {@link useContractorDetailsForm}.\n *\n * @public\n */\nexport type ContractorDetailsFieldsMetadata =\n  UseContractorDetailsFormReady['form']['fieldsMetadata']\n\n/**\n * Shape of `form.Fields` returned by {@link useContractorDetailsForm}.\n *\n * @public\n */\nexport type ContractorDetailsFormFields = UseContractorDetailsFormReady['form']['Fields']\n"],"names":["isCurrentlySelfOnboarding","contractor","ContractorSelfOnboardingStatuses","canToggleSelfOnboarding","ContractorOnboardingStatus","useContractorDetailsForm","companyId","contractorId","withSelfOnboardingField","optionalFieldsToRequire","partnerDefaults","validationMode","shouldFocusError","contractorQuery","useContractorsGet","isCreateMode","isSelfOnboardingToggleable","mode","hasSsn","hasEin","schema","metadataConfig","useMemo","createContractorDetailsSchema","parsedHourlyRate","resolvedDefaults","ContractorType","WageType","formMethods","useForm","zodResolver","watchedType","watchedWageType","watchedSelfOnboarding","watchedFileNewHireReport","useWatch","isIndividual","isBusiness","isHourly","createContractorMutation","useContractorsCreateMutation","updateContractorMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","typeEntries","wageTypeEntries","fieldsMetadata","withOptions","value","STATES_ABBR","abbr","onSubmit","options","submitResult","resolve","data","payload","selfOnboardingEnabled","cleanedSsn","removeNonDigits","cleanedEin","requestBody","savedContractor","resolvedCompanyId","SDKInternalError","result","updateBody","hookFormInternals","useHookFormInternals","TypeField","WageTypeField","StartDateField","HourlyRateField","SelfOnboardingField","FileNewHireReportField","EmailField","FirstNameField","LastNameField","MiddleInitialField","BusinessNameField","SsnField","EinField","WorkStateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Contractor/Submit/Submit.d.ts

@@ -1,10 +1,10 @@
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
+import { BaseComponentInterface } from '../../Base';
 /**
  * Props for {@link ContractorSubmit}.
  *
  * @public
  */
-export interface ContractorSubmitProps extends CommonComponentInterface<'Contractor.Submit'> {
+export interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {
     /** UUID of the contractor being submitted. */
     contractorId: string;
     /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */
@@ -13,7 +13,7 @@ export interface ContractorSubmitProps extends CommonComponentInterface<'Contrac
 /**
  * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.
  *
- * @remarks
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |
@@ -24,4 +24,4 @@ export interface ContractorSubmitProps extends CommonComponentInterface<'Contrac
  * @returns The rendered submission step.
  * @public
  */
-export declare function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface): import("react").JSX.Element;
+export declare function ContractorSubmit(props: ContractorSubmitProps): import("react").JSX.Element;

package/dist/components/Contractor/Submit/Submit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends CommonComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Box, BoxHeader, Button, Text, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <Box\n        header={\n          <BoxHeader\n            title={t('documentRequirements.title')}\n            description={t('documentRequirements.description')}\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {Object.values(t('documentRequirements.items', { returnObjects: true })).map(item => (\n            <div key={item.title}>\n              <Text weight=\"medium\">{item.title}</Text>\n              <Text variant=\"supporting\">{item.description}</Text>\n            </div>\n          ))}\n          <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>\n        </Flex>\n      </Box>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Box","BoxHeader","Button","Text","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","item","ActionsLayout","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}
+{"version":3,"file":"Submit.js","sources":["../../../../src/components/Contractor/Submit/Submit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsGetOnboardingStatusSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGetOnboardingStatus'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/contractorsGet'\nimport { SubmitDone } from './SubmitDone'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, ContractorOnboardingStatus } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/**\n * Props for {@link ContractorSubmit}.\n *\n * @public\n */\nexport interface ContractorSubmitProps extends BaseComponentInterface<'Contractor.Submit'> {\n  /** UUID of the contractor being submitted. */\n  contractorId: string\n  /** When true, adjusts the submission for the self-onboarding flow, surfacing the invite step before the contractor's onboarding status is finalized. */\n  selfOnboarding?: boolean\n}\n\n/**\n * Finalizes contractor onboarding by updating the onboarding status, and in the self-onboarding flow can trigger an invitation to the contractor.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/onboardingStatus/updated` | The contractor's onboarding status was successfully updated. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/invite/selfOnboarding` | The invite action was triggered for a self-onboarding contractor. | `{ contractorId: string }` |\n * | `contractor/submit/done` | The submission step finished — fired after a successful status update, after an invite, or when the contractor was already onboarded. | `{ message: string }`, optionally with `onboardingStatus` when the contractor was already completed. |\n *\n * @param props - See {@link ContractorSubmitProps}.\n * @returns The rendered submission step.\n * @public\n */\nexport function ContractorSubmit(props: ContractorSubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, selfOnboarding, dictionary }: ContractorSubmitProps) => {\n  useI18n('Contractor.Submit')\n  useComponentDictionary('Contractor.Submit', dictionary)\n  const { Alert, Box, BoxHeader, Button, Text, Heading, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.Submit')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  const { data } = useContractorsGetOnboardingStatusSuspense({\n    contractorUuid: contractorId,\n  })\n  const onboardingStatus = data.contractorOnboardingStatus?.onboardingStatus\n\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation()\n\n  const onSubmit = async () => {\n    await baseSubmitHandler(null, async () => {\n      const response = await mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ONBOARDING_COMPLETED,\n          },\n        },\n      })\n      onEvent(\n        componentEvents.CONTRACTOR_ONBOARDING_STATUS_UPDATED,\n        response.contractorOnboardingStatus,\n      )\n      onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, { message: t('submitDone.successMessage') })\n    })\n  }\n  const handleInviteContractor = () => {\n    onEvent(componentEvents.CONTRACTOR_INVITE_CONTRACTOR, { contractorId })\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      message: t('inviteContractor.successMessage'),\n    })\n  }\n\n  const handleSubmitDone = () => {\n    onEvent(componentEvents.CONTRACTOR_SUBMIT_DONE, {\n      onboardingStatus,\n      message: t('submitDone.successMessage'),\n    })\n  }\n\n  if (onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED) {\n    return <SubmitDone onDone={handleSubmitDone} />\n  }\n  if (\n    onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_NOT_INVITED &&\n    selfOnboarding\n  ) {\n    return <InviteContractor onSubmit={handleInviteContractor} contractorId={contractorId} />\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <FlexItem>\n        <Heading as=\"h2\">{t('heading')}</Heading>\n      </FlexItem>\n\n      <Box\n        header={\n          <BoxHeader\n            title={t('documentRequirements.title')}\n            description={t('documentRequirements.description')}\n          />\n        }\n      >\n        <Flex flexDirection=\"column\" gap={16}>\n          {Object.values(t('documentRequirements.items', { returnObjects: true })).map(item => (\n            <div key={item.title}>\n              <Text weight=\"medium\">{item.title}</Text>\n              <Text variant=\"supporting\">{item.description}</Text>\n            </div>\n          ))}\n          <Alert status=\"info\" label={t('documentRequirements.alertLabel')}></Alert>\n        </Flex>\n      </Box>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Alert status=\"warning\" label={t('title')}>\n          <UnorderedList items={items} />\n        </Alert>\n        <ActionsLayout justifyContent=\"end\">\n          <Button title={t('submitCta')} onClick={onSubmit}>\n            {t('submitCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </Flex>\n  )\n}\n\nconst InviteContractor = ({\n  onSubmit,\n  contractorId,\n}: {\n  onSubmit: () => void\n  contractorId: string\n}) => {\n  const { t } = useTranslation('Contractor.Submit', { keyPrefix: 'inviteContractor' })\n  const { Button, Heading, Text } = useComponentContext()\n\n  const { data: contractorData } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const contractor = contractorData.contractor\n\n  return (\n    <Flex flexDirection=\"column\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n      <Text>{t('description')}</Text>\n      <Flex flexDirection=\"column\">\n        <div>\n          <Text>\n            {firstLastName({\n              first_name: contractor?.firstName,\n              last_name: contractor?.lastName,\n            })}\n          </Text>\n          <Text>{contractor?.email}</Text>\n        </div>\n        <div>\n          <Text>{t('startDateLabel')}</Text>\n          <Text>{contractor?.startDate}</Text>\n        </div>\n      </Flex>\n      <Button title={t('inviteCta')} onClick={onSubmit}>\n        {t('inviteCta')}\n      </Button>\n    </Flex>\n  )\n}\n"],"names":["ContractorSubmit","props","jsx","BaseComponent","Root","contractorId","selfOnboarding","dictionary","useI18n","useComponentDictionary","Alert","Box","BoxHeader","Button","Text","Heading","UnorderedList","useComponentContext","t","useTranslation","onEvent","baseSubmitHandler","useBase","items","data","useContractorsGetOnboardingStatusSuspense","onboardingStatus","mutateAsync","useContractorsUpdateOnboardingStatusMutation","onSubmit","response","ContractorOnboardingStatus","componentEvents","handleInviteContractor","handleSubmitDone","SubmitDone","InviteContractor","jsxs","Flex","FlexItem","item","ActionsLayout","contractorData","useContractorsGetSuspense","contractor","firstLastName"],"mappings":"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"}

package/dist/components/Contractor/exports/contractorOnboarding.d.ts

@@ -1,12 +1,15 @@
 export { OnboardingFlow } from '../OnboardingFlow/OnboardingFlow';
 export type { OnboardingFlowProps, OnboardingFlowDefaultValues, } from '../OnboardingFlow/OnboardingFlowComponents';
+export { Landing, type LandingProps } from '../Landing';
+export { OnboardingSummary, type OnboardingSummaryProps } from '../OnboardingSummary';
 export { ContractorList, type ContractorListProps } from '../ContractorList';
-export { ContractorProfile, type ContractorProfileProps } from '../Profile';
-export type { ContractorProfileFormData } from '../Profile/useContractorProfile';
+export { ContractorProfile, type ContractorProfileProps, type ContractorProfileAdminProps, type ContractorProfileSelfOnboardingProps, } from '../Profile';
+export type { ContractorDetailsFormData as ContractorProfileFormData } from '../Profile/shared';
 export { Address, type AddressProps } from '../Address';
-export type { AddressDefaultValues } from '../Address/useAddress';
+export type { AddressDefaultValues } from '../Address/types';
 export { PaymentMethod } from '../PaymentMethod/PaymentMethod';
 export type { PaymentMethodProps } from '../PaymentMethod/types';
 export { NewHireReport } from '../NewHireReport/NewHireReport';
 export type { NewHireReportProps } from '../NewHireReport/types';
 export { ContractorSubmit, type ContractorSubmitProps } from '../Submit/Submit';
+export { DocumentsList, type DocumentsListProps } from '../Documents/DocumentsList';

package/dist/components/Contractor/exports/contractorOnboarding.js

@@ -1,17 +1,23 @@
 import { OnboardingFlow as t } from "../OnboardingFlow/OnboardingFlow.js";
 import { ContractorList as m } from "../ContractorList/index.js";
-import { PaymentMethod as p } from "../PaymentMethod/PaymentMethod.js";
-import { NewHireReport as n } from "../NewHireReport/NewHireReport.js";
+import { PaymentMethod as n } from "../PaymentMethod/PaymentMethod.js";
+import { NewHireReport as x } from "../NewHireReport/NewHireReport.js";
 import { ContractorSubmit as i } from "../Submit/Submit.js";
-import { Address as c } from "../Address/Address.js";
-import { ContractorProfile as C } from "../Profile/ContractorProfile.js";
+import { Address as s } from "../Address/Address.js";
+import { ContractorProfile as b } from "../Profile/ContractorProfile.js";
+import { DocumentsList as u } from "../Documents/DocumentsList/DocumentsList.js";
+import { Landing as L } from "../Landing/Landing.js";
+import { OnboardingSummary as w } from "../OnboardingSummary/OnboardingSummary.js";
 export {
-  c as Address,
+  s as Address,
   m as ContractorList,
-  C as ContractorProfile,
+  b as ContractorProfile,
   i as ContractorSubmit,
-  n as NewHireReport,
+  u as DocumentsList,
+  L as Landing,
+  x as NewHireReport,
   t as OnboardingFlow,
-  p as PaymentMethod
+  w as OnboardingSummary,
+  n as PaymentMethod
 };
 //# sourceMappingURL=contractorOnboarding.js.map

package/dist/components/Contractor/exports/contractorOnboarding.js.map

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

package/dist/components/Employee/Compensation/management/Compensation.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 Compensation}.
  *
  * @public
  */
-export interface CompensationProps extends CommonComponentInterface<'Employee.Management.Compensation'> {
+export interface CompensationProps extends BaseComponentInterface<'Employee.Management.Compensation'> {
     /** The associated employee identifier. */
     employeeId: string;
-    /** Callback invoked when the block emits an event. See the events table on {@link Compensation} for the available event types and payloads. */
-    onEvent: OnEventType<EventType, unknown>;
 }
 /**
  * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.
@@ -20,6 +16,7 @@ export interface CompensationProps extends CommonComponentInterface<'Employee.Ma
  *
  * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/compensation/card/editRequested` | Fired when an "Edit" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |
@@ -40,4 +37,4 @@ export interface CompensationProps extends CommonComponentInterface<'Employee.Ma
  * @public
  * @group Block Components
  */
-export declare function Compensation({ dictionary, FallbackComponent, ...props }: CompensationProps & BaseComponentInterface<'Employee.Management.Compensation'>): import("react").JSX.Element;
+export declare function Compensation({ dictionary, FallbackComponent, ...props }: CompensationProps): import("react").JSX.Element;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/management/Compensation.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  CompensationCardContextual,\n  type CompensationContextInterface,\n} from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\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 Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the block emits an event. See the events table on {@link Compensation} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\nfunction CompensationFlow({ employeeId, onEvent }: CompensationProps) {\n  useI18n('Employee.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CompensationCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing the employee's job(s), pay type, wage, and effective date, along with affordances to edit a job's compensation, add a first job from the empty state, add another job (when the primary job is Nonexempt), delete a non-primary job, and cancel a scheduled future-dated change. Choosing to edit or add a job swaps the card for the corresponding form; a successful add returns to the card with a dismissible \"Job successfully added.\" alert, an edit returns to the card without an alert, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the card's empty state; the block opens the add-first-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked; the block opens the add-another-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog; the block stays on the card | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card; the block stays on the card | `{ employeeId: string, compensationId: string }` |\n * | `employee/management/compensation/editForm/submitted` | Fired after an edit-compensation save completes; the block returns to the card view | Updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the first job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user cancels the add-job form; the block returns to the card view | — |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after a secondary job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user cancels the add-another-job form; the block returns to the card view | — |\n * | `employee/management/compensation/alertDismissed` | Fired when the user dismisses the \"Job added\" success alert above the card | `null` |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The rendered compensation block.\n * @public\n * @group Block Components\n */\nexport function Compensation({\n  dictionary,\n  FallbackComponent,\n  ...props\n}: CompensationProps & BaseComponentInterface<'Employee.Management.Compensation'>) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n    >\n      <CompensationFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CompensationCardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AA8BA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAA8B;AACpE,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,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;AA8BO,SAASU,EAAa;AAAA,EAC3B,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,GAAGC;AACL,GAAmF;AACjF,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAkB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnC;"}
+{"version":3,"file":"Compensation.js","sources":["../../../../../src/components/Employee/Compensation/management/Compensation.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport {\n  CompensationCardContextual,\n  type CompensationContextInterface,\n} from './CompensationComponents'\nimport { compensationStateMachine } from './compensationStateMachine'\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 Compensation}.\n *\n * @public\n */\nexport interface CompensationProps extends BaseComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n}\n\nfunction CompensationFlow({ employeeId, onEvent }: CompensationProps) {\n  useI18n('Employee.Management.Compensation')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', compensationStateMachine, (ctx: CompensationContextInterface) => ({\n        ...ctx,\n        component: CompensationCardContextual,\n        employeeId,\n        successAlert: null,\n      })),\n    [employeeId],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Self-contained block for viewing and managing an employee's jobs and compensation — the same experience the dashboard surfaces, but as a drop-in component that doesn't require the surrounding dashboard chrome.\n *\n * @remarks\n * Renders a read-only card showing the employee's job(s), pay type, wage, and effective date, along with affordances to edit a job's compensation, add a first job from the empty state, add another job (when the primary job is Nonexempt), delete a non-primary job, and cancel a scheduled future-dated change. Choosing to edit or add a job swaps the card for the corresponding form; a successful add returns to the card with a dismissible \"Job successfully added.\" alert, an edit returns to the card without an alert, and cancelling returns without saving. Wraps everything in error and suspense boundaries.\n *\n * The card and form surfaces ({@link CompensationCard}, {@link CompensationEditForm}, {@link CompensationAddJobForm}, {@link CompensationAddAnotherJobForm}) are also exported individually for cases where that orchestration is the wrong fit — for example, when a form needs to render in a modal or drawer, when the card needs to appear read-only with no edit/add affordances, or when the swap is driven by a router. Using them directly means owning the swap, the alert, and any cross-component state yourself.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/card/editRequested` | Fired when an \"Edit\" CTA is clicked for a job; the block opens the edit form for that job | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/addRequested` | Fired when the \"Add job\" CTA is clicked from the card's empty state; the block opens the add-first-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/addAnotherRequested` | Fired when the \"Add another job\" CTA is clicked; the block opens the add-another-job form | `{ employeeId: string }` |\n * | `employee/management/compensation/card/jobDeleted` | Fired after a non-primary job is deleted via the card's confirm dialog; the block stays on the card | `{ employeeId: string, jobId: string }` |\n * | `employee/management/compensation/card/changeCancelled` | Fired after a scheduled future-dated change is cancelled from the card; the block stays on the card | `{ employeeId: string, compensationId: string }` |\n * | `employee/management/compensation/editForm/submitted` | Fired after an edit-compensation save completes; the block returns to the card view | Updated `Compensation` entity |\n * | `employee/management/compensation/editForm/cancelled` | Fired when the user cancels the edit form; the block returns to the card view | — |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the first job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user cancels the add-job form; the block returns to the card view | — |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after a secondary job + compensation are saved; the block returns to the card and surfaces the \"Job added\" alert | Updated `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user cancels the add-another-job form; the block returns to the card view | — |\n * | `employee/management/compensation/alertDismissed` | Fired when the user dismisses the \"Job added\" success alert above the card | `null` |\n *\n * @param props - See {@link CompensationProps}.\n * @returns The rendered compensation block.\n * @public\n * @group Block Components\n */\nexport function Compensation({ dictionary, FallbackComponent, ...props }: CompensationProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Employee.Management.Compensation\"\n      FallbackComponent={FallbackComponent}\n    >\n      <CompensationFlow {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["CompensationFlow","employeeId","onEvent","useI18n","machine","useMemo","createMachine","compensationStateMachine","ctx","CompensationCardContextual","jsx","Flow","Compensation","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAsBA,SAASA,EAAiB,EAAE,YAAAC,GAAY,SAAAC,KAA8B;AACpE,EAAAC,EAAQ,kCAAkC;AAE1C,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAA0B,CAACC,OAAuC;AAAA,MACtF,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;AA+BO,SAASU,EAAa,EAAE,YAAAC,GAAY,mBAAAC,GAAmB,GAAGC,KAA4B;AAC3F,SAAAC,EAAuB,oCAAoCH,CAAU,GAEnE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAJ,EAACV,GAAA,EAAkB,GAAGe,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGnC;"}

package/dist/components/Employee/Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.d.ts

@@ -18,6 +18,7 @@ export interface CompensationAddAnotherJobFormProps extends CommonComponentInter
  * @remarks
  * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addAnotherRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after the secondary job and compensation are saved; use it to return to the card | Saved `Compensation` entity |

package/dist/components/Employee/Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationAddAnotherJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport styles from './CompensationAddAnotherJobForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddAnotherJobForm}.\n *\n * @public\n */\nexport interface CompensationAddAnotherJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddAnotherJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form for adding a secondary job and compensation to an employee from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addAnotherRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after the secondary job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddAnotherJobFormProps}.\n * @returns The rendered add-another-job form.\n * @public\n * @group Block Components\n */\nexport function CompensationAddAnotherJobForm({\n  dictionary,\n  ...props\n}: CompensationAddAnotherJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  className,\n  onEvent,\n}: Omit<CompensationAddAnotherJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const formDictionary = useManagementCompensationDictionary()\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField: false,\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  // The API defaults a secondary job's hire_date to the primary job's hire_date\n  // when omitted. We pass it explicitly to satisfy the SDK hook's requirement\n  // and mirror the API's own default behavior. React Query dedupes this query\n  // since useJobForm has already loaded it.\n  const primaryHireDate = jobForm.data.jobs?.find(j => j.primary)?.hireDate ?? undefined\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({ employeeId, hireDate: primaryHireDate })\n    if (!jobResult) return\n\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      compensationResult.data,\n    )\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('addAnotherJobTitle')}\n            submitCtaLabel={t('saveNewJobCta')}\n            isPending={isPending}\n            onCancel={() => {\n              onEvent(\n                componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n              )\n            }}\n            dictionary={formDictionary}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationAddAnotherJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","className","onEvent","useI18n","t","useTranslation","formDictionary","useManagementCompensationDictionary","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","primaryHireDate","j","submitResult","composeSubmitHandler","jobResult","stubCompensation","c","compensationResult","componentEvents","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":";;;;;;;;;;;;;;;;AA4CO,SAASA,EAA8B;AAAA,EAC5C,YAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAA2D;AACzD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAiBC,EAAA,GAIjB,CAACC,GAAeC,CAAgB,IAAIC,EAA6B,MAAS,GAE1EC,IAAUC,EAAW;AAAA,IACzB,YAAAZ;AAAA,IACA,OAAOQ;AAAA,IACP,mBAAmB;AAAA,IACnB,yBAAyB,EAAE,QAAQ,CAAC,OAAO,EAAA;AAAA,IAC3C,kBAAkB;AAAA,EAAA,CACnB,GAEKK,IAAyBF,EAAQ,YACnC,SACCA,EAAQ,KAAK,YAAY,2BAA2B,QAEnDG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAf;AAAA,IACA,OAAOQ;AAAA,IACP,gBAAgBK;AAAA,IAChB,wBAAwB;AAAA,IACxB,yBAAyB,EAAE,QAAQ,CAAC,cAAc,QAAQ,aAAa,EAAA;AAAA,IACvE,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIF,EAAQ,aAAaG,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACN,GAASG,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAMA,QAAMG,IAAkBR,EAAQ,KAAK,MAAM,KAAK,CAAAS,MAAKA,EAAE,OAAO,GAAG,YAAY,QAEvEC,IAAeC,EAAqB,CAACX,GAASG,CAAgB,GAAG,YAAY;AACjF,UAAMS,IAAY,MAAMZ,EAAQ,QAAQ,SAAS,EAAE,YAAAX,GAAY,UAAUmB,GAAiB;AAC1F,QAAI,CAACI,EAAW;AAEhB,UAAMC,IAAmBD,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAE,MAAKA,EAAE,SAASF,EAAU,KAAK;AAAA,IAAA,GAG3BG,IAAqB,MAAMZ,EAAiB,QAAQ,SAAS;AAAA,MACjE,OAAOS,EAAU,KAAK;AAAA,MACtB,gBAAgBA,EAAU,KAAK,2BAA2B;AAAA,MAC1D,qBAAqBC,GAAkB,WAAW;AAAA,IAAA,CACnD;AACD,QAAI,CAACE,GAAoB;AACvB,MAAAjB,EAAiBc,EAAU,KAAK,IAAI;AACpC;AAAA,IACF;AAEA,IAAArB;AAAA,MACEyB,EAAgB;AAAA,MAChBD,EAAmB;AAAA,IAAA;AAAA,EAEvB,CAAC,GAEKE,IAAgBX,EAAoB,CAACI,CAAY,CAAC,GAClDQ,IAAYlB,EAAQ,OAAO,aAAaG,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWgB,EAAWC,EAAO,WAAW9B,CAAS,GACxD,UAAA,gBAAAJ,EAACqB,GAAA,EAAW,OAAOU,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUX,EAAa,cAC3B,UAAA,gBAAAxB;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,SAAAtB;AAAA,MACA,kBAAAG;AAAA,MACA,OAAOV,EAAE,oBAAoB;AAAA,MAC7B,gBAAgBA,EAAE,eAAe;AAAA,MACjC,WAAAyB;AAAA,MACA,UAAU,MAAM;AACd,QAAA3B;AAAA,UACEyB,EAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,MACA,YAAYrB;AAAA,IAAA;AAAA,EAAA,EACd,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"CompensationAddAnotherJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddAnotherJobForm/CompensationAddAnotherJobForm.tsx"],"sourcesContent":["import { useState } from 'react'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useJobForm } from '../../shared/useJobForm'\nimport { useCompensationForm } from '../../shared/useCompensationForm'\nimport { AddCompensationFormBody } from '../../shared/AddCompensationFormBody'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport styles from './CompensationAddAnotherJobForm.module.scss'\nimport { BaseBoundaries, BaseLayout, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { composeSubmitHandler } from '@/partner-hook-utils/form/composeSubmitHandler'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddAnotherJobForm}.\n *\n * @public\n */\nexport interface CompensationAddAnotherJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddAnotherJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form for adding a secondary job and compensation to an employee from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addAnotherRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addAnotherJobForm/submitted` | Fired after the secondary job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addAnotherJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddAnotherJobFormProps}.\n * @returns The rendered add-another-job form.\n * @public\n * @group Block Components\n */\nexport function CompensationAddAnotherJobForm({\n  dictionary,\n  ...props\n}: CompensationAddAnotherJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({\n  employeeId,\n  className,\n  onEvent,\n}: Omit<CompensationAddAnotherJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const formDictionary = useManagementCompensationDictionary()\n\n  // Track jobId locally so a partial-failure submit chain (job POST succeeds,\n  // comp PUT fails) doesn't re-POST and create a duplicate job on retry.\n  const [resolvedJobId, setResolvedJobId] = useState<string | undefined>(undefined)\n\n  const jobForm = useJobForm({\n    employeeId,\n    jobId: resolvedJobId,\n    withHireDateField: false,\n    optionalFieldsToRequire: { update: ['title'] },\n    shouldFocusError: false,\n  })\n\n  const resolvedCompensationId = jobForm.isLoading\n    ? undefined\n    : (jobForm.data.currentJob?.currentCompensationUuid ?? undefined)\n\n  const compensationForm = useCompensationForm({\n    employeeId,\n    jobId: resolvedJobId,\n    compensationId: resolvedCompensationId,\n    withEffectiveDateField: true,\n    optionalFieldsToRequire: { update: ['flsaStatus', 'rate', 'paymentUnit'] },\n    shouldFocusError: false,\n  })\n\n  if (jobForm.isLoading || compensationForm.isLoading) {\n    const loadingErrorHandling = composeErrorHandler([jobForm, compensationForm])\n    return <BaseLayout isLoading error={loadingErrorHandling.errors} />\n  }\n\n  // The API defaults a secondary job's hire_date to the primary job's hire_date\n  // when omitted. We pass it explicitly to satisfy the SDK hook's requirement\n  // and mirror the API's own default behavior. React Query dedupes this query\n  // since useJobForm has already loaded it.\n  const primaryHireDate = jobForm.data.jobs?.find(j => j.primary)?.hireDate ?? undefined\n\n  const submitResult = composeSubmitHandler([jobForm, compensationForm], async () => {\n    const jobResult = await jobForm.actions.onSubmit({ employeeId, hireDate: primaryHireDate })\n    if (!jobResult) return\n\n    const stubCompensation = jobResult.data.compensations?.find(\n      c => c.uuid === jobResult.data.currentCompensationUuid,\n    )\n\n    const compensationResult = await compensationForm.actions.onSubmit({\n      jobId: jobResult.data.uuid,\n      compensationId: jobResult.data.currentCompensationUuid ?? undefined,\n      compensationVersion: stubCompensation?.version ?? undefined,\n    })\n    if (!compensationResult) {\n      setResolvedJobId(jobResult.data.uuid)\n      return\n    }\n\n    onEvent(\n      componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_SUBMITTED,\n      compensationResult.data,\n    )\n  })\n\n  const errorHandling = composeErrorHandler([submitResult])\n  const isPending = jobForm.status.isPending || compensationForm.status.isPending\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <BaseLayout error={errorHandling.errors}>\n        <Form onSubmit={submitResult.handleSubmit}>\n          <AddCompensationFormBody\n            jobForm={jobForm}\n            compensationForm={compensationForm}\n            title={t('addAnotherJobTitle')}\n            submitCtaLabel={t('saveNewJobCta')}\n            isPending={isPending}\n            onCancel={() => {\n              onEvent(\n                componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_ANOTHER_JOB_FORM_CANCELLED,\n              )\n            }}\n            dictionary={formDictionary}\n          />\n        </Form>\n      </BaseLayout>\n    </section>\n  )\n}\n"],"names":["CompensationAddAnotherJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","className","onEvent","useI18n","t","useTranslation","formDictionary","useManagementCompensationDictionary","resolvedJobId","setResolvedJobId","useState","jobForm","useJobForm","resolvedCompensationId","compensationForm","useCompensationForm","loadingErrorHandling","composeErrorHandler","BaseLayout","primaryHireDate","j","submitResult","composeSubmitHandler","jobResult","stubCompensation","c","compensationResult","componentEvents","errorHandling","isPending","classNames","styles","Form","AddCompensationFormBody"],"mappings":";;;;;;;;;;;;;;;;AA6CO,SAASA,EAA8B;AAAA,EAC5C,YAAAC;AAAA,EACA,GAAGC;AACL,GAAuC;AACrC,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK;AAAA,EACZ,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AACF,GAA2D;AACzD,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAAiBC,EAAA,GAIjB,CAACC,GAAeC,CAAgB,IAAIC,EAA6B,MAAS,GAE1EC,IAAUC,EAAW;AAAA,IACzB,YAAAZ;AAAA,IACA,OAAOQ;AAAA,IACP,mBAAmB;AAAA,IACnB,yBAAyB,EAAE,QAAQ,CAAC,OAAO,EAAA;AAAA,IAC3C,kBAAkB;AAAA,EAAA,CACnB,GAEKK,IAAyBF,EAAQ,YACnC,SACCA,EAAQ,KAAK,YAAY,2BAA2B,QAEnDG,IAAmBC,EAAoB;AAAA,IAC3C,YAAAf;AAAA,IACA,OAAOQ;AAAA,IACP,gBAAgBK;AAAA,IAChB,wBAAwB;AAAA,IACxB,yBAAyB,EAAE,QAAQ,CAAC,cAAc,QAAQ,aAAa,EAAA;AAAA,IACvE,kBAAkB;AAAA,EAAA,CACnB;AAED,MAAIF,EAAQ,aAAaG,EAAiB,WAAW;AACnD,UAAME,IAAuBC,EAAoB,CAACN,GAASG,CAAgB,CAAC;AAC5E,6BAAQI,GAAA,EAAW,WAAS,IAAC,OAAOF,EAAqB,QAAQ;AAAA,EACnE;AAMA,QAAMG,IAAkBR,EAAQ,KAAK,MAAM,KAAK,CAAAS,MAAKA,EAAE,OAAO,GAAG,YAAY,QAEvEC,IAAeC,EAAqB,CAACX,GAASG,CAAgB,GAAG,YAAY;AACjF,UAAMS,IAAY,MAAMZ,EAAQ,QAAQ,SAAS,EAAE,YAAAX,GAAY,UAAUmB,GAAiB;AAC1F,QAAI,CAACI,EAAW;AAEhB,UAAMC,IAAmBD,EAAU,KAAK,eAAe;AAAA,MACrD,CAAAE,MAAKA,EAAE,SAASF,EAAU,KAAK;AAAA,IAAA,GAG3BG,IAAqB,MAAMZ,EAAiB,QAAQ,SAAS;AAAA,MACjE,OAAOS,EAAU,KAAK;AAAA,MACtB,gBAAgBA,EAAU,KAAK,2BAA2B;AAAA,MAC1D,qBAAqBC,GAAkB,WAAW;AAAA,IAAA,CACnD;AACD,QAAI,CAACE,GAAoB;AACvB,MAAAjB,EAAiBc,EAAU,KAAK,IAAI;AACpC;AAAA,IACF;AAEA,IAAArB;AAAA,MACEyB,EAAgB;AAAA,MAChBD,EAAmB;AAAA,IAAA;AAAA,EAEvB,CAAC,GAEKE,IAAgBX,EAAoB,CAACI,CAAY,CAAC,GAClDQ,IAAYlB,EAAQ,OAAO,aAAaG,EAAiB,OAAO;AAEtE,2BACG,WAAA,EAAQ,WAAWgB,EAAWC,EAAO,WAAW9B,CAAS,GACxD,UAAA,gBAAAJ,EAACqB,GAAA,EAAW,OAAOU,EAAc,QAC/B,4BAACI,GAAA,EAAK,UAAUX,EAAa,cAC3B,UAAA,gBAAAxB;AAAA,IAACoC;AAAA,IAAA;AAAA,MACC,SAAAtB;AAAA,MACA,kBAAAG;AAAA,MACA,OAAOV,EAAE,oBAAoB;AAAA,MAC7B,gBAAgBA,EAAE,eAAe;AAAA,MACjC,WAAAyB;AAAA,MACA,UAAU,MAAM;AACd,QAAA3B;AAAA,UACEyB,EAAgB;AAAA,QAAA;AAAA,MAEpB;AAAA,MACA,YAAYrB;AAAA,IAAA;AAAA,EAAA,EACd,CACF,GACF,GACF;AAEJ;"}

package/dist/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.d.ts

@@ -18,6 +18,7 @@ export interface CompensationAddJobFormProps extends CommonComponentInterface<'E
  * @remarks
  * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |

package/dist/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block Components\n */\nexport function CompensationAddJobForm({ dictionary, ...props }: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ employeeId, onEvent }: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAoCO,SAASA,EAAuB,EAAE,YAAAC,GAAY,GAAGC,KAAsC;AAC5F,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,SAAAC,KAA4D;AACtF,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,YAAAP;AAAA,MACA,OAAOG,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,SAAS,CAACG,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BT,EAAQS,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAR,EAAQS,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"CompensationAddJobForm.js","sources":["../../../../../../src/components/Employee/Compensation/management/CompensationAddJobForm/CompensationAddJobForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { EditCompensation } from '../../onboarding/EditCompensation/EditCompensation'\nimport { useManagementCompensationDictionary } from '../useManagementCompensationDictionary'\nimport { BaseBoundaries, type CommonComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\n\n/**\n * Props for {@link CompensationAddJobForm}.\n *\n * @public\n */\nexport interface CompensationAddJobFormProps extends CommonComponentInterface<'Employee.Management.Compensation'> {\n  /** The associated employee identifier. */\n  employeeId: string\n  /** Callback invoked when the form emits an event. See the events table on {@link CompensationAddJobForm} for the available event types and payloads. */\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**\n * Standalone form for adding an employee's first job and compensation from the management surface.\n *\n * @remarks\n * Routed from {@link CompensationCard}'s `employee/management/compensation/card/addRequested` event. Emits its own scoped `submitted` and `cancelled` events — both are your cue to return to the card. {@link Compensation} bundles the card, this form, and the swap and alert wiring as a single drop-in; reach for this form directly only when that orchestration is the wrong fit.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `employee/management/compensation/addJobForm/submitted` | Fired after the job and compensation are saved; use it to return to the card | Saved `Compensation` entity |\n * | `employee/management/compensation/addJobForm/cancelled` | Fired when the user clicks Cancel; use it to return to the card | — |\n *\n * @param props - See {@link CompensationAddJobFormProps}.\n * @returns The rendered add-job form.\n * @public\n * @group Block Components\n */\nexport function CompensationAddJobForm({ dictionary, ...props }: CompensationAddJobFormProps) {\n  useComponentDictionary('Employee.Management.Compensation', dictionary)\n  return (\n    <BaseBoundaries componentName=\"Employee.Management.Compensation\">\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ employeeId, onEvent }: Omit<CompensationAddJobFormProps, 'dictionary'>) {\n  useI18n('Employee.Management.Compensation')\n  const { t } = useTranslation('Employee.Management.Compensation')\n  const editCompensationDictionary = useManagementCompensationDictionary()\n\n  return (\n    <EditCompensation\n      employeeId={employeeId}\n      title={t('addJobTitle')}\n      submitCtaLabel={t('saveNewJobCta')}\n      dictionary={editCompensationDictionary}\n      onEvent={(type, data) => {\n        // The onboarding EditCompensation fires its own job/compensation events;\n        // the management block exposes a single scoped \"submitted\" event keyed off\n        // the compensation save (the terminal step of the create chain).\n        if (type === componentEvents.EMPLOYEE_COMPENSATION_UPDATED) {\n          onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_SUBMITTED, data)\n        }\n      }}\n      onCancel={() => {\n        onEvent(componentEvents.EMPLOYEE_MANAGEMENT_COMPENSATION_ADD_JOB_FORM_CANCELLED)\n      }}\n    />\n  )\n}\n"],"names":["CompensationAddJobForm","dictionary","props","useComponentDictionary","jsx","BaseBoundaries","Root","employeeId","onEvent","useI18n","t","useTranslation","editCompensationDictionary","useManagementCompensationDictionary","EditCompensation","type","data","componentEvents"],"mappings":";;;;;;;;AAqCO,SAASA,EAAuB,EAAE,YAAAC,GAAY,GAAGC,KAAsC;AAC5F,SAAAC,EAAuB,oCAAoCF,CAAU,GAEnE,gBAAAG,EAACC,KAAe,eAAc,oCAC5B,4BAACC,GAAA,EAAM,GAAGJ,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EAAK,EAAE,YAAAC,GAAY,SAAAC,KAA4D;AACtF,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzDC,IAA6BC,EAAA;AAEnC,SACE,gBAAAT;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,YAAAP;AAAA,MACA,OAAOG,EAAE,aAAa;AAAA,MACtB,gBAAgBA,EAAE,eAAe;AAAA,MACjC,YAAYE;AAAA,MACZ,SAAS,CAACG,GAAMC,MAAS;AAIvB,QAAID,MAASE,EAAgB,iCAC3BT,EAAQS,EAAgB,yDAAyDD,CAAI;AAAA,MAEzF;AAAA,MACA,UAAU,MAAM;AACd,QAAAR,EAAQS,EAAgB,uDAAuD;AAAA,MACjF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Employee/Compensation/management/CompensationCard/CompensationCard.d.ts

@@ -17,6 +17,7 @@ export interface CompensationCardProps {
  * @remarks
  * The card owns its own data fetch, the pending-change alerts and review modal, and the delete-job confirm dialog. It does not render the compensation edit or add-job forms — instead, it emits a distinct request event for each action, and the consumer routes those to {@link CompensationEditForm}, {@link CompensationAddJobForm}, or {@link CompensationAddAnotherJobForm} and renders any post-save success alerts. {@link Compensation} bundles the card, the three form surfaces, and the swap and alert wiring as a single drop-in; reach for the card directly only when that orchestration is the wrong fit (for example, when a form needs to render in a modal or drawer, or when the swap is driven by a router).
  *
+ * @events
  * | Event | Description | Data |
  * | ----- | ----------- | ---- |
  * | `employee/management/compensation/card/editRequested` | Fired when an "Edit" CTA is clicked for a job | `{ employeeId: string, jobId: string }` |