@gusto/embedded-react-sdk 0.57.1 → 0.57.3

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":";;;;;;;;;;;;;AAwBA,SAASA,EAAc;AAAA,EACrB,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAaC;AAAA,EACb,iBAAAC;AAAA,EACA,WAAAC;AACF,GAAmB;AACjB,EAAAC,EAAQ,sBAAsB,GAC9BC,EAAuB,wBAAwBN,CAAU;AACzD,QAAM,EAAE,GAAAO,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb,CAACC,GAAaC,CAAc,IAAIC,EAAuB,SAAS,GAChEC,IAAcZ,KAAiBS,GAE/BI,IAAO;AAAA,IACX,EAAE,IAAI,WAAoB,OAAOR,EAAE,cAAc,GAAG,SAAS,KAAA;AAAA,IAC7D,EAAE,IAAI,OAAgB,OAAOA,EAAE,UAAU,GAAG,SAAS,KAAA;AAAA,IACrD,EAAE,IAAI,aAAsB,OAAOA,EAAE,gBAAgB,GAAG,SAAS,KAAA;AAAA,EAAK;AAGxE,2BACGS,GAAA,EAAK,WAAAZ,GAAsB,eAAc,UAAS,KAAK,IACtD,UAAA;AAAA,IAAA,gBAAAa,EAACC,KAAS,UAAU,MAClB,UAAA,gBAAAD,EAACE,GAAA,EAAgB,cAAApB,GAA4B,GAC/C;AAAA,IAEA,gBAAAqB,EAACJ,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACR,EAAW;AAAA,QAAX;AAAA,UACC,MAAAM;AAAA,UACA,YAAYD;AAAA,UACZ,mBAAmB,CAAAO,MAAM;AACvB,kBAAMC,IAAOD;AACb,YAAAT,EAAeU,CAAI,GACnBrB,EAAQsB,EAAgB,iCAAiC,EAAE,KAAKD,GAAM;AAAA,UACxE;AAAA,UACA,cAAYf,EAAE,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAG3B,gBAAAa,EAACJ,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,QAAAF,MAAgB,aACf,gBAAAG,EAACO,GAAA,EAAY,cAAAzB,GAA4B,SAAAE,GAAkB;AAAA,QAG5Da,MAAgB,SAAS,gBAAAG,EAACQ,GAAA,EAAQ,cAAA1B,GAA4B,SAAAE,GAAkB;AAAA,QAEhFa,MAAgB,eACf,gBAAAG;AAAA,UAACS;AAAA,UAAA;AAAA,YACC,cAAA3B;AAAA,YACA,SAAAE;AAAA,YACA,iBAAAE;AAAA,UAAA;AAAA,QAAA;AAAA,MACF,EAAA,CAEJ;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;AAEA,SAASgB,EAAgB,EAAE,cAAApB,KAA0C;AACnE,QAAM,EAAE,GAAAQ,EAAA,IAAMC,EAAe,sBAAsB,GAC7CC,IAAaC,EAAA,GACb;AAAA,IACJ,MAAM,EAAE,gBAAgBiB,EAAA;AAAA,EAAW,IACjCC,EAA0B,EAAE,gBAAgB7B,GAAc,GAExD8B,IAAaF,GAAY,SAASG,EAAgB,UAClDC,IAAYJ,IACdE,IACEF,EAAW,eACXK,EAAc;AAAA,IACZ,YAAYL,EAAW;AAAA,IACvB,gBAAgBA,EAAW;AAAA,IAC3B,WAAWA,EAAW;AAAA,EAAA,CACvB,IACH;AAEJ,SACE,gBAAAP,EAACJ,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,IAAA,gBAAAC,EAACR,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAsB,GAAU;AAAA,IACvC,gBAAAd,EAACR,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,qBAAqB,EAAA,CAAE;AAAA,EAAA,GAClE;AAEJ;AAqBO,SAAS0B,EAAU,EAAE,mBAAAC,GAAmB,iBAAA/B,GAAiB,GAAGgC,KAAyB;AAC1F,SACE,gBAAAlB;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAF;AAAA,MACA,iBAAA/B;AAAA,MAEA,UAAA,gBAAAc,EAACnB,GAAA,EAAc,iBAAAK,GAAmC,GAAGgC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGlE;"}

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/Documents/management/DocumentsCard/DocumentsCard.js

@@ -4,16 +4,15 @@ import { useTranslation as f } from "react-i18next";
 import { useContractorDocumentsGetPdf as D } from "@gusto/embedded-api/react-query/contractorDocumentsGetPdf";
 import { requiresSignature as y } from "../../shared/documentSigningStatus.js";
 import { useContractorDocumentsList as S } from "../../shared/useContractorDocumentsList/useContractorDocumentsList.js";
-import "classnames";
-import { componentEvents as p } from "../../../../../shared/constants.js";
 import { Loading as w } from "../../../../Common/Loading/Loading.js";
-import { EmptyData as g } from "../../../../Common/EmptyData/EmptyData.js";
+import { EmptyData as p } from "../../../../Common/EmptyData/EmptyData.js";
 import { BaseBoundaries as E, BaseLayout as T } from "../../../../Base/Base.js";
 import { useComponentContext as C } from "../../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as M } from "../../../../../i18n/I18n.js";
+import { componentEvents as g } from "../../../../../shared/constants.js";
 import { useDataView as B } from "../../../../Common/DataView/useDataView.js";
 import { DataView as _ } from "../../../../Common/DataView/DataView.js";
-function j({ LoaderComponent: o, ...r }) {
+function I({ LoaderComponent: o, ...r }) {
   return /* @__PURE__ */ t(
     E,
     {
@@ -45,14 +44,14 @@ function N({ contractorId: o, onEvent: r, LoaderComponent: a }) {
     data: c,
     columns: d,
     itemMenu: (n) => n.uuid ? /* @__PURE__ */ t(x, { contractorId: o, documentUuid: n.uuid, onEvent: r }) : null,
-    emptyState: () => /* @__PURE__ */ t(g, { title: e("emptyState.title") })
+    emptyState: () => /* @__PURE__ */ t(p, { title: e("emptyState.title") })
   });
   return /* @__PURE__ */ t(T, { error: s.errorHandling.errors, LoaderComponent: a, children: /* @__PURE__ */ t(
     i.Box,
     {
       withPadding: !u,
       header: /* @__PURE__ */ t(i.BoxHeader, { title: e("title") }),
-      children: m ? /* @__PURE__ */ t(w, {}) : u ? /* @__PURE__ */ t(_, { label: e("listLabel"), isWithinBox: !0, ...l }) : /* @__PURE__ */ t(g, { title: e("emptyState.title") })
+      children: m ? /* @__PURE__ */ t(w, {}) : u ? /* @__PURE__ */ t(_, { label: e("listLabel"), isWithinBox: !0, ...l }) : /* @__PURE__ */ t(p, { title: e("emptyState.title") })
     }
   ) });
 }
@@ -62,13 +61,13 @@ function x({
   onEvent: a
 }) {
   const { t: e } = f("Contractor.Management.Documents"), i = C(), [s, m] = h(!1), { refetch: c } = D({ documentUuid: r }, { enabled: !1 }), u = async () => {
-    a(p.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
+    a(g.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {
       contractorId: o,
       documentUuid: r
     }), m(!0);
     try {
       const { data: d } = await c(), l = d?.documentPdf?.documentUrl;
-      l && (window.open(l, "_blank", "noopener,noreferrer"), a(p.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {
+      l && (window.open(l, "_blank", "noopener,noreferrer"), a(g.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {
         contractorId: o,
         documentUuid: r
       }));
@@ -89,6 +88,6 @@ function x({
   );
 }
 export {
-  j as DocumentsCard
+  I as DocumentsCard
 };
 //# sourceMappingURL=DocumentsCard.js.map

package/dist/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { requiresSignature } from '../../shared/documentSigningStatus'\nimport { useContractorDocumentsList } from '../../shared/useContractorDocumentsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user views a document. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone read-only \"Documents\" card.\n *\n * @remarks\n * Fetches its own data via {@link useContractorDocumentsList} and renders a\n * table of the contractor's forms with a per-row \"View\" action that opens\n * the document's PDF in a new tab. Read-only — signing happens during\n * contractor onboarding, not from this surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/documents/card/viewRequested` | Fired when a document row's \"View\" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The contractor documents card.\n * @public\n */\nexport function DocumentsCard({ LoaderComponent, ...props }: DocumentsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Documents\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DocumentsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ contractorId, onEvent, LoaderComponent }: DocumentsCardProps) {\n  useI18n('Contractor.Management.Documents')\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const documentsList = useContractorDocumentsList({ contractorId })\n\n  const isLoading = documentsList.isLoading\n  const documents = documentsList.isLoading ? [] : documentsList.data.documents\n  const isShowingTable = documents.length > 0\n\n  const columns = [\n    {\n      key: 'title',\n      title: t('nameColumn'),\n      render: (document: Document) => (\n        <Components.Text weight=\"medium\" size=\"sm\">\n          {document.title ?? document.name ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'description',\n      title: t('descriptionColumn'),\n      render: (document: Document) => (\n        <Components.Text variant=\"supporting\" size=\"sm\">\n          {document.description ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'signingStatus',\n      title: t('signingStatusColumn'),\n      render: (document: Document) =>\n        requiresSignature(document) ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const dataViewProps = useDataView({\n    data: documents,\n    columns,\n    itemMenu: document =>\n      document.uuid ? (\n        <ViewButton contractorId={contractorId} documentUuid={document.uuid} onEvent={onEvent} />\n      ) : null,\n    emptyState: () => <EmptyData title={t('emptyState.title')} />,\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isLoading ? (\n          <Loading />\n        ) : isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...dataViewProps} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n\nfunction ViewButton({\n  contractorId,\n  documentUuid,\n  onEvent,\n}: {\n  contractorId: string\n  documentUuid: string\n  onEvent: OnEventType<EventType, unknown>\n}) {\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const [isOpening, setIsOpening] = useState(false)\n  const { refetch } = useContractorDocumentsGetPdf({ documentUuid }, { enabled: false })\n\n  const handleView = async () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n      contractorId,\n      documentUuid,\n    })\n    setIsOpening(true)\n    try {\n      const { data } = await refetch()\n      const url = data?.documentPdf?.documentUrl\n      if (url) {\n        window.open(url, '_blank', 'noopener,noreferrer')\n        onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {\n          contractorId,\n          documentUuid,\n        })\n      }\n    } finally {\n      setIsOpening(false)\n    }\n  }\n\n  return (\n    <Components.Button\n      variant=\"secondary\"\n      onClick={() => {\n        void handleView()\n      }}\n      isLoading={isOpening}\n    >\n      {t('viewCta')}\n    </Components.Button>\n  )\n}\n"],"names":["DocumentsCard","LoaderComponent","props","jsx","BaseBoundaries","DocumentsCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","documentsList","useContractorDocumentsList","isLoading","documents","isShowingTable","columns","document","requiresSignature","dataViewProps","useDataView","ViewButton","EmptyData","BaseLayout","Loading","DataView","documentUuid","isOpening","setIsOpening","useState","refetch","useContractorDocumentsGetPdf","handleView","componentEvents","data","url"],"mappings":"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"}
+{"version":3,"file":"DocumentsCard.js","sources":["../../../../../../src/components/Contractor/Documents/management/DocumentsCard/DocumentsCard.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorDocumentsGetPdf } from '@gusto/embedded-api/react-query/contractorDocumentsGetPdf'\nimport type { Document } from '@gusto/embedded-api/models/components/document'\nimport { requiresSignature } from '../../shared/documentSigningStatus'\nimport { useContractorDocumentsList } from '../../shared/useContractorDocumentsList'\nimport { DataView, EmptyData, useDataView, Loading } from '@/components/Common'\nimport { BaseBoundaries, BaseLayout } from '@/components/Base/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { LoaderComponentType } from '@/components/Base'\n\n/**\n * Props for {@link DocumentsCard}.\n *\n * @public\n */\nexport interface DocumentsCardProps {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** Event handler fired when the user views a document. */\n  onEvent: OnEventType<EventType, unknown>\n  /** Custom loading indicator rendered while this component's async data is fetching. Overrides the indicator configured on `GustoProvider` for this instance only. */\n  LoaderComponent?: LoaderComponentType\n}\n\n/**\n * Standalone read-only \"Documents\" card.\n *\n * @remarks\n * Fetches its own data via {@link useContractorDocumentsList} and renders a\n * table of the contractor's forms with a per-row \"View\" action that opens\n * the document's PDF in a new tab. Read-only — signing happens during\n * contractor onboarding, not from this surface.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/documents/card/viewRequested` | Fired when a document row's \"View\" button is clicked, before the PDF is fetched | `{ contractorId: string, documentUuid: string }` |\n * | `contractor/management/documents/card/viewed` | Fired after the PDF is fetched and opened in a new tab | `{ contractorId: string, documentUuid: string }` |\n *\n * @param props - See {@link DocumentsCardProps}.\n * @returns The contractor documents card.\n * @public\n */\nexport function DocumentsCard({ LoaderComponent, ...props }: DocumentsCardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Documents\"\n      LoaderComponent={LoaderComponent}\n    >\n      <DocumentsCardContent LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction DocumentsCardContent({ contractorId, onEvent, LoaderComponent }: DocumentsCardProps) {\n  useI18n('Contractor.Management.Documents')\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const documentsList = useContractorDocumentsList({ contractorId })\n\n  const isLoading = documentsList.isLoading\n  const documents = documentsList.isLoading ? [] : documentsList.data.documents\n  const isShowingTable = documents.length > 0\n\n  const columns = [\n    {\n      key: 'title',\n      title: t('nameColumn'),\n      render: (document: Document) => (\n        <Components.Text weight=\"medium\" size=\"sm\">\n          {document.title ?? document.name ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'description',\n      title: t('descriptionColumn'),\n      render: (document: Document) => (\n        <Components.Text variant=\"supporting\" size=\"sm\">\n          {document.description ?? t('emptyPlaceholder')}\n        </Components.Text>\n      ),\n    },\n    {\n      key: 'signingStatus',\n      title: t('signingStatusColumn'),\n      render: (document: Document) =>\n        requiresSignature(document) ? (\n          <Components.Badge status=\"warning\">{t('signingStatus.notSigned')}</Components.Badge>\n        ) : (\n          <Components.Badge status=\"success\">{t('signingStatus.signed')}</Components.Badge>\n        ),\n    },\n  ]\n\n  const dataViewProps = useDataView({\n    data: documents,\n    columns,\n    itemMenu: document =>\n      document.uuid ? (\n        <ViewButton contractorId={contractorId} documentUuid={document.uuid} onEvent={onEvent} />\n      ) : null,\n    emptyState: () => <EmptyData title={t('emptyState.title')} />,\n  })\n\n  return (\n    <BaseLayout error={documentsList.errorHandling.errors} LoaderComponent={LoaderComponent}>\n      <Components.Box\n        withPadding={!isShowingTable}\n        header={<Components.BoxHeader title={t('title')} />}\n      >\n        {isLoading ? (\n          <Loading />\n        ) : isShowingTable ? (\n          <DataView label={t('listLabel')} isWithinBox {...dataViewProps} />\n        ) : (\n          <EmptyData title={t('emptyState.title')} />\n        )}\n      </Components.Box>\n    </BaseLayout>\n  )\n}\n\nfunction ViewButton({\n  contractorId,\n  documentUuid,\n  onEvent,\n}: {\n  contractorId: string\n  documentUuid: string\n  onEvent: OnEventType<EventType, unknown>\n}) {\n  const { t } = useTranslation('Contractor.Management.Documents')\n  const Components = useComponentContext()\n  const [isOpening, setIsOpening] = useState(false)\n  const { refetch } = useContractorDocumentsGetPdf({ documentUuid }, { enabled: false })\n\n  const handleView = async () => {\n    onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEW_REQUESTED, {\n      contractorId,\n      documentUuid,\n    })\n    setIsOpening(true)\n    try {\n      const { data } = await refetch()\n      const url = data?.documentPdf?.documentUrl\n      if (url) {\n        window.open(url, '_blank', 'noopener,noreferrer')\n        onEvent(componentEvents.CONTRACTOR_MANAGEMENT_DOCUMENTS_CARD_VIEWED, {\n          contractorId,\n          documentUuid,\n        })\n      }\n    } finally {\n      setIsOpening(false)\n    }\n  }\n\n  return (\n    <Components.Button\n      variant=\"secondary\"\n      onClick={() => {\n        void handleView()\n      }}\n      isLoading={isOpening}\n    >\n      {t('viewCta')}\n    </Components.Button>\n  )\n}\n"],"names":["DocumentsCard","LoaderComponent","props","jsx","BaseBoundaries","DocumentsCardContent","contractorId","onEvent","useI18n","t","useTranslation","Components","useComponentContext","documentsList","useContractorDocumentsList","isLoading","documents","isShowingTable","columns","document","requiresSignature","dataViewProps","useDataView","ViewButton","EmptyData","BaseLayout","Loading","DataView","documentUuid","isOpening","setIsOpening","useState","refetch","useContractorDocumentsGetPdf","handleView","componentEvents","data","url"],"mappings":";;;;;;;;;;;;;;AA+CO,SAASA,EAAc,EAAE,iBAAAC,GAAiB,GAAGC,KAA6B;AAC/E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,iBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAqB,iBAAAJ,GAAmC,GAAGC,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGzE;AAEA,SAASG,EAAqB,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAN,KAAuC;AAC5F,EAAAO,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GACbC,IAAgBC,EAA2B,EAAE,cAAAR,GAAc,GAE3DS,IAAYF,EAAc,WAC1BG,IAAYH,EAAc,YAAY,CAAA,IAAKA,EAAc,KAAK,WAC9DI,IAAiBD,EAAU,SAAS,GAEpCE,IAAU;AAAA,IACd;AAAA,MACE,KAAK;AAAA,MACL,OAAOT,EAAE,YAAY;AAAA,MACrB,QAAQ,CAACU,MACP,gBAAAhB,EAACQ,EAAW,MAAX,EAAgB,QAAO,UAAS,MAAK,MACnC,UAAAQ,EAAS,SAASA,EAAS,QAAQV,EAAE,kBAAkB,EAAA,CAC1D;AAAA,IAAA;AAAA,IAGJ;AAAA,MACE,KAAK;AAAA,MACL,OAAOA,EAAE,mBAAmB;AAAA,MAC5B,QAAQ,CAACU,MACP,gBAAAhB,EAACQ,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAQ,EAAS,eAAeV,EAAE,kBAAkB,EAAA,CAC/C;AAAA,IAAA;AAAA,IAGJ;AAAA,MACE,KAAK;AAAA,MACL,OAAOA,EAAE,qBAAqB;AAAA,MAC9B,QAAQ,CAACU,MACPC,EAAkBD,CAAQ,IACxB,gBAAAhB,EAACQ,EAAW,OAAX,EAAiB,QAAO,WAAW,YAAE,yBAAyB,EAAA,CAAE,IAEjE,gBAAAR,EAACQ,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAF,EAAE,sBAAsB,EAAA,CAAE;AAAA,IAAA;AAAA,EAEpE,GAGIY,IAAgBC,EAAY;AAAA,IAChC,MAAMN;AAAA,IACN,SAAAE;AAAA,IACA,UAAU,CAAAC,MACRA,EAAS,OACP,gBAAAhB,EAACoB,GAAA,EAAW,cAAAjB,GAA4B,cAAca,EAAS,MAAM,SAAAZ,EAAA,CAAkB,IACrF;AAAA,IACN,YAAY,MAAM,gBAAAJ,EAACqB,KAAU,OAAOf,EAAE,kBAAkB,EAAA,CAAG;AAAA,EAAA,CAC5D;AAED,2BACGgB,GAAA,EAAW,OAAOZ,EAAc,cAAc,QAAQ,iBAAAZ,GACrD,UAAA,gBAAAE;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,aAAa,CAACM;AAAA,MACd,0BAASN,EAAW,WAAX,EAAqB,OAAOF,EAAE,OAAO,GAAG;AAAA,MAEhD,UAAAM,sBACEW,GAAA,CAAA,CAAQ,IACPT,IACF,gBAAAd,EAACwB,GAAA,EAAS,OAAOlB,EAAE,WAAW,GAAG,aAAW,IAAE,GAAGY,GAAe,sBAE/DG,GAAA,EAAU,OAAOf,EAAE,kBAAkB,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAG/C;AAEJ;AAEA,SAASc,EAAW;AAAA,EAClB,cAAAjB;AAAA,EACA,cAAAsB;AAAA,EACA,SAAArB;AACF,GAIG;AACD,QAAM,EAAE,GAAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GACb,CAACiB,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,EAAE,SAAAC,EAAA,IAAYC,EAA6B,EAAE,cAAAL,KAAgB,EAAE,SAAS,IAAO,GAE/EM,IAAa,YAAY;AAC7B,IAAA3B,EAAQ4B,EAAgB,qDAAqD;AAAA,MAC3E,cAAA7B;AAAA,MACA,cAAAsB;AAAA,IAAA,CACD,GACDE,EAAa,EAAI;AACjB,QAAI;AACF,YAAM,EAAE,MAAAM,MAAS,MAAMJ,EAAA,GACjBK,IAAMD,GAAM,aAAa;AAC/B,MAAIC,MACF,OAAO,KAAKA,GAAK,UAAU,qBAAqB,GAChD9B,EAAQ4B,EAAgB,6CAA6C;AAAA,QACnE,cAAA7B;AAAA,QACA,cAAAsB;AAAA,MAAA,CACD;AAAA,IAEL,UAAA;AACE,MAAAE,EAAa,EAAK;AAAA,IACpB;AAAA,EACF;AAEA,SACE,gBAAA3B;AAAA,IAACQ,EAAW;AAAA,IAAX;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,QAAKuB,EAAA;AAAA,MACP;AAAA,MACA,WAAWL;AAAA,MAEV,YAAE,SAAS;AAAA,IAAA;AAAA,EAAA;AAGlB;"}

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"),

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

@@ -1 +1 @@
-{"version":3,"file":"Landing.js","sources":["../../../../src/components/Contractor/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { useCompaniesGetSuspense } from '@gusto/embedded-api/react-query/companiesGet'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Contractor.Landing'> {\n  /** UUID of the contractor entering the self-onboarding flow. */\n  contractorId: string\n  /** UUID of the company the contractor belongs to. */\n  companyId: string\n}\n\n/**\n * Landing page for the contractor self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the contractor needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, companyId, className, dictionary }: LandingProps) => {\n  useI18n('Contractor.Landing')\n  useComponentDictionary('Contractor.Landing', dictionary)\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Contractor.Landing')\n\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n  const sanitizedContractorName = useMemo(\n    () =>\n      DOMPurify.sanitize(contractor?.firstName ?? contractor?.businessName ?? t('fallbackName')),\n    [contractor, t],\n  )\n\n  const {\n    data: { company },\n  } = useCompaniesGetSuspense({ companyId })\n  const sanitizedCompanyName = useMemo(() => DOMPurify.sanitize(company?.name ?? ''), [company])\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                contractorName: sanitizedContractorName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[\n                t('steps.profile'),\n                t('steps.address'),\n                t('steps.paymentMethod'),\n                t('steps.documents'),\n              ]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","jsx","BaseComponent","Root","contractorId","companyId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","Components","useComponentContext","useTranslation","contractor","useContractorsGetSuspense","sanitizedContractorName","useMemo","DOMPurify","company","useCompaniesGetSuspense","sanitizedCompanyName","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AA+BO,SAASA,EAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,WAAAC,GAAW,YAAAC,QAA+B;AACjF,EAAAC,EAAQ,oBAAoB,GAC5BC,EAAuB,sBAAsBF,CAAU;AACvD,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAE3C;AAAA,IACJ,MAAM,EAAE,YAAAC,EAAA;AAAA,EAAW,IACjBC,EAA0B,EAAE,gBAAgBZ,GAAc,GACxDa,IAA0BC;AAAA,IAC9B,MACEC,EAAU,SAASJ,GAAY,aAAaA,GAAY,gBAAgB,EAAE,cAAc,CAAC;AAAA,IAC3F,CAACA,GAAY,CAAC;AAAA,EAAA,GAGV;AAAA,IACJ,MAAM,EAAE,SAAAK,EAAA;AAAA,EAAQ,IACdC,EAAwB,EAAE,WAAAhB,GAAW,GACnCiB,IAAuBJ,EAAQ,MAAMC,EAAU,SAASC,GAAS,QAAQ,EAAE,GAAG,CAACA,CAAO,CAAC;AAE7F,SACE,gBAAAnB,EAAC,aAAQ,WAAAK,GACP,UAAA,gBAAAL;AAAA,IAACW,EAAW;AAAA,IAAX;AAAA,MACC,0BACGW,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACZ,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQe,EAAgB,gCAAgC;AAAA,UAC1D;AAAA,UAEC,UAAA;AAAA,YAAA,EAAE,eAAe;AAAA,YAClB,gBAAAxB,EAACyB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAA1B,EAACW,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,gBAAgBK;AAAA,YAChB,aAAaK;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAArB,EAACW,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAY,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAA1B,EAACW,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAX;AAAA,YAACW,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL,EAAE,eAAe;AAAA,gBACjB,EAAE,eAAe;AAAA,gBACjB,EAAE,qBAAqB;AAAA,gBACvB,EAAE,iBAAiB;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"Landing.js","sources":["../../../../src/components/Contractor/Landing/Landing.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { GetV1ContractorsContractorUuidQueryParamInclude } from '@gusto/embedded-api/models/operations/getv1contractorscontractoruuid'\nimport DOMPurify from 'dompurify'\nimport { useMemo } from 'react'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { Flex, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport ArrowRightIcon from '@/assets/icons/icon-arrow-right.svg?react'\n\n/**\n * Props for the {@link Landing} component.\n *\n * @public\n */\nexport interface LandingProps extends BaseComponentInterface<'Contractor.Landing'> {\n  /** UUID of the contractor entering the self-onboarding flow. */\n  contractorId: string\n  /**\n   * @deprecated\n   * UUID of the company the contractor belongs to.\n   */\n  companyId?: string\n}\n\n/**\n * Landing page for the contractor self-onboarding flow. Displays a welcome\n * message and the list of onboarding steps the contractor needs to complete.\n *\n * @public\n */\nexport function Landing(props: LandingProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ contractorId, className, dictionary }: LandingProps) => {\n  useI18n('Contractor.Landing')\n  useComponentDictionary('Contractor.Landing', dictionary)\n  const { onEvent } = useBase()\n  const Components = useComponentContext()\n\n  const { t } = useTranslation('Contractor.Landing')\n\n  const {\n    data: { contractorShow: contractor },\n  } = useContractorsGetSuspense({\n    contractorUuid: contractorId,\n    include: [GetV1ContractorsContractorUuidQueryParamInclude.CompanyName],\n  })\n  const sanitizedContractorName = useMemo(\n    () =>\n      DOMPurify.sanitize(contractor?.firstName ?? contractor?.businessName ?? t('fallbackName')),\n    [contractor, t],\n  )\n  const sanitizedCompanyName = useMemo(\n    () => DOMPurify.sanitize(contractor?.companyName ?? ''),\n    [contractor],\n  )\n\n  return (\n    <section className={className}>\n      <Components.Box\n        footer={\n          <ActionsLayout>\n            <Components.Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(componentEvents.CONTRACTOR_SELF_ONBOARDING_START)\n              }}\n            >\n              {t('getStartedCta')}\n              <ArrowRightIcon aria-hidden />\n            </Components.Button>\n          </ActionsLayout>\n        }\n      >\n        <Flex alignItems=\"center\" flexDirection=\"column\" gap={32}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Components.Heading as=\"h2\">\n              {t('landingSubtitle', {\n                contractorName: sanitizedContractorName,\n                companyName: sanitizedCompanyName,\n                interpolation: { escapeValue: false },\n              })}\n            </Components.Heading>\n            <Components.Text variant=\"supporting\">{t('landingDescription')}</Components.Text>\n          </Flex>\n          <Flex flexDirection=\"column\" gap={8}>\n            <Components.Heading as=\"h3\">{t('stepsSubtitle')}</Components.Heading>\n            <Components.UnorderedList\n              items={[\n                t('steps.profile'),\n                t('steps.address'),\n                t('steps.paymentMethod'),\n                t('steps.documents'),\n              ]}\n            />\n          </Flex>\n        </Flex>\n      </Components.Box>\n    </section>\n  )\n}\n"],"names":["Landing","props","jsx","BaseComponent","Root","contractorId","className","dictionary","useI18n","useComponentDictionary","onEvent","useBase","Components","useComponentContext","useTranslation","contractor","useContractorsGetSuspense","GetV1ContractorsContractorUuidQueryParamInclude","sanitizedContractorName","useMemo","DOMPurify","sanitizedCompanyName","ActionsLayout","jsxs","componentEvents","ArrowRightIcon","Flex"],"mappings":";;;;;;;;;;;;;;AAkCO,SAASA,EAAQC,GAAqB;AAC3C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,cAAAC,GAAc,WAAAC,GAAW,YAAAC,QAA+B;AACtE,EAAAC,EAAQ,oBAAoB,GAC5BC,EAAuB,sBAAsBF,CAAU;AACvD,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GACdC,IAAaC,EAAA,GAEb,EAAE,EAAA,IAAMC,EAAe,oBAAoB,GAE3C;AAAA,IACJ,MAAM,EAAE,gBAAgBC,EAAA;AAAA,EAAW,IACjCC,EAA0B;AAAA,IAC5B,gBAAgBX;AAAA,IAChB,SAAS,CAACY,EAAgD,WAAW;AAAA,EAAA,CACtE,GACKC,IAA0BC;AAAA,IAC9B,MACEC,EAAU,SAASL,GAAY,aAAaA,GAAY,gBAAgB,EAAE,cAAc,CAAC;AAAA,IAC3F,CAACA,GAAY,CAAC;AAAA,EAAA,GAEVM,IAAuBF;AAAA,IAC3B,MAAMC,EAAU,SAASL,GAAY,eAAe,EAAE;AAAA,IACtD,CAACA,CAAU;AAAA,EAAA;AAGb,SACE,gBAAAb,EAAC,aAAQ,WAAAI,GACP,UAAA,gBAAAJ;AAAA,IAACU,EAAW;AAAA,IAAX;AAAA,MACC,0BACGU,GAAA,EACC,UAAA,gBAAAC;AAAA,QAACX,EAAW;AAAA,QAAX;AAAA,UACC,SAAQ;AAAA,UACR,SAAS,MAAM;AACb,YAAAF,EAAQc,EAAgB,gCAAgC;AAAA,UAC1D;AAAA,UAEC,UAAA;AAAA,YAAA,EAAE,eAAe;AAAA,YAClB,gBAAAtB,EAACuB,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,GAEhC;AAAA,MAGF,4BAACC,GAAA,EAAK,YAAW,UAAS,eAAc,UAAS,KAAK,IACpD,UAAA;AAAA,QAAA,gBAAAH,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACU,EAAW,SAAX,EAAmB,IAAG,MACpB,YAAE,mBAAmB;AAAA,YACpB,gBAAgBM;AAAA,YAChB,aAAaG;AAAA,YACb,eAAe,EAAE,aAAa,GAAA;AAAA,UAAM,CACrC,GACH;AAAA,UACA,gBAAAnB,EAACU,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAA,EAAE,oBAAoB,EAAA,CAAE;AAAA,QAAA,GACjE;AAAA,QACA,gBAAAW,EAACG,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAxB,EAACU,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,eAAe,GAAE;AAAA,UAChD,gBAAAV;AAAA,YAACU,EAAW;AAAA,YAAX;AAAA,cACC,OAAO;AAAA,gBACL,EAAE,eAAe;AAAA,gBACjB,EAAE,eAAe;AAAA,gBACjB,EAAE,qBAAqB;AAAA,gBACvB,EAAE,iBAAiB;AAAA,cAAA;AAAA,YACrB;AAAA,UAAA;AAAA,QACF,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Contractor/NewHireReport/NewHireReport.js

@@ -31,8 +31,8 @@ function le(t) {
 function k({ contractorId: t, className: d, dictionary: f, selfOnboarding: R = !1 }) {
   F("Contractor.NewHireReport", f), P("Contractor.NewHireReport");
   const { t: o } = E("Contractor.NewHireReport"), { onEvent: c, baseSubmitHandler: h } = B(), a = U(), {
-    data: { contractor: H }
-  } = _({ contractorUuid: t }), n = H, { mutateAsync: w, isPending: N } = x(), b = D(
+    data: { contractorShow: w }
+  } = _({ contractorUuid: t }), n = w, { mutateAsync: H, isPending: N } = x(), b = D(
     () => ({
       fileNewHireReport: n.fileNewHireReport || !1,
       state: n.workState || null
@@ -43,7 +43,7 @@ function k({ contractorId: t, className: d, dictionary: f, selfOnboarding: R = !
     defaultValues: b
   }), C = y({ control: s.control, name: "fileNewHireReport" }), v = async (i) => {
     await h(i, async (l) => {
-      const S = await w({
+      const S = await H({
         request: {
           contractorUuid: t,
           contractorUpdateRequestBody: {