@gusto/embedded-react-sdk 0.57.2 → 0.57.3

package/dist/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.js

@@ -6,15 +6,15 @@ function c({
   const t = i(
     { contractorUuid: n },
     { staleTime: 1 / 0 }
-  ), r = a([t]), o = t.data?.contractor;
-  return t.isLoading || !o ? { isLoading: !0, errorHandling: r } : {
+  ), o = a([t]), r = t.data?.contractorShow;
+  return t.isLoading || !r ? { isLoading: !0, errorHandling: o } : {
     isLoading: !1,
-    data: { contractor: o },
+    data: { contractor: r },
     status: {
       isFetching: t.isFetching,
       isPending: !1
     },
-    errorHandling: r
+    errorHandling: o
   };
 }
 export {

package/dist/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorCompensationSummary.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult } from '@/partner-hook-utils/types'\n\n/** @internal */\nexport interface UseContractorCompensationSummaryParams {\n  contractorId: string\n}\n\ntype UseContractorCompensationSummaryReady = BaseHookReady<\n  { contractor: Contractor },\n  { isFetching: boolean; isPending: boolean }\n>\n\n/** @internal */\nexport type UseContractorCompensationSummaryResult =\n  HookLoadingResult | UseContractorCompensationSummaryReady\n\n/** @internal */\nexport function useContractorCompensationSummary({\n  contractorId,\n}: UseContractorCompensationSummaryParams): UseContractorCompensationSummaryResult {\n  const contractorQuery = useContractorsGet(\n    { contractorUuid: contractorId },\n    { staleTime: Infinity },\n  )\n\n  const errorHandling = composeErrorHandler([contractorQuery])\n\n  const contractor = contractorQuery.data?.contractor\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor },\n    status: {\n      isFetching: contractorQuery.isFetching,\n      isPending: false,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useContractorCompensationSummary","contractorId","contractorQuery","useContractorsGet","errorHandling","composeErrorHandler","contractor"],"mappings":";;AAoBO,SAASA,EAAiC;AAAA,EAC/C,cAAAC;AACF,GAAmF;AACjF,QAAMC,IAAkBC;AAAA,IACtB,EAAE,gBAAgBF,EAAA;AAAA,IAClB,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlBG,IAAgBC,EAAoB,CAACH,CAAe,CAAC,GAErDI,IAAaJ,EAAgB,MAAM;AAEzC,SAAIA,EAAgB,aAAa,CAACI,IACzB,EAAE,WAAW,IAAM,eAAAF,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAAE,EAAA;AAAA,IACR,QAAQ;AAAA,MACN,YAAYJ,EAAgB;AAAA,MAC5B,WAAW;AAAA,IAAA;AAAA,IAEb,eAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useContractorCompensationSummary.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorCompensationSummary/useContractorCompensationSummary.tsx"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult } from '@/partner-hook-utils/types'\n\n/** @internal */\nexport interface UseContractorCompensationSummaryParams {\n  contractorId: string\n}\n\ntype UseContractorCompensationSummaryReady = BaseHookReady<\n  { contractor: Contractor },\n  { isFetching: boolean; isPending: boolean }\n>\n\n/** @internal */\nexport type UseContractorCompensationSummaryResult =\n  HookLoadingResult | UseContractorCompensationSummaryReady\n\n/** @internal */\nexport function useContractorCompensationSummary({\n  contractorId,\n}: UseContractorCompensationSummaryParams): UseContractorCompensationSummaryResult {\n  const contractorQuery = useContractorsGet(\n    { contractorUuid: contractorId },\n    { staleTime: Infinity },\n  )\n\n  const errorHandling = composeErrorHandler([contractorQuery])\n\n  const contractor = contractorQuery.data?.contractorShow\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true, errorHandling }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor },\n    status: {\n      isFetching: contractorQuery.isFetching,\n      isPending: false,\n    },\n    errorHandling,\n  }\n}\n"],"names":["useContractorCompensationSummary","contractorId","contractorQuery","useContractorsGet","errorHandling","composeErrorHandler","contractor"],"mappings":";;AAoBO,SAASA,EAAiC;AAAA,EAC/C,cAAAC;AACF,GAAmF;AACjF,QAAMC,IAAkBC;AAAA,IACtB,EAAE,gBAAgBF,EAAA;AAAA,IAClB,EAAE,WAAW,MAAA;AAAA,EAAS,GAGlBG,IAAgBC,EAAoB,CAACH,CAAe,CAAC,GAErDI,IAAaJ,EAAgB,MAAM;AAEzC,SAAIA,EAAgB,aAAa,CAACI,IACzB,EAAE,WAAW,IAAM,eAAAF,EAAA,IAGrB;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAAE,EAAA;AAAA,IACR,QAAQ;AAAA,MACN,YAAYJ,EAAgB;AAAA,MAC5B,WAAW;AAAA,IAAA;AAAA,IAEb,eAAAE;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.js

@@ -24,7 +24,7 @@ function st({
   validationMode: n = "onSubmit",
   shouldFocusError: a = !0
 }) {
-  const s = D({ contractorUuid: e }), t = s.data?.contractor, [u, w] = f(() => k(), []), c = f(
+  const s = D({ contractorUuid: e }), t = s.data?.contractorShow, [u, w] = f(() => k(), []), c = f(
     () => ({
       wageType: t?.wageType ?? o.Fixed,
       hourlyRate: t?.hourlyRate ? Number(t.hourlyRate) : 0
@@ -41,7 +41,7 @@ function st({
     baseSubmitHandler: F,
     error: T,
     setError: R
-  } = A("ContractorPayForm"), d = z([s], { submitError: T, setSubmitError: R }), H = q(w, r.control), S = K(H), C = async () => {
+  } = A("ContractorPayForm"), d = z([s], { submitError: T, setSubmitError: R }), S = q(w, r.control), H = K(S), C = async () => {
     if (!t?.version)
       throw new g("Cannot submit pay form before contractor data is loaded");
     const M = t.version, P = t.type;
@@ -83,7 +83,7 @@ function st({
         WageType: O,
         HourlyRate: L
       },
-      fieldsMetadata: S,
+      fieldsMetadata: H,
       hookFormInternals: v,
       getFormSubmissionValues: G(r, u)
     }

package/dist/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorPayForm.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { 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/models/components/contractor'\nimport { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport {\n  createContractorPaySchema,\n  WageType,\n  type ContractorPayFormData,\n  type ContractorPayFormOutputs,\n} from './contractorPaySchema'\nimport type { WageTypeFieldProps, HourlyRateFieldProps } from './fields'\nimport { WageTypeField, HourlyRateField } 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  FieldMetadata,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormProps {\n  /** Contractor whose compensation is being edited. */\n  contractorId: string\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Field components exposed by {@link useContractorPayForm} on `form.Fields`.\n *\n * @public\n */\nexport interface ContractorPayFormFields {\n  /** Bound to `wageType`. Selects whether the contractor is paid Fixed or Hourly. */\n  WageType: ComponentType<WageTypeFieldProps>\n  /** Bound to `hourlyRate`. Required and rendered only when `wageType` is `Hourly`. */\n  HourlyRate: ComponentType<HourlyRateFieldProps>\n}\n\n/**\n * Ready-state return value of {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormReady extends BaseFormHookReady<\n  ContractorPayFieldsMetadata,\n  ContractorPayFormData,\n  ContractorPayFormFields\n> {\n  /** The full contractor entity, loaded from the API. */\n  data: { contractor: Contractor }\n  /**\n   * `isPending` reflects the in-flight update mutation; `mode` is always\n   * `'update'`. `isHourly` reflects the currently selected wage type so a\n   * composing component can decide whether to render the hourly-rate field.\n   */\n  status: { isPending: boolean; mode: 'update'; isHourly: boolean }\n  /** Submit the form. Returns the updated contractor on success or `undefined` on validation/mutation failure. */\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Contractor> | undefined>\n  }\n}\n\n/** @internal */\nfunction buildContractorPayFieldsMetadata(\n  base: Record<keyof ContractorPayFormData, FieldMetadata>,\n) {\n  const wageTypeOptions = [WageType.Fixed, WageType.Hourly].map(value => ({ value, label: value }))\n  return {\n    wageType: withOptions(base.wageType, wageTypeOptions, [WageType.Fixed, WageType.Hourly]),\n    hourlyRate: base.hourlyRate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Headless React Hook Form hook for editing a contractor's compensation.\n *\n * @remarks\n * Owns `wageType` (Fixed or Hourly) and, when Hourly, `hourlyRate`. Always\n * operates in update mode — a contractor's wage type is set at creation. Every\n * submit echoes the contractor's current `type` back to the API alongside the\n * changed fields: the update endpoint's wire schema defaults an omitted `type`\n * to `\"Individual\"`, so a narrower payload would silently misrepresent a\n * Business contractor.\n *\n * @param props - See {@link UseContractorPayFormProps}.\n * @returns A loading-state result while data loads, or a {@link UseContractorPayFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import { useContractorPayForm, SDKFormProvider } from '@gusto/embedded-react-sdk'\n *\n * function PayScreen({ contractorId }: { contractorId: string }) {\n *   const pay = useContractorPayForm({ contractorId })\n *\n *   if (pay.isLoading) return null\n *   const { Fields } = pay.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={pay}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void pay.actions.onSubmit()\n *         }}\n *       >\n *         <Fields.WageType label=\"Compensation type\" />\n *         <Fields.HourlyRate label=\"Hourly rate\" />\n *         <button type=\"submit\" disabled={pay.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useContractorPayForm({\n  contractorId,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseContractorPayFormProps): HookLoadingResult | UseContractorPayFormReady {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractor\n\n  const [schema, metadataConfig] = useMemo(() => createContractorPaySchema(), [])\n\n  const resolvedDefaults: ContractorPayFormData = useMemo(\n    () => ({\n      wageType: contractor?.wageType ?? WageType.Fixed,\n      hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n    }),\n    [contractor],\n  )\n\n  const formMethods = useForm<ContractorPayFormData, unknown, ContractorPayFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const isHourly = watchedWageType === WageType.Hourly\n\n  const updateMutation = useContractorsUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorPayForm')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = buildContractorPayFieldsMetadata(baseMetadata)\n\n  const onSubmit = async (): Promise<HookSubmitResult<Contractor> | undefined> => {\n    if (!contractor?.version) {\n      throw new SDKInternalError('Cannot submit pay form before contractor data is loaded')\n    }\n    const contractorVersion = contractor.version\n    const contractorType = contractor.type\n    let submitResult: HookSubmitResult<Contractor> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: ContractorPayFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const result = await updateMutation.mutateAsync({\n              request: {\n                contractorUuid: contractorId,\n                contractorUpdateRequestBody: {\n                  version: contractorVersion,\n                  type: contractorType,\n                  wageType: payload.wageType,\n                  hourlyRate:\n                    payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n                },\n              },\n            })\n\n            if (!result.contractor) {\n              throw new SDKInternalError('Contractor pay update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: result.contractor }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { contractor },\n    status: { isPending, mode: 'update' as const, isHourly },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        WageType: WageTypeField,\n        HourlyRate: HourlyRateField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useContractorPayForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseContractorPayFormResult = HookLoadingResult | UseContractorPayFormReady\n\n/**\n * Per-field metadata exposed on `form.fieldsMetadata` for {@link useContractorPayForm}.\n *\n * @public\n */\nexport type ContractorPayFieldsMetadata = ReturnType<typeof buildContractorPayFieldsMetadata>\n"],"names":["buildContractorPayFieldsMetadata","base","wageTypeOptions","WageType","value","withOptions","useContractorPayForm","contractorId","validationMode","shouldFocusError","contractorQuery","useContractorsGet","contractor","schema","metadataConfig","useMemo","createContractorPaySchema","resolvedDefaults","formMethods","useForm","zodResolver","isHourly","useWatch","updateMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","SDKInternalError","contractorVersion","contractorType","submitResult","resolve","data","payload","result","hookFormInternals","useHookFormInternals","WageTypeField","HourlyRateField","createGetFormSubmissionValues"],"mappings":"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"}
+{"version":3,"file":"useContractorPayForm.js","sources":["../../../../../../src/components/Contractor/Compensation/shared/useContractorPayForm/useContractorPayForm.tsx"],"sourcesContent":["import type { ComponentType } from 'react'\nimport { 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/models/components/contractor'\nimport { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsUpdateMutation } from '@gusto/embedded-api/react-query/contractorsUpdate'\nimport {\n  createContractorPaySchema,\n  WageType,\n  type ContractorPayFormData,\n  type ContractorPayFormOutputs,\n} from './contractorPaySchema'\nimport type { WageTypeFieldProps, HourlyRateFieldProps } from './fields'\nimport { WageTypeField, HourlyRateField } 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  FieldMetadata,\n  FieldsMetadata,\n  HookLoadingResult,\n  HookSubmitResult,\n} from '@/partner-hook-utils/types'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\n\n/**\n * Props for {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormProps {\n  /** Contractor whose compensation is being edited. */\n  contractorId: string\n  /** When validation runs. Passed through to react-hook-form. Defaults to `'onSubmit'`. */\n  validationMode?: UseFormProps['mode']\n  /** Auto-focus the first invalid field on submit. Set to `false` when using `composeSubmitHandler`. Defaults to `true`. */\n  shouldFocusError?: boolean\n}\n\n/**\n * Field components exposed by {@link useContractorPayForm} on `form.Fields`.\n *\n * @public\n */\nexport interface ContractorPayFormFields {\n  /** Bound to `wageType`. Selects whether the contractor is paid Fixed or Hourly. */\n  WageType: ComponentType<WageTypeFieldProps>\n  /** Bound to `hourlyRate`. Required and rendered only when `wageType` is `Hourly`. */\n  HourlyRate: ComponentType<HourlyRateFieldProps>\n}\n\n/**\n * Ready-state return value of {@link useContractorPayForm}.\n *\n * @public\n */\nexport interface UseContractorPayFormReady extends BaseFormHookReady<\n  ContractorPayFieldsMetadata,\n  ContractorPayFormData,\n  ContractorPayFormFields\n> {\n  /** The full contractor entity, loaded from the API. */\n  data: { contractor: Contractor }\n  /**\n   * `isPending` reflects the in-flight update mutation; `mode` is always\n   * `'update'`. `isHourly` reflects the currently selected wage type so a\n   * composing component can decide whether to render the hourly-rate field.\n   */\n  status: { isPending: boolean; mode: 'update'; isHourly: boolean }\n  /** Submit the form. Returns the updated contractor on success or `undefined` on validation/mutation failure. */\n  actions: {\n    onSubmit: () => Promise<HookSubmitResult<Contractor> | undefined>\n  }\n}\n\n/** @internal */\nfunction buildContractorPayFieldsMetadata(\n  base: Record<keyof ContractorPayFormData, FieldMetadata>,\n) {\n  const wageTypeOptions = [WageType.Fixed, WageType.Hourly].map(value => ({ value, label: value }))\n  return {\n    wageType: withOptions(base.wageType, wageTypeOptions, [WageType.Fixed, WageType.Hourly]),\n    hourlyRate: base.hourlyRate,\n  } satisfies FieldsMetadata\n}\n\n/**\n * Headless React Hook Form hook for editing a contractor's compensation.\n *\n * @remarks\n * Owns `wageType` (Fixed or Hourly) and, when Hourly, `hourlyRate`. Always\n * operates in update mode — a contractor's wage type is set at creation. Every\n * submit echoes the contractor's current `type` back to the API alongside the\n * changed fields: the update endpoint's wire schema defaults an omitted `type`\n * to `\"Individual\"`, so a narrower payload would silently misrepresent a\n * Business contractor.\n *\n * @param props - See {@link UseContractorPayFormProps}.\n * @returns A loading-state result while data loads, or a {@link UseContractorPayFormReady} once ready.\n * @public\n *\n * @example\n * ```tsx\n * import { useContractorPayForm, SDKFormProvider } from '@gusto/embedded-react-sdk'\n *\n * function PayScreen({ contractorId }: { contractorId: string }) {\n *   const pay = useContractorPayForm({ contractorId })\n *\n *   if (pay.isLoading) return null\n *   const { Fields } = pay.form\n *\n *   return (\n *     <SDKFormProvider formHookResult={pay}>\n *       <form\n *         onSubmit={e => {\n *           e.preventDefault()\n *           void pay.actions.onSubmit()\n *         }}\n *       >\n *         <Fields.WageType label=\"Compensation type\" />\n *         <Fields.HourlyRate label=\"Hourly rate\" />\n *         <button type=\"submit\" disabled={pay.status.isPending}>Save</button>\n *       </form>\n *     </SDKFormProvider>\n *   )\n * }\n * ```\n */\nexport function useContractorPayForm({\n  contractorId,\n  validationMode = 'onSubmit',\n  shouldFocusError = true,\n}: UseContractorPayFormProps): HookLoadingResult | UseContractorPayFormReady {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const contractor = contractorQuery.data?.contractorShow\n\n  const [schema, metadataConfig] = useMemo(() => createContractorPaySchema(), [])\n\n  const resolvedDefaults: ContractorPayFormData = useMemo(\n    () => ({\n      wageType: contractor?.wageType ?? WageType.Fixed,\n      hourlyRate: contractor?.hourlyRate ? Number(contractor.hourlyRate) : 0,\n    }),\n    [contractor],\n  )\n\n  const formMethods = useForm<ContractorPayFormData, unknown, ContractorPayFormOutputs>({\n    resolver: zodResolver(schema),\n    mode: validationMode,\n    shouldFocusError,\n    defaultValues: resolvedDefaults,\n    values: resolvedDefaults,\n    resetOptions: { keepDirtyValues: true },\n  })\n\n  const watchedWageType = useWatch({ control: formMethods.control, name: 'wageType' })\n  const isHourly = watchedWageType === WageType.Hourly\n\n  const updateMutation = useContractorsUpdateMutation()\n  const isPending = updateMutation.isPending\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorPayForm')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const baseMetadata = useDeriveFieldsMetadata(metadataConfig, formMethods.control)\n  const fieldsMetadata = buildContractorPayFieldsMetadata(baseMetadata)\n\n  const onSubmit = async (): Promise<HookSubmitResult<Contractor> | undefined> => {\n    if (!contractor?.version) {\n      throw new SDKInternalError('Cannot submit pay form before contractor data is loaded')\n    }\n    const contractorVersion = contractor.version\n    const contractorType = contractor.type\n    let submitResult: HookSubmitResult<Contractor> | undefined\n\n    await new Promise<void>(resolve => {\n      void formMethods.handleSubmit(\n        async (data: ContractorPayFormOutputs) => {\n          await baseSubmitHandler(data, async payload => {\n            const result = await updateMutation.mutateAsync({\n              request: {\n                contractorUuid: contractorId,\n                contractorUpdateRequestBody: {\n                  version: contractorVersion,\n                  type: contractorType,\n                  wageType: payload.wageType,\n                  hourlyRate:\n                    payload.wageType === WageType.Hourly ? String(payload.hourlyRate) : undefined,\n                },\n              },\n            })\n\n            if (!result.contractor) {\n              throw new SDKInternalError('Contractor pay update failed')\n            }\n\n            submitResult = { mode: 'update' as const, data: result.contractor }\n          })\n          resolve()\n        },\n        () => {\n          resolve()\n        },\n      )()\n    })\n\n    return submitResult\n  }\n\n  const hookFormInternals = useHookFormInternals(formMethods)\n\n  if (contractorQuery.isLoading || !contractor) {\n    return { isLoading: true as const, errorHandling }\n  }\n\n  return {\n    isLoading: false as const,\n    data: { contractor },\n    status: { isPending, mode: 'update' as const, isHourly },\n    actions: { onSubmit },\n    errorHandling,\n    form: {\n      Fields: {\n        WageType: WageTypeField,\n        HourlyRate: HourlyRateField,\n      },\n      fieldsMetadata,\n      hookFormInternals,\n      getFormSubmissionValues: createGetFormSubmissionValues(formMethods, schema),\n    },\n  }\n}\n\n/**\n * Return type of {@link useContractorPayForm} — a discriminated union on `isLoading`.\n *\n * @public\n */\nexport type UseContractorPayFormResult = HookLoadingResult | UseContractorPayFormReady\n\n/**\n * Per-field metadata exposed on `form.fieldsMetadata` for {@link useContractorPayForm}.\n *\n * @public\n */\nexport type ContractorPayFieldsMetadata = ReturnType<typeof buildContractorPayFieldsMetadata>\n"],"names":["buildContractorPayFieldsMetadata","base","wageTypeOptions","WageType","value","withOptions","useContractorPayForm","contractorId","validationMode","shouldFocusError","contractorQuery","useContractorsGet","contractor","schema","metadataConfig","useMemo","createContractorPaySchema","resolvedDefaults","formMethods","useForm","zodResolver","isHourly","useWatch","updateMutation","useContractorsUpdateMutation","isPending","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","baseMetadata","useDeriveFieldsMetadata","fieldsMetadata","onSubmit","SDKInternalError","contractorVersion","contractorType","submitResult","resolve","data","payload","result","hookFormInternals","useHookFormInternals","WageTypeField","HourlyRateField","createGetFormSubmissionValues"],"mappings":"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"}

package/dist/components/Contractor/ContractorList/shared/useContractorList.js

@@ -41,10 +41,10 @@ function $({
     baseSubmitHandler: r,
     error: b,
     setError: E
-  } = q("ContractorList"), f = F([d], { submitError: b, setSubmitError: E }), S = m.isPending || g.isPending || p.isPending || h.isPending, { data: o, isFetching: c } = d, O = C(() => (o?.contractors ?? []).map((t) => ({
+  } = q("ContractorList"), f = F([d], { submitError: b, setSubmitError: E }), S = m.isPending || g.isPending || p.isPending || h.isPending, { data: o, isFetching: c } = d, O = C(() => (o?.showContractors ?? []).map((t) => ({
     ...t,
     allowedActions: H(t, n)
-  })), [o?.contractors, n]), A = o?.httpMeta.response.headers ? l(o.httpMeta.response.headers, c) : {
+  })), [o?.showContractors, n]), A = o?.httpMeta.response.headers ? l(o.httpMeta.response.headers, c) : {
     handleNextPage: () => {
     },
     handleFirstPage: () => {
@@ -65,7 +65,7 @@ function $({
         request: { contractorUuid: s }
       });
     });
-  }, L = async (t) => {
+  }, w = async (t) => {
     let s;
     return await r(t, async (N) => {
       s = (await g.mutateAsync({
@@ -77,13 +77,13 @@ function $({
         }
       })).contractorOnboardingStatus;
     }), s;
-  }, _ = async (t) => {
+  }, L = async (t) => {
     await r(t, async (s) => {
       await p.mutateAsync({
         request: { contractorUuid: s }
       });
     });
-  }, w = async (t) => {
+  }, _ = async (t) => {
     await r(t, async (s) => {
       await h.mutateAsync({
         request: { contractorUuid: s }
@@ -100,7 +100,7 @@ function $({
     },
     pagination: A,
     status: { isFetching: c, isPending: S },
-    actions: { onDelete: D, onCancelSelfOnboarding: L, onCancelDismissal: _, onCancelRehire: w },
+    actions: { onDelete: D, onCancelSelfOnboarding: w, onCancelDismissal: L, onCancelRehire: _ },
     errorHandling: f
   };
 }

package/dist/components/Contractor/ContractorList/shared/useContractorList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/shared/useContractorList.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useContractorsList } from '@gusto/embedded-api/react-query/contractorsList'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorOnboardingStatus as ContractorOnboardingStatusEntity } from '@gusto/embedded-api/models/components/contractoronboardingstatus'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsDeleteV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidTermination'\nimport { useContractorsDeleteV1ContractorsContractorUuidRehireMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidRehire'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/**\n * Action that may be performed on a contractor row, determined by the contractor's onboarding\n * and employment state and the `contractorType` filter passed to {@link useContractorList}.\n *\n * @public\n */\nexport type ContractorAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'view'\n  | 'dismiss'\n  | 'rehire'\n  | 'cancel_dismissal'\n  | 'cancel_rehire'\n\n/**\n * A contractor entity extended with the actions permitted on it.\n *\n * @public\n */\nexport interface ContractorWithActions extends Contractor {\n  /** Actions permitted for this contractor given its onboarding/employment state and the active filter. */\n  allowedActions: ContractorAction[]\n}\n\n/**\n * Filter applied to {@link useContractorList} that scopes the result set and tailors the per-row action list.\n *\n * @public\n */\nexport type ContractorType = 'active' | 'onboarding' | 'terminated'\n\n/**\n * Props for {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Filters the list and tailors the allowed actions. Omit to list every contractor. */\n  contractorType?: ContractorType\n}\n\n/**\n * Ready state of {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListReady extends BaseHookReady<\n  { contractors: ContractorWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the current contractor list page. */\n  pagination: PaginationControlProps\n  /** Actions that mutate a contractor's state, gated by the entry's `allowedActions`. */\n  actions: {\n    /** Deletes the contractor. */\n    onDelete: (contractorId: string) => Promise<void>\n    /** Reverts a self-onboarding contractor to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */\n    onCancelSelfOnboarding: (\n      contractorId: string,\n    ) => Promise<ContractorOnboardingStatusEntity | undefined>\n    /** Cancels a contractor's scheduled dismissal. */\n    onCancelDismissal: (contractorId: string) => Promise<void>\n    /** Cancels a contractor's scheduled rehire. */\n    onCancelRehire: (contractorId: string) => Promise<void>\n  }\n}\n\n/**\n * Return type of {@link useContractorList}.\n *\n * @public\n */\nexport type UseContractorListResult = HookLoadingResult | UseContractorListReady\n\nconst SELF_ONBOARDING_CANCELLABLE_STATUSES = new Set<string>([\n  ContractorOnboardingStatus.SELF_ONBOARDING_INVITED,\n  ContractorOnboardingStatus.SELF_ONBOARDING_STARTED,\n])\n\nfunction deriveAllowedActions(\n  contractor: Contractor,\n  contractorType?: ContractorType,\n): ContractorAction[] {\n  const actions: ContractorAction[] = []\n  const status = contractor.onboardingStatus\n\n  if (contractorType === 'active') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment && contractor.rehireCancellationEligible) {\n      actions.push('cancel_rehire')\n    } else if (contractor.dismissalDate && contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.dismissalDate && !contractor.upcomingEmployment) {\n      actions.push('dismiss')\n    }\n\n    return actions\n  }\n\n  if (contractorType === 'terminated') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment) {\n      if (contractor.rehireCancellationEligible) {\n        actions.push('cancel_rehire')\n      }\n    } else if (contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.isActive) {\n      actions.push('rehire')\n    }\n\n    return actions\n  }\n\n  // 'onboarding' filter and the unfiltered (undefined) onboarding-flavor list share the same\n  // edit / cancel_self_onboarding / delete logic used by today's onboarding ContractorList.\n  const canCancelSelfOnboarding = !!status && SELF_ONBOARDING_CANCELLABLE_STATUSES.has(status)\n\n  if (!canCancelSelfOnboarding) {\n    actions.push('edit')\n  } else {\n    actions.push('cancel_self_onboarding')\n  }\n\n  actions.push('delete')\n\n  if (\n    contractorType === 'onboarding' &&\n    status === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  ) {\n    actions.push('view')\n  }\n\n  return actions\n}\n\n/**\n * Fetches a paginated list of a company's contractors and decorates each entry with the actions\n * allowed for its current onboarding/employment state.\n *\n * @remarks\n * `contractorType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` exposes `view` plus `dismiss`/`cancel_dismissal`/`cancel_rehire`, `'terminated'`\n * exposes `view` plus `rehire`/`cancel_dismissal`/`cancel_rehire`, `'onboarding'` and the\n * unfiltered default expose `edit`/`cancel_self_onboarding`/`delete`. Omit `contractorType` to\n * list every contractor.\n *\n * Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n *\n * @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseContractorListReady} once data has arrived.\n * @public\n */\nexport function useContractorList({\n  companyId,\n  contractorType,\n}: UseContractorListProps): UseContractorListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyUuid: companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (contractorType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, contractorType])\n\n  const contractorsQuery = useContractorsList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteContractorMutation = useContractorsDeleteMutation()\n  const updateOnboardingStatusMutation = useContractorsUpdateOnboardingStatusMutation()\n  const cancelDismissalMutation =\n    useContractorsDeleteV1ContractorsContractorUuidTerminationMutation()\n  const cancelRehireMutation = useContractorsDeleteV1ContractorsContractorUuidRehireMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorList')\n\n  const errorHandling = composeErrorHandler([contractorsQuery], { submitError, setSubmitError })\n\n  const isPending =\n    deleteContractorMutation.isPending ||\n    updateOnboardingStatusMutation.isPending ||\n    cancelDismissalMutation.isPending ||\n    cancelRehireMutation.isPending\n\n  const { data, isFetching } = contractorsQuery\n\n  const contractors = useMemo<ContractorWithActions[]>(() => {\n    return (data?.contractors ?? []).map(contractor => ({\n      ...contractor,\n      allowedActions: deriveAllowedActions(contractor, contractorType),\n    }))\n  }, [data?.contractors, contractorType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await deleteContractorMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelSelfOnboarding = async (\n    contractorId: string,\n  ): Promise<ContractorOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: ContractorOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(contractorId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          contractorUuid: id,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onboardingStatus = result.contractorOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const onCancelDismissal = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelDismissalMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelRehire = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelRehireMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      contractors,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire },\n    errorHandling,\n  }\n}\n"],"names":["SELF_ONBOARDING_CANCELLABLE_STATUSES","ContractorOnboardingStatus","deriveAllowedActions","contractor","contractorType","actions","status","useContractorList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","contractorsQuery","useContractorsList","keepPreviousData","deleteContractorMutation","useContractorsDeleteMutation","updateOnboardingStatusMutation","useContractorsUpdateOnboardingStatusMutation","cancelDismissalMutation","useContractorsDeleteV1ContractorsContractorUuidTerminationMutation","cancelRehireMutation","useContractorsDeleteV1ContractorsContractorUuidRehireMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","contractors","paginationProps","onDelete","contractorId","id","onCancelSelfOnboarding","onboardingStatus","onCancelDismissal","onCancelRehire"],"mappings":"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"}
+{"version":3,"file":"useContractorList.js","sources":["../../../../../src/components/Contractor/ContractorList/shared/useContractorList.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useContractorsList } from '@gusto/embedded-api/react-query/contractorsList'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { ContractorOnboardingStatus as ContractorOnboardingStatusEntity } from '@gusto/embedded-api/models/components/contractoronboardingstatus'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractorsDeleteV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidTermination'\nimport { useContractorsDeleteV1ContractorsContractorUuidRehireMutation } from '@gusto/embedded-api/react-query/contractorsDeleteV1ContractorsContractorUuidRehire'\nimport { keepPreviousData } from '@tanstack/react-query'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\n\n/**\n * Action that may be performed on a contractor row, determined by the contractor's onboarding\n * and employment state and the `contractorType` filter passed to {@link useContractorList}.\n *\n * @public\n */\nexport type ContractorAction =\n  | 'edit'\n  | 'delete'\n  | 'cancel_self_onboarding'\n  | 'view'\n  | 'dismiss'\n  | 'rehire'\n  | 'cancel_dismissal'\n  | 'cancel_rehire'\n\n/**\n * A contractor entity extended with the actions permitted on it.\n *\n * @public\n */\nexport interface ContractorWithActions extends Contractor {\n  /** Actions permitted for this contractor given its onboarding/employment state and the active filter. */\n  allowedActions: ContractorAction[]\n}\n\n/**\n * Filter applied to {@link useContractorList} that scopes the result set and tailors the per-row action list.\n *\n * @public\n */\nexport type ContractorType = 'active' | 'onboarding' | 'terminated'\n\n/**\n * Props for {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListProps {\n  /** The associated company identifier. */\n  companyId: string\n  /** Filters the list and tailors the allowed actions. Omit to list every contractor. */\n  contractorType?: ContractorType\n}\n\n/**\n * Ready state of {@link useContractorList}.\n *\n * @public\n */\nexport interface UseContractorListReady extends BaseHookReady<\n  { contractors: ContractorWithActions[] },\n  { isFetching: boolean; isPending: boolean }\n> {\n  /** Pagination controls for the current contractor list page. */\n  pagination: PaginationControlProps\n  /** Actions that mutate a contractor's state, gated by the entry's `allowedActions`. */\n  actions: {\n    /** Deletes the contractor. */\n    onDelete: (contractorId: string) => Promise<void>\n    /** Reverts a self-onboarding contractor to admin-driven onboarding. Resolves to the updated record, or `undefined` if the call failed. */\n    onCancelSelfOnboarding: (\n      contractorId: string,\n    ) => Promise<ContractorOnboardingStatusEntity | undefined>\n    /** Cancels a contractor's scheduled dismissal. */\n    onCancelDismissal: (contractorId: string) => Promise<void>\n    /** Cancels a contractor's scheduled rehire. */\n    onCancelRehire: (contractorId: string) => Promise<void>\n  }\n}\n\n/**\n * Return type of {@link useContractorList}.\n *\n * @public\n */\nexport type UseContractorListResult = HookLoadingResult | UseContractorListReady\n\nconst SELF_ONBOARDING_CANCELLABLE_STATUSES = new Set<string>([\n  ContractorOnboardingStatus.SELF_ONBOARDING_INVITED,\n  ContractorOnboardingStatus.SELF_ONBOARDING_STARTED,\n])\n\nfunction deriveAllowedActions(\n  contractor: Contractor,\n  contractorType?: ContractorType,\n): ContractorAction[] {\n  const actions: ContractorAction[] = []\n  const status = contractor.onboardingStatus\n\n  if (contractorType === 'active') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment && contractor.rehireCancellationEligible) {\n      actions.push('cancel_rehire')\n    } else if (contractor.dismissalDate && contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.dismissalDate && !contractor.upcomingEmployment) {\n      actions.push('dismiss')\n    }\n\n    return actions\n  }\n\n  if (contractorType === 'terminated') {\n    actions.push('view')\n\n    if (contractor.upcomingEmployment) {\n      if (contractor.rehireCancellationEligible) {\n        actions.push('cancel_rehire')\n      }\n    } else if (contractor.dismissalCancellationEligible) {\n      actions.push('cancel_dismissal')\n    } else if (!contractor.isActive) {\n      actions.push('rehire')\n    }\n\n    return actions\n  }\n\n  // 'onboarding' filter and the unfiltered (undefined) onboarding-flavor list share the same\n  // edit / cancel_self_onboarding / delete logic used by today's onboarding ContractorList.\n  const canCancelSelfOnboarding = !!status && SELF_ONBOARDING_CANCELLABLE_STATUSES.has(status)\n\n  if (!canCancelSelfOnboarding) {\n    actions.push('edit')\n  } else {\n    actions.push('cancel_self_onboarding')\n  }\n\n  actions.push('delete')\n\n  if (\n    contractorType === 'onboarding' &&\n    status === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  ) {\n    actions.push('view')\n  }\n\n  return actions\n}\n\n/**\n * Fetches a paginated list of a company's contractors and decorates each entry with the actions\n * allowed for its current onboarding/employment state.\n *\n * @remarks\n * `contractorType` maps to a server-side filter and changes which actions appear on each row:\n * `'active'` exposes `view` plus `dismiss`/`cancel_dismissal`/`cancel_rehire`, `'terminated'`\n * exposes `view` plus `rehire`/`cancel_dismissal`/`cancel_rehire`, `'onboarding'` and the\n * unfiltered default expose `edit`/`cancel_self_onboarding`/`delete`. Omit `contractorType` to\n * list every contractor.\n *\n * Page changes use placeholder data: the previous page stays rendered while the next one loads,\n * and `status.isFetching` flips to `true` during the request.\n *\n * @param input - Company and optional filter for the list.\n * @returns A {@link HookLoadingResult} while the first page is in flight, or a {@link UseContractorListReady} once data has arrived.\n * @public\n */\nexport function useContractorList({\n  companyId,\n  contractorType,\n}: UseContractorListProps): UseContractorListResult {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const queryParams = useMemo(() => {\n    const baseParams = {\n      companyUuid: companyId,\n      page: currentPage,\n      per: itemsPerPage,\n    }\n\n    switch (contractorType) {\n      case 'active':\n        return { ...baseParams, onboardedActive: true }\n      case 'onboarding':\n        return { ...baseParams, onboarded: false }\n      case 'terminated':\n        return { ...baseParams, terminated: true }\n      default:\n        return baseParams\n    }\n  }, [companyId, currentPage, itemsPerPage, contractorType])\n\n  const contractorsQuery = useContractorsList(queryParams, { placeholderData: keepPreviousData })\n\n  const deleteContractorMutation = useContractorsDeleteMutation()\n  const updateOnboardingStatusMutation = useContractorsUpdateOnboardingStatusMutation()\n  const cancelDismissalMutation =\n    useContractorsDeleteV1ContractorsContractorUuidTerminationMutation()\n  const cancelRehireMutation = useContractorsDeleteV1ContractorsContractorUuidRehireMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('ContractorList')\n\n  const errorHandling = composeErrorHandler([contractorsQuery], { submitError, setSubmitError })\n\n  const isPending =\n    deleteContractorMutation.isPending ||\n    updateOnboardingStatusMutation.isPending ||\n    cancelDismissalMutation.isPending ||\n    cancelRehireMutation.isPending\n\n  const { data, isFetching } = contractorsQuery\n\n  const contractors = useMemo<ContractorWithActions[]>(() => {\n    return (data?.showContractors ?? []).map(contractor => ({\n      ...contractor,\n      allowedActions: deriveAllowedActions(contractor, contractorType),\n    }))\n  }, [data?.showContractors, contractorType])\n\n  const paginationProps = data?.httpMeta.response.headers\n    ? getPaginationProps(data.httpMeta.response.headers, isFetching)\n    : {\n        handleNextPage: () => {},\n        handleFirstPage: () => {},\n        handleLastPage: () => {},\n        handlePreviousPage: () => {},\n        handleItemsPerPageChange: () => {},\n        currentPage: 1,\n        totalPages: 1,\n        totalCount: 0,\n        itemsPerPage: 5 as const,\n      }\n\n  const onDelete = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await deleteContractorMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelSelfOnboarding = async (\n    contractorId: string,\n  ): Promise<ContractorOnboardingStatusEntity | undefined> => {\n    let onboardingStatus: ContractorOnboardingStatusEntity | undefined\n\n    await baseSubmitHandler(contractorId, async id => {\n      const result = await updateOnboardingStatusMutation.mutateAsync({\n        request: {\n          contractorUuid: id,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onboardingStatus = result.contractorOnboardingStatus\n    })\n\n    return onboardingStatus\n  }\n\n  const onCancelDismissal = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelDismissalMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const onCancelRehire = async (contractorId: string): Promise<void> => {\n    await baseSubmitHandler(contractorId, async id => {\n      await cancelRehireMutation.mutateAsync({\n        request: { contractorUuid: id },\n      })\n    })\n  }\n\n  const isLoading = !data && isFetching\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: {\n      contractors,\n    },\n    pagination: paginationProps,\n    status: { isFetching, isPending },\n    actions: { onDelete, onCancelSelfOnboarding, onCancelDismissal, onCancelRehire },\n    errorHandling,\n  }\n}\n"],"names":["SELF_ONBOARDING_CANCELLABLE_STATUSES","ContractorOnboardingStatus","deriveAllowedActions","contractor","contractorType","actions","status","useContractorList","companyId","currentPage","itemsPerPage","getPaginationProps","usePagination","queryParams","useMemo","baseParams","contractorsQuery","useContractorsList","keepPreviousData","deleteContractorMutation","useContractorsDeleteMutation","updateOnboardingStatusMutation","useContractorsUpdateOnboardingStatusMutation","cancelDismissalMutation","useContractorsDeleteV1ContractorsContractorUuidTerminationMutation","cancelRehireMutation","useContractorsDeleteV1ContractorsContractorUuidRehireMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","data","isFetching","contractors","paginationProps","onDelete","contractorId","id","onCancelSelfOnboarding","onboardingStatus","onCancelDismissal","onCancelRehire"],"mappings":"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"}

package/dist/components/Contractor/Dashboard/Dashboard.js

@@ -2,8 +2,8 @@ import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { useState as T, Suspense as x } from "react";
 import { useTranslation as p } from "react-i18next";
 import { useContractorsGetSuspense as N } from "@gusto/embedded-api/react-query/contractorsGet";
-import { DetailsView as g } from "./DetailsView.js";
-import { PayView as S } from "./PayView.js";
+import { DetailsView as S } from "./DetailsView.js";
+import { PayView as g } from "./PayView.js";
 import { Flex as l } from "../../Common/Flex/Flex.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { BaseBoundaries as R } from "../../Base/Base.js";
@@ -11,10 +11,10 @@ import { useI18n as _, useComponentDictionary as y } from "../../../i18n/I18n.js
 import { componentEvents as A, CONTRACTOR_TYPE as B } from "../../../shared/constants.js";
 import { firstLastName as O } from "../../../helpers/formattedStrings.js";
 import { DocumentsCard as H } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-function j({
-  contractorId: o,
+function w({
+  contractorId: e,
   dictionary: n,
-  onEvent: e,
+  onEvent: o,
   selectedTab: a,
   LoaderComponent: c,
   className: m
@@ -26,7 +26,7 @@ function j({
     { id: "documents", label: r("tabs.documents"), content: null }
   ];
   return /* @__PURE__ */ i(l, { className: m, flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ t(x, { fallback: null, children: /* @__PURE__ */ t(w, { contractorId: o }) }),
+    /* @__PURE__ */ t(x, { fallback: null, children: /* @__PURE__ */ t(j, { contractorId: e }) }),
     /* @__PURE__ */ i(l, { flexDirection: "column", gap: 8, children: [
       /* @__PURE__ */ t(
         b.Tabs,
@@ -35,19 +35,19 @@ function j({
           selectedId: s,
           onSelectionChange: (D) => {
             const d = D;
-            h(d), e(A.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: d });
+            h(d), o(A.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: d });
           },
           "aria-label": r("tabsLabel")
         }
       ),
       /* @__PURE__ */ i(l, { flexDirection: "column", gap: 24, children: [
-        s === "details" && /* @__PURE__ */ t(g, { contractorId: o, onEvent: e }),
-        s === "pay" && /* @__PURE__ */ t(S, { contractorId: o, onEvent: e }),
+        s === "details" && /* @__PURE__ */ t(S, { contractorId: e, onEvent: o }),
+        s === "pay" && /* @__PURE__ */ t(g, { contractorId: e, onEvent: o }),
         s === "documents" && /* @__PURE__ */ t(
           H,
           {
-            contractorId: o,
-            onEvent: e,
+            contractorId: e,
+            onEvent: o,
             LoaderComponent: c
           }
         )
@@ -55,27 +55,27 @@ function j({
     ] })
   ] });
 }
-function w({ contractorId: o }) {
-  const { t: n } = p("Contractor.Dashboard"), e = u(), {
-    data: { contractor: a }
-  } = N({ contractorUuid: o }), c = a?.type === B.BUSINESS, m = a ? c ? a.businessName : O({
+function j({ contractorId: e }) {
+  const { t: n } = p("Contractor.Dashboard"), o = u(), {
+    data: { contractorShow: a }
+  } = N({ contractorUuid: e }), c = a?.type === B.BUSINESS, m = a ? c ? a.businessName : O({
     first_name: a.firstName,
     middle_initial: a.middleInitial,
     last_name: a.lastName
   }) : void 0;
   return /* @__PURE__ */ i(l, { flexDirection: "column", gap: 4, children: [
-    /* @__PURE__ */ t(e.Heading, { as: "h2", children: m }),
-    /* @__PURE__ */ t(e.Text, { variant: "supporting", children: n("contractorRoleLabel") })
+    /* @__PURE__ */ t(o.Heading, { as: "h2", children: m }),
+    /* @__PURE__ */ t(o.Text, { variant: "supporting", children: n("contractorRoleLabel") })
   ] });
 }
-function J({ FallbackComponent: o, LoaderComponent: n, ...e }) {
+function J({ FallbackComponent: e, LoaderComponent: n, ...o }) {
   return /* @__PURE__ */ t(
     R,
     {
       componentName: "Contractor.Dashboard",
-      FallbackComponent: o,
+      FallbackComponent: e,
       LoaderComponent: n,
-      children: /* @__PURE__ */ t(j, { LoaderComponent: n, ...e })
+      children: /* @__PURE__ */ t(w, { LoaderComponent: n, ...o })
     }
   );
 }

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractorShow: contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

package/dist/components/Contractor/Dismissal/useDismissal/useDismissal.js

@@ -2,43 +2,43 @@ import { useContractorsGet as g } from "@gusto/embedded-api/react-query/contract
 import { useContractorsPostV1ContractorsContractorUuidTerminationMutation as E } from "@gusto/embedded-api/react-query/contractorsPostV1ContractorsContractorUuidTermination";
 import { RFCDate as p } from "@gusto/embedded-api/types/rfcdate";
 import { useBaseSubmit as C } from "../../../Base/useBaseSubmit.js";
-import { composeErrorHandler as b } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { formatDateToStringDate as y } from "../../../../helpers/dateFormatting.js";
-import { GENERIC_API_ERROR_MESSAGE as D } from "../../../../types/sdkError.js";
-function G({ contractorId: o }) {
+import { composeErrorHandler as S } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { formatDateToStringDate as b } from "../../../../helpers/dateFormatting.js";
+import { GENERIC_API_ERROR_MESSAGE as y } from "../../../../types/sdkError.js";
+function A({ contractorId: o }) {
   const t = g({ contractorUuid: o }), s = E(), {
     baseSubmitHandler: c,
     error: m,
     setError: u
-  } = C("Contractor.Dismissal"), r = b([t], { submitError: m, setSubmitError: u }), d = s.isPending, l = async (n) => {
+  } = C("Contractor.Dismissal"), r = S([t], { submitError: m, setSubmitError: u }), d = s.isPending, l = async (n) => {
     let i;
     return await c(n, async (f) => {
       await s.mutateAsync({
         request: {
           contractorUuid: o,
-          requestBody: { endDate: new p(y(f)) }
+          requestBody: { endDate: new p(b(f)) }
         }
       }), i = { mode: "create", data: void 0 };
     }), i;
   }, { data: e, isLoading: a } = t;
-  return a || !e?.contractor ? {
+  return a || !e?.contractorShow ? {
     isLoading: !0,
     errorHandling: !a && !t.error ? {
       ...r,
       errors: [
         ...r.errors,
-        { category: "internal_error", message: D, fieldErrors: [] }
+        { category: "internal_error", message: y, fieldErrors: [] }
       ]
     } : r
   } : {
     isLoading: !1,
-    data: { contractor: e.contractor },
+    data: { contractor: e.contractorShow },
     status: { isPending: d },
     actions: { dismiss: l },
     errorHandling: r
   };
 }
 export {
-  G as useDismissal
+  A as useDismissal
 };
 //# sourceMappingURL=useDismissal.js.map

package/dist/components/Contractor/Dismissal/useDismissal/useDismissal.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDismissal.js","sources":["../../../../../src/components/Contractor/Dismissal/useDismissal/useDismissal.ts"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsPostV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsPostV1ContractorsContractorUuidTermination'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult, HookSubmitResult } from '@/partner-hook-utils/types'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { GENERIC_API_ERROR_MESSAGE } from '@/types/sdkError'\n\n/**\n * Props for {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalProps {\n  /** The contractor identifier to dismiss. */\n  contractorId: string\n}\n\n/**\n * Ready state of {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalReady extends BaseHookReady<\n  { contractor: Contractor },\n  { isPending: boolean }\n> {\n  /** Actions available when the hook has loaded. */\n  actions: {\n    /** Schedules a dismissal effective on `endDate`. */\n    dismiss: (endDate: Date) => Promise<HookSubmitResult<unknown> | undefined>\n  }\n}\n\n/**\n * Return type of {@link useDismissal}.\n *\n * @public\n */\nexport type UseDismissalResult = HookLoadingResult | UseDismissalReady\n\n/**\n * Fetches a contractor and exposes an action to schedule their dismissal.\n *\n * @param input - The contractor to dismiss.\n * @returns A {@link HookLoadingResult} while the contractor is being fetched, or a {@link UseDismissalReady} once it has arrived.\n * @public\n */\nexport function useDismissal({ contractorId }: UseDismissalProps): UseDismissalResult {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const dismissMutation = useContractorsPostV1ContractorsContractorUuidTerminationMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Contractor.Dismissal')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const isPending = dismissMutation.isPending\n\n  const dismiss = async (endDate: Date): Promise<HookSubmitResult<unknown> | undefined> => {\n    let submitResult: HookSubmitResult<unknown> | undefined\n\n    await baseSubmitHandler(endDate, async date => {\n      await dismissMutation.mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { endDate: new RFCDate(formatDateToStringDate(date)!) },\n        },\n      })\n      submitResult = { mode: 'create', data: undefined }\n    })\n\n    return submitResult\n  }\n\n  const { data, isLoading } = contractorQuery\n\n  if (isLoading || !data?.contractor) {\n    // A settled query (not `isLoading`) with no query `error` but also no `contractor` in the\n    // response body would otherwise report `isLoading: true` forever with an empty error list —\n    // `contractor` is optional on the response type, so this isn't a thrown error we'd catch via\n    // `composeErrorHandler`. Surface it as an error so the host sees a real failure state instead\n    // of a stuck spinner.\n    const settledWithNoContractor = !isLoading && !contractorQuery.error\n    return {\n      isLoading: true,\n      errorHandling: settledWithNoContractor\n        ? {\n            ...errorHandling,\n            errors: [\n              ...errorHandling.errors,\n              { category: 'internal_error', message: GENERIC_API_ERROR_MESSAGE, fieldErrors: [] },\n            ],\n          }\n        : errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor: data.contractor },\n    status: { isPending },\n    actions: { dismiss },\n    errorHandling,\n  }\n}\n"],"names":["useDismissal","contractorId","contractorQuery","useContractorsGet","dismissMutation","useContractorsPostV1ContractorsContractorUuidTerminationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","dismiss","endDate","submitResult","date","RFCDate","formatDateToStringDate","data","isLoading","GENERIC_API_ERROR_MESSAGE"],"mappings":";;;;;;;AAkDO,SAASA,EAAa,EAAE,cAAAC,KAAuD;AACpF,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBF,GAAc,GACpEG,IAAkBC,EAAA,GAElB;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,sBAAsB,GAElCC,IAAgBC,EAAoB,CAACT,CAAe,GAAG,EAAE,aAAAK,GAAa,gBAAAC,GAAgB,GAEtFI,IAAYR,EAAgB,WAE5BS,IAAU,OAAOC,MAAkE;AACvF,QAAIC;AAEJ,iBAAMT,EAAkBQ,GAAS,OAAME,MAAQ;AAC7C,YAAMZ,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,gBAAgBH;AAAA,UAChB,aAAa,EAAE,SAAS,IAAIgB,EAAQC,EAAuBF,CAAI,CAAE,EAAA;AAAA,QAAE;AAAA,MACrE,CACD,GACDD,IAAe,EAAE,MAAM,UAAU,MAAM,OAAA;AAAA,IACzC,CAAC,GAEMA;AAAA,EACT,GAEM,EAAE,MAAAI,GAAM,WAAAC,EAAA,IAAclB;AAE5B,SAAIkB,KAAa,CAACD,GAAM,aAOf;AAAA,IACL,WAAW;AAAA,IACX,eAH8B,CAACC,KAAa,CAAClB,EAAgB,QAIzD;AAAA,MACE,GAAGQ;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAc;AAAA,QACjB,EAAE,UAAU,kBAAkB,SAASW,GAA2B,aAAa,CAAA,EAAC;AAAA,MAAE;AAAA,IACpF,IAEFX;AAAA,EAAA,IAID;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAYS,EAAK,WAAA;AAAA,IACzB,QAAQ,EAAE,WAAAP,EAAA;AAAA,IACV,SAAS,EAAE,SAAAC,EAAA;AAAA,IACX,eAAAH;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useDismissal.js","sources":["../../../../../src/components/Contractor/Dismissal/useDismissal/useDismissal.ts"],"sourcesContent":["import { useContractorsGet } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useContractorsPostV1ContractorsContractorUuidTerminationMutation } from '@gusto/embedded-api/react-query/contractorsPostV1ContractorsContractorUuidTermination'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport type { BaseHookReady, HookLoadingResult, HookSubmitResult } from '@/partner-hook-utils/types'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { GENERIC_API_ERROR_MESSAGE } from '@/types/sdkError'\n\n/**\n * Props for {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalProps {\n  /** The contractor identifier to dismiss. */\n  contractorId: string\n}\n\n/**\n * Ready state of {@link useDismissal}.\n *\n * @public\n */\nexport interface UseDismissalReady extends BaseHookReady<\n  { contractor: Contractor },\n  { isPending: boolean }\n> {\n  /** Actions available when the hook has loaded. */\n  actions: {\n    /** Schedules a dismissal effective on `endDate`. */\n    dismiss: (endDate: Date) => Promise<HookSubmitResult<unknown> | undefined>\n  }\n}\n\n/**\n * Return type of {@link useDismissal}.\n *\n * @public\n */\nexport type UseDismissalResult = HookLoadingResult | UseDismissalReady\n\n/**\n * Fetches a contractor and exposes an action to schedule their dismissal.\n *\n * @param input - The contractor to dismiss.\n * @returns A {@link HookLoadingResult} while the contractor is being fetched, or a {@link UseDismissalReady} once it has arrived.\n * @public\n */\nexport function useDismissal({ contractorId }: UseDismissalProps): UseDismissalResult {\n  const contractorQuery = useContractorsGet({ contractorUuid: contractorId })\n  const dismissMutation = useContractorsPostV1ContractorsContractorUuidTerminationMutation()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Contractor.Dismissal')\n\n  const errorHandling = composeErrorHandler([contractorQuery], { submitError, setSubmitError })\n\n  const isPending = dismissMutation.isPending\n\n  const dismiss = async (endDate: Date): Promise<HookSubmitResult<unknown> | undefined> => {\n    let submitResult: HookSubmitResult<unknown> | undefined\n\n    await baseSubmitHandler(endDate, async date => {\n      await dismissMutation.mutateAsync({\n        request: {\n          contractorUuid: contractorId,\n          requestBody: { endDate: new RFCDate(formatDateToStringDate(date)!) },\n        },\n      })\n      submitResult = { mode: 'create', data: undefined }\n    })\n\n    return submitResult\n  }\n\n  const { data, isLoading } = contractorQuery\n\n  if (isLoading || !data?.contractorShow) {\n    // A settled query (not `isLoading`) with no query `error` but also no `contractor` in the\n    // response body would otherwise report `isLoading: true` forever with an empty error list —\n    // `contractor` is optional on the response type, so this isn't a thrown error we'd catch via\n    // `composeErrorHandler`. Surface it as an error so the host sees a real failure state instead\n    // of a stuck spinner.\n    const settledWithNoContractor = !isLoading && !contractorQuery.error\n    return {\n      isLoading: true,\n      errorHandling: settledWithNoContractor\n        ? {\n            ...errorHandling,\n            errors: [\n              ...errorHandling.errors,\n              { category: 'internal_error', message: GENERIC_API_ERROR_MESSAGE, fieldErrors: [] },\n            ],\n          }\n        : errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractor: data.contractorShow },\n    status: { isPending },\n    actions: { dismiss },\n    errorHandling,\n  }\n}\n"],"names":["useDismissal","contractorId","contractorQuery","useContractorsGet","dismissMutation","useContractorsPostV1ContractorsContractorUuidTerminationMutation","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","errorHandling","composeErrorHandler","isPending","dismiss","endDate","submitResult","date","RFCDate","formatDateToStringDate","data","isLoading","GENERIC_API_ERROR_MESSAGE"],"mappings":";;;;;;;AAkDO,SAASA,EAAa,EAAE,cAAAC,KAAuD;AACpF,QAAMC,IAAkBC,EAAkB,EAAE,gBAAgBF,GAAc,GACpEG,IAAkBC,EAAA,GAElB;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,sBAAsB,GAElCC,IAAgBC,EAAoB,CAACT,CAAe,GAAG,EAAE,aAAAK,GAAa,gBAAAC,GAAgB,GAEtFI,IAAYR,EAAgB,WAE5BS,IAAU,OAAOC,MAAkE;AACvF,QAAIC;AAEJ,iBAAMT,EAAkBQ,GAAS,OAAME,MAAQ;AAC7C,YAAMZ,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,gBAAgBH;AAAA,UAChB,aAAa,EAAE,SAAS,IAAIgB,EAAQC,EAAuBF,CAAI,CAAE,EAAA;AAAA,QAAE;AAAA,MACrE,CACD,GACDD,IAAe,EAAE,MAAM,UAAU,MAAM,OAAA;AAAA,IACzC,CAAC,GAEMA;AAAA,EACT,GAEM,EAAE,MAAAI,GAAM,WAAAC,EAAA,IAAclB;AAE5B,SAAIkB,KAAa,CAACD,GAAM,iBAOf;AAAA,IACL,WAAW;AAAA,IACX,eAH8B,CAACC,KAAa,CAAClB,EAAgB,QAIzD;AAAA,MACE,GAAGQ;AAAA,MACH,QAAQ;AAAA,QACN,GAAGA,EAAc;AAAA,QACjB,EAAE,UAAU,kBAAkB,SAASW,GAA2B,aAAa,CAAA,EAAC;AAAA,MAAE;AAAA,IACpF,IAEFX;AAAA,EAAA,IAID;AAAA,IACL,WAAW;AAAA,IACX,MAAM,EAAE,YAAYS,EAAK,eAAA;AAAA,IACzB,QAAQ,EAAE,WAAAP,EAAA;AAAA,IACV,SAAS,EAAE,SAAAC,EAAA;AAAA,IACX,eAAAH;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/Landing/Landing.js

@@ -1,59 +1,63 @@
-import { jsx as n, jsxs as r } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import { useContractorsGetSuspense as C } from "@gusto/embedded-api/react-query/contractorsGet";
-import { useCompaniesGetSuspense as x } from "@gusto/embedded-api/react-query/companiesGet";
+import { jsx as o, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { useContractorsGetSuspense as h } from "@gusto/embedded-api/react-query/contractorsGet";
+import { GetV1ContractorsContractorUuidQueryParamInclude as C } from "@gusto/embedded-api/models/operations/getv1contractorscontractoruuid";
 import c from "dompurify";
-import { useMemo as m } from "react";
-import { BaseComponent as N } from "../../Base/Base.js";
-import { useBase as y } from "../../Base/useBase.js";
+import { useMemo as s } from "react";
+import { BaseComponent as g } from "../../Base/Base.js";
+import { useBase as N } from "../../Base/useBase.js";
 import { Flex as a } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as L, useComponentDictionary as R } from "../../../i18n/I18n.js";
-import { componentEvents as T } from "../../../shared/constants.js";
-import v from "../../../assets/icons/icon-arrow-right.svg.js";
+import { ActionsLayout as x } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as S, useComponentDictionary as D } from "../../../i18n/I18n.js";
+import { componentEvents as L } from "../../../shared/constants.js";
+import R from "../../../assets/icons/icon-arrow-right.svg.js";
 function w(e) {
-  return /* @__PURE__ */ n(N, { ...e, children: /* @__PURE__ */ n(A, { ...e, children: e.children }) });
+  return /* @__PURE__ */ o(g, { ...e, children: /* @__PURE__ */ o(T, { ...e, children: e.children }) });
 }
-const A = ({ contractorId: e, companyId: p, className: d, dictionary: l }) => {
-  L("Contractor.Landing"), R("Contractor.Landing", l);
-  const { onEvent: u } = y(), o = D(), { t } = g("Contractor.Landing"), {
-    data: { contractor: i }
-  } = C({ contractorUuid: e }), f = m(
-    () => c.sanitize(i?.firstName ?? i?.businessName ?? t("fallbackName")),
-    [i, t]
-  ), {
-    data: { company: s }
-  } = x({ companyId: p }), h = m(() => c.sanitize(s?.name ?? ""), [s]);
-  return /* @__PURE__ */ n("section", { className: d, children: /* @__PURE__ */ n(
-    o.Box,
+const T = ({ contractorId: e, className: m, dictionary: d }) => {
+  S("Contractor.Landing"), D("Contractor.Landing", d);
+  const { onEvent: p } = N(), n = y(), { t } = f("Contractor.Landing"), {
+    data: { contractorShow: r }
+  } = h({
+    contractorUuid: e,
+    include: [C.CompanyName]
+  }), l = s(
+    () => c.sanitize(r?.firstName ?? r?.businessName ?? t("fallbackName")),
+    [r, t]
+  ), u = s(
+    () => c.sanitize(r?.companyName ?? ""),
+    [r]
+  );
+  return /* @__PURE__ */ o("section", { className: m, children: /* @__PURE__ */ o(
+    n.Box,
     {
-      footer: /* @__PURE__ */ n(S, { children: /* @__PURE__ */ r(
-        o.Button,
+      footer: /* @__PURE__ */ o(x, { children: /* @__PURE__ */ i(
+        n.Button,
         {
           variant: "secondary",
           onClick: () => {
-            u(T.CONTRACTOR_SELF_ONBOARDING_START);
+            p(L.CONTRACTOR_SELF_ONBOARDING_START);
           },
           children: [
             t("getStartedCta"),
-            /* @__PURE__ */ n(v, { "aria-hidden": !0 })
+            /* @__PURE__ */ o(R, { "aria-hidden": !0 })
           ]
         }
       ) }),
-      children: /* @__PURE__ */ r(a, { alignItems: "center", flexDirection: "column", gap: 32, children: [
-        /* @__PURE__ */ r(a, { flexDirection: "column", gap: 4, children: [
-          /* @__PURE__ */ n(o.Heading, { as: "h2", children: t("landingSubtitle", {
-            contractorName: f,
-            companyName: h,
+      children: /* @__PURE__ */ i(a, { alignItems: "center", flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ i(a, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ o(n.Heading, { as: "h2", children: t("landingSubtitle", {
+            contractorName: l,
+            companyName: u,
             interpolation: { escapeValue: !1 }
           }) }),
-          /* @__PURE__ */ n(o.Text, { variant: "supporting", children: t("landingDescription") })
+          /* @__PURE__ */ o(n.Text, { variant: "supporting", children: t("landingDescription") })
         ] }),
-        /* @__PURE__ */ r(a, { flexDirection: "column", gap: 8, children: [
-          /* @__PURE__ */ n(o.Heading, { as: "h3", children: t("stepsSubtitle") }),
-          /* @__PURE__ */ n(
-            o.UnorderedList,
+        /* @__PURE__ */ i(a, { flexDirection: "column", gap: 8, children: [
+          /* @__PURE__ */ o(n.Heading, { as: "h3", children: t("stepsSubtitle") }),
+          /* @__PURE__ */ o(
+            n.UnorderedList,
             {
               items: [
                 t("steps.profile"),