@gusto/embedded-react-sdk 0.48.1 → 0.48.3

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormTypes.d.ts

@@ -1,7 +1,16 @@
+/**
+ * A single federal holiday row shown in the holiday selection table.
+ *
+ * @public
+ */
 export interface HolidayItem {
+    /** Stable identifier for the holiday (the federal holiday key). */
     uuid: string;
+    /** Localized display name of the holiday. */
     name: string;
+    /** Localized text describing when the holiday is observed. */
     observedDate: string;
+    /** Localized date string for the next time this holiday will be observed. */
     nextObservation: string;
 }
 interface HolidaySelectionFormBaseProps {
@@ -24,5 +33,6 @@ interface HolidaySelectionFormViewModeProps extends HolidaySelectionFormBaseProp
     onContinue?: never;
     onBack?: never;
 }
+/** @internal */
 export type HolidaySelectionFormPresentationProps = HolidaySelectionFormSelectModeProps | HolidaySelectionFormViewModeProps;
 export {};

package/dist/components/TimeOff/PolicyList/PolicyList.d.ts

@@ -1,5 +1,30 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for the {@link PolicyList} component.
+ *
+ * @public
+ */
 export interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {
+    /** The associated company identifier. */
     companyId: string;
 }
+/**
+ * Displays all active time off policies (sick, vacation, and holiday) for a company.
+ *
+ * Each row shows the policy name and the enrolled-employee count. Incomplete policies surface a
+ * finish-setup action. Sick and vacation policies are deactivated via the time-off policies API;
+ * the holiday pay policy (if one exists) is merged into the same list and is deleted via the
+ * holiday pay policy API. Both flows go through a confirmation dialog and show a success alert.
+ *
+ * @remarks
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/createPolicy` | The user clicked the create-policy action. | — |
+ * | `timeOff/viewPolicy` | The user opened an existing policy or clicked finish-setup on an incomplete one. | `{ policyId: string, policyType: string }` |
+ * | `timeOff/deletePolicy/done` | A policy was successfully deleted. | `{ policyId: string }` |
+ *
+ * @param props - {@link PolicyListProps}
+ * @returns The rendered policy list.
+ * @public
+ */
 export declare function PolicyList({ FallbackComponent, ...props }: PolicyListProps): import("react").JSX.Element;

package/dist/components/TimeOff/PolicyList/PolicyList.js

@@ -11,12 +11,13 @@ import { UnprocessableEntityError as V } from "@gusto/embedded-api-v-2025-11-15/
 import { PolicyListPresentation as W } from "./PolicyListPresentation.js";
 import { isListedTimeOffPolicyType as k } from "../TimeOffFlow/timeOffPolicyTypes.js";
 import { BaseBoundaries as K, BaseLayout as z } from "../../Base/Base.js";
+import "../../Base/useBase.js";
 import { useBaseSubmit as J } from "../../Base/useBaseSubmit.js";
 import { SDKInternalError as E } from "../../../types/sdkError.js";
 import { composeErrorHandler as X } from "../../../partner-hook-utils/composeErrorHandler.js";
 import { componentEvents as a } from "../../../shared/constants.js";
 import { useI18n as Z } from "../../../i18n/I18n.js";
-function Ee({ FallbackComponent: o, ...t }) {
+function Oe({ FallbackComponent: o, ...t }) {
   return /* @__PURE__ */ n(
     K,
     {
@@ -120,6 +121,6 @@ function $({ companyId: o, onEvent: t }) {
   ) });
 }
 export {
-  Ee as PolicyList
+  Oe as PolicyList
 };
 //# sourceMappingURL=PolicyList.js.map

package/dist/components/TimeOff/PolicyList/PolicyList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/TimeOff/PolicyList/PolicyList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useTimeOffPoliciesGetAllSuspense,\n  invalidateAllTimeOffPoliciesGetAll,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesGetAll'\nimport { useTimeOffPoliciesDeactivateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesDeactivate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport {\n  useHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesDelete'\nimport type { TimeOffPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/timeoffpolicy'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { isListedTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {\n  companyId: string\n}\n\nexport function PolicyList({ FallbackComponent, ...props }: PolicyListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Company.TimeOff.TimeOffPolicies\"\n      FallbackComponent={FallbackComponent}\n    >\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ companyId, onEvent }: PolicyListProps) {\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n  const queryClient = useQueryClient()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Company.TimeOff.TimeOffPolicies')\n\n  const [deleteSuccessAlert, setDeleteSuccessAlert] = useState<string | null>(null)\n  const [isDeletingPolicyId, setIsDeletingPolicyId] = useState<string | null>(null)\n\n  const { data: policiesData } = useTimeOffPoliciesGetAllSuspense({\n    companyUuid: companyId,\n  })\n  const timeOffPolicies = (policiesData.timeOffPolicies ?? []).filter(\n    policy => policy.isActive && isListedTimeOffPolicyType(policy.policyType),\n  )\n\n  // Holiday pay policy is auxiliary to the main time-off list; never crash the\n  // boundary on its failure. composeErrorHandler below surfaces the error as\n  // an inline alert via BaseLayout when it isn't an expected 204/404.\n  const holidayQuery = useHolidayPayPoliciesGet(\n    { companyUuid: companyId },\n    {\n      throwOnError: () => false,\n    },\n  )\n  const holidayPayPolicy = holidayQuery.data?.holidayPayPolicy\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n  const totalActiveEmployees = employeesData.showEmployees?.length ?? 0\n\n  const deactivatePolicyMutation = useTimeOffPoliciesDeactivateMutation()\n  const deleteHolidayMutation = useHolidayPayPoliciesDeleteMutation()\n\n  const errorHandling = composeErrorHandler([holidayQuery], { submitError, setSubmitError })\n  const isPending = deactivatePolicyMutation.isPending || deleteHolidayMutation.isPending\n\n  const getEnrolledDisplay = (enrolledCount: number) => {\n    if (enrolledCount > 0 && enrolledCount === totalActiveEmployees) {\n      return t('allEmployeesLabel')\n    } else if (enrolledCount > 0) {\n      return t('employeeCount', { count: enrolledCount })\n    }\n    return t('enrolledDash')\n  }\n\n  const policies: PolicyListItem[] = timeOffPolicies\n    .map((policy: TimeOffPolicy) => ({\n      uuid: policy.uuid,\n      name: policy.name,\n      policyType: policy.policyType,\n      isComplete: policy.complete ?? false,\n      enrolledDisplay: getEnrolledDisplay(policy.employees.length),\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name))\n\n  if (holidayPayPolicy) {\n    policies.push({\n      uuid: holidayPayPolicy.companyUuid,\n      name: t('holidayPayPolicy'),\n      policyType: 'holiday',\n      isComplete: true,\n      enrolledDisplay: getEnrolledDisplay(holidayPayPolicy.employees.length),\n      isHoliday: true,\n    })\n  }\n\n  const handleCreatePolicy = () => {\n    onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n  }\n\n  const handleEditPolicy = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleFinishSetup = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleDeletePolicy = async (policy: PolicyListItem): Promise<boolean> => {\n    let success = false\n    setIsDeletingPolicyId(policy.uuid)\n    await baseSubmitHandler({}, async () => {\n      if (policy.isHoliday) {\n        await deleteHolidayMutation.mutateAsync({\n          request: { companyUuid: companyId },\n        })\n        await invalidateAllHolidayPayPoliciesGet(queryClient)\n        setDeleteSuccessAlert(t('flash.holidayDeleted'))\n      } else {\n        try {\n          await deactivatePolicyMutation.mutateAsync({\n            request: { timeOffPolicyUuid: policy.uuid },\n          })\n        } catch (err) {\n          if (err instanceof UnprocessableEntityError) {\n            const hasPendingRequests = err.errors.some(\n              e =>\n                e.message?.toLowerCase().includes('pending') ||\n                e.message?.toLowerCase().includes('approved'),\n            )\n            if (hasPendingRequests) {\n              throw new SDKInternalError(\n                t('errors.pendingRequestsBlockDeletion', { name: policy.name }),\n                'api_error',\n              )\n            }\n            const messages = err.errors.map(e => e.message).filter(Boolean)\n            throw new SDKInternalError(messages.join('. ') || t('errors.deleteFailed'), 'api_error')\n          }\n          throw err\n        }\n        await invalidateAllTimeOffPoliciesGetAll(queryClient)\n        setDeleteSuccessAlert(t('flash.policyDeleted', { name: policy.name }))\n      }\n      onEvent(componentEvents.TIME_OFF_DELETE_POLICY_DONE, { policyId: policy.uuid })\n      success = true\n    })\n    setIsDeletingPolicyId(null)\n    return success\n  }\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <PolicyListPresentation\n        policies={policies}\n        onCreatePolicy={handleCreatePolicy}\n        onEditPolicy={handleEditPolicy}\n        onFinishSetup={handleFinishSetup}\n        onDeletePolicy={handleDeletePolicy}\n        deleteSuccessAlert={deleteSuccessAlert}\n        onDismissDeleteAlert={() => {\n          setDeleteSuccessAlert(null)\n        }}\n        isDeletingPolicyId={isDeletingPolicyId}\n        isPending={isPending}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["PolicyList","FallbackComponent","props","jsx","BaseBoundaries","Root","companyId","onEvent","useI18n","t","useTranslation","queryClient","useQueryClient","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","deleteSuccessAlert","setDeleteSuccessAlert","useState","isDeletingPolicyId","setIsDeletingPolicyId","policiesData","useTimeOffPoliciesGetAllSuspense","timeOffPolicies","policy","isListedTimeOffPolicyType","holidayQuery","useHolidayPayPoliciesGet","holidayPayPolicy","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicyMutation","useTimeOffPoliciesDeactivateMutation","deleteHolidayMutation","useHolidayPayPoliciesDeleteMutation","errorHandling","composeErrorHandler","isPending","getEnrolledDisplay","enrolledCount","policies","a","b","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","success","invalidateAllHolidayPayPoliciesGet","err","UnprocessableEntityError","e","SDKInternalError","messages","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":"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"}
+{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/TimeOff/PolicyList/PolicyList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useTimeOffPoliciesGetAllSuspense,\n  invalidateAllTimeOffPoliciesGetAll,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesGetAll'\nimport { useTimeOffPoliciesDeactivateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesDeactivate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport {\n  useHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesDeleteMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesDelete'\nimport type { TimeOffPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/timeoffpolicy'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { isListedTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for the {@link PolicyList} component.\n *\n * @public\n */\nexport interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays all active time off policies (sick, vacation, and holiday) for a company.\n *\n * Each row shows the policy name and the enrolled-employee count. Incomplete policies surface a\n * finish-setup action. Sick and vacation policies are deactivated via the time-off policies API;\n * the holiday pay policy (if one exists) is merged into the same list and is deleted via the\n * holiday pay policy API. Both flows go through a confirmation dialog and show a success alert.\n *\n * @remarks\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/createPolicy` | The user clicked the create-policy action. | — |\n * | `timeOff/viewPolicy` | The user opened an existing policy or clicked finish-setup on an incomplete one. | `{ policyId: string, policyType: string }` |\n * | `timeOff/deletePolicy/done` | A policy was successfully deleted. | `{ policyId: string }` |\n *\n * @param props - {@link PolicyListProps}\n * @returns The rendered policy list.\n * @public\n */\nexport function PolicyList({ FallbackComponent, ...props }: PolicyListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Company.TimeOff.TimeOffPolicies\"\n      FallbackComponent={FallbackComponent}\n    >\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ companyId, onEvent }: PolicyListProps) {\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n  const queryClient = useQueryClient()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Company.TimeOff.TimeOffPolicies')\n\n  const [deleteSuccessAlert, setDeleteSuccessAlert] = useState<string | null>(null)\n  const [isDeletingPolicyId, setIsDeletingPolicyId] = useState<string | null>(null)\n\n  const { data: policiesData } = useTimeOffPoliciesGetAllSuspense({\n    companyUuid: companyId,\n  })\n  const timeOffPolicies = (policiesData.timeOffPolicies ?? []).filter(\n    policy => policy.isActive && isListedTimeOffPolicyType(policy.policyType),\n  )\n\n  // Holiday pay policy is auxiliary to the main time-off list; never crash the\n  // boundary on its failure. composeErrorHandler below surfaces the error as\n  // an inline alert via BaseLayout when it isn't an expected 204/404.\n  const holidayQuery = useHolidayPayPoliciesGet(\n    { companyUuid: companyId },\n    {\n      throwOnError: () => false,\n    },\n  )\n  const holidayPayPolicy = holidayQuery.data?.holidayPayPolicy\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n  const totalActiveEmployees = employeesData.showEmployees?.length ?? 0\n\n  const deactivatePolicyMutation = useTimeOffPoliciesDeactivateMutation()\n  const deleteHolidayMutation = useHolidayPayPoliciesDeleteMutation()\n\n  const errorHandling = composeErrorHandler([holidayQuery], { submitError, setSubmitError })\n  const isPending = deactivatePolicyMutation.isPending || deleteHolidayMutation.isPending\n\n  const getEnrolledDisplay = (enrolledCount: number) => {\n    if (enrolledCount > 0 && enrolledCount === totalActiveEmployees) {\n      return t('allEmployeesLabel')\n    } else if (enrolledCount > 0) {\n      return t('employeeCount', { count: enrolledCount })\n    }\n    return t('enrolledDash')\n  }\n\n  const policies: PolicyListItem[] = timeOffPolicies\n    .map((policy: TimeOffPolicy) => ({\n      uuid: policy.uuid,\n      name: policy.name,\n      policyType: policy.policyType,\n      isComplete: policy.complete ?? false,\n      enrolledDisplay: getEnrolledDisplay(policy.employees.length),\n    }))\n    .sort((a, b) => a.name.localeCompare(b.name))\n\n  if (holidayPayPolicy) {\n    policies.push({\n      uuid: holidayPayPolicy.companyUuid,\n      name: t('holidayPayPolicy'),\n      policyType: 'holiday',\n      isComplete: true,\n      enrolledDisplay: getEnrolledDisplay(holidayPayPolicy.employees.length),\n      isHoliday: true,\n    })\n  }\n\n  const handleCreatePolicy = () => {\n    onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n  }\n\n  const handleEditPolicy = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleFinishSetup = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleDeletePolicy = async (policy: PolicyListItem): Promise<boolean> => {\n    let success = false\n    setIsDeletingPolicyId(policy.uuid)\n    await baseSubmitHandler({}, async () => {\n      if (policy.isHoliday) {\n        await deleteHolidayMutation.mutateAsync({\n          request: { companyUuid: companyId },\n        })\n        await invalidateAllHolidayPayPoliciesGet(queryClient)\n        setDeleteSuccessAlert(t('flash.holidayDeleted'))\n      } else {\n        try {\n          await deactivatePolicyMutation.mutateAsync({\n            request: { timeOffPolicyUuid: policy.uuid },\n          })\n        } catch (err) {\n          if (err instanceof UnprocessableEntityError) {\n            const hasPendingRequests = err.errors.some(\n              e =>\n                e.message?.toLowerCase().includes('pending') ||\n                e.message?.toLowerCase().includes('approved'),\n            )\n            if (hasPendingRequests) {\n              throw new SDKInternalError(\n                t('errors.pendingRequestsBlockDeletion', { name: policy.name }),\n                'api_error',\n              )\n            }\n            const messages = err.errors.map(e => e.message).filter(Boolean)\n            throw new SDKInternalError(messages.join('. ') || t('errors.deleteFailed'), 'api_error')\n          }\n          throw err\n        }\n        await invalidateAllTimeOffPoliciesGetAll(queryClient)\n        setDeleteSuccessAlert(t('flash.policyDeleted', { name: policy.name }))\n      }\n      onEvent(componentEvents.TIME_OFF_DELETE_POLICY_DONE, { policyId: policy.uuid })\n      success = true\n    })\n    setIsDeletingPolicyId(null)\n    return success\n  }\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <PolicyListPresentation\n        policies={policies}\n        onCreatePolicy={handleCreatePolicy}\n        onEditPolicy={handleEditPolicy}\n        onFinishSetup={handleFinishSetup}\n        onDeletePolicy={handleDeletePolicy}\n        deleteSuccessAlert={deleteSuccessAlert}\n        onDismissDeleteAlert={() => {\n          setDeleteSuccessAlert(null)\n        }}\n        isDeletingPolicyId={isDeletingPolicyId}\n        isPending={isPending}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["PolicyList","FallbackComponent","props","jsx","BaseBoundaries","Root","companyId","onEvent","useI18n","t","useTranslation","queryClient","useQueryClient","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","deleteSuccessAlert","setDeleteSuccessAlert","useState","isDeletingPolicyId","setIsDeletingPolicyId","policiesData","useTimeOffPoliciesGetAllSuspense","timeOffPolicies","policy","isListedTimeOffPolicyType","holidayQuery","useHolidayPayPoliciesGet","holidayPayPolicy","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicyMutation","useTimeOffPoliciesDeactivateMutation","deleteHolidayMutation","useHolidayPayPoliciesDeleteMutation","errorHandling","composeErrorHandler","isPending","getEnrolledDisplay","enrolledCount","policies","a","b","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","success","invalidateAllHolidayPayPoliciesGet","err","UnprocessableEntityError","e","SDKInternalError","messages","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":"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"}

package/dist/components/TimeOff/PolicyList/PolicyListPresentation.d.ts

@@ -1,2 +1,3 @@
 import { PolicyListPresentationProps } from './PolicyListTypes';
+/** @internal */
 export declare function PolicyListPresentation({ policies, onCreatePolicy, onEditPolicy, onFinishSetup, onDeletePolicy, deleteSuccessAlert, onDismissDeleteAlert, isDeletingPolicyId, isPending, }: PolicyListPresentationProps): import("react").JSX.Element;

package/dist/components/TimeOff/PolicyList/PolicyListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/TimeOff/PolicyList/PolicyListPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyListPresentationProps, PolicyListItem } from './PolicyListTypes'\nimport styles from './PolicyListPresentation.module.scss'\nimport {\n  DataView,\n  Flex,\n  EmptyData,\n  ActionsLayout,\n  HamburgerMenu,\n  useDataView,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\n\nexport function PolicyListPresentation({\n  policies,\n  onCreatePolicy,\n  onEditPolicy,\n  onFinishSetup,\n  onDeletePolicy,\n  deleteSuccessAlert,\n  onDismissDeleteAlert,\n  isDeletingPolicyId,\n  isPending,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = async () => {\n    if (deletePolicyDialogState.policy) {\n      await onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => policy.name,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => policy.enrolledDisplay,\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n      const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n      const menuItems = isEditable\n        ? [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n            {\n              label: t('actions.deletePolicy'),\n              onClick: () => {\n                handleOpenDeleteDialog(policy)\n              },\n            },\n          ]\n        : [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n          ]\n\n      return (\n        <div className={styles.actionsCell}>\n          {isEditable && !policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            triggerLabel={t('actions.menuTrigger', { name: policy.name })}\n            menuLabel={t('actions.menuFor', { name: policy.name })}\n            items={menuItems}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Button variant=\"primary\" onClick={onCreatePolicy}>\n          {t('createPolicyCta')}\n        </Button>\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isPrimaryActionLoading={isPending}\n        isDestructive\n        title={\n          deletePolicyDialogState.policy?.isHoliday\n            ? t('deleteHolidayDialog.title')\n            : t('deletePolicyDialog.title', {\n                name: deletePolicyDialogState.policy?.name ?? '',\n              })\n        }\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {deletePolicyDialogState.policy?.isHoliday\n          ? t('deleteHolidayDialog.description')\n          : t('deletePolicyDialog.description', {\n              name: deletePolicyDialogState.policy?.name ?? '',\n            })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","isPending","Button","Heading","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","isDeleting","isEditable","isEditableTimeOffPolicyType","menuItems","jsxs","styles","jsx","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}
+{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/TimeOff/PolicyList/PolicyListPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyListPresentationProps, PolicyListItem } from './PolicyListTypes'\nimport styles from './PolicyListPresentation.module.scss'\nimport {\n  DataView,\n  Flex,\n  EmptyData,\n  ActionsLayout,\n  HamburgerMenu,\n  useDataView,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\n\n/** @internal */\nexport function PolicyListPresentation({\n  policies,\n  onCreatePolicy,\n  onEditPolicy,\n  onFinishSetup,\n  onDeletePolicy,\n  deleteSuccessAlert,\n  onDismissDeleteAlert,\n  isDeletingPolicyId,\n  isPending,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = async () => {\n    if (deletePolicyDialogState.policy) {\n      await onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => policy.name,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => policy.enrolledDisplay,\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n      const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n      const menuItems = isEditable\n        ? [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n            {\n              label: t('actions.deletePolicy'),\n              onClick: () => {\n                handleOpenDeleteDialog(policy)\n              },\n            },\n          ]\n        : [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n          ]\n\n      return (\n        <div className={styles.actionsCell}>\n          {isEditable && !policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            triggerLabel={t('actions.menuTrigger', { name: policy.name })}\n            menuLabel={t('actions.menuFor', { name: policy.name })}\n            items={menuItems}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        <Button variant=\"primary\" onClick={onCreatePolicy}>\n          {t('createPolicyCta')}\n        </Button>\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isPrimaryActionLoading={isPending}\n        isDestructive\n        title={\n          deletePolicyDialogState.policy?.isHoliday\n            ? t('deleteHolidayDialog.title')\n            : t('deletePolicyDialog.title', {\n                name: deletePolicyDialogState.policy?.name ?? '',\n              })\n        }\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {deletePolicyDialogState.policy?.isHoliday\n          ? t('deleteHolidayDialog.description')\n          : t('deletePolicyDialog.description', {\n              name: deletePolicyDialogState.policy?.name ?? '',\n            })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","isPending","Button","Heading","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","isDeleting","isEditable","isEditableTimeOffPolicyType","menuItems","jsxs","styles","jsx","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}

package/dist/components/TimeOff/PolicyList/PolicyListTypes.d.ts

@@ -1,19 +1,36 @@
+/** @internal */
 export interface PolicyListItem {
+    /** Stable identifier for the policy row (time-off policy UUID, or company UUID for the merged holiday entry). */
     uuid: string;
+    /** Display name of the policy. */
     name: string;
+    /** Policy type string from the time-off API (e.g. sick, vacation), or `'holiday'` for the merged holiday entry. */
     policyType: string;
+    /** Whether the policy has finished setup. Incomplete entries show a finish-setup action. */
     isComplete: boolean;
+    /** Pre-formatted enrolled-employees label (e.g. "All employees", "3 employees", or a dash). */
     enrolledDisplay: string;
+    /** True for the merged holiday pay policy entry; controls the delete-confirmation copy. */
     isHoliday?: boolean;
 }
+/** @internal */
 export interface PolicyListPresentationProps {
+    /** The list of policies to render, including the optional merged holiday entry. */
     policies: PolicyListItem[];
+    /** Invoked when the user clicks the create-policy action. */
     onCreatePolicy: () => void;
+    /** Invoked when the user opens an existing policy from the row menu. */
     onEditPolicy: (policy: PolicyListItem) => void;
+    /** Invoked when the user clicks the finish-setup action on an incomplete policy. */
     onFinishSetup: (policy: PolicyListItem) => void;
+    /** Invoked when the user confirms deletion; resolves to true on success so the dialog can close. */
     onDeletePolicy: (policy: PolicyListItem) => Promise<boolean>;
+    /** Optional success message rendered as a dismissible alert after a delete. */
     deleteSuccessAlert?: string | null;
+    /** Invoked when the user dismisses the delete success alert. */
     onDismissDeleteAlert?: () => void;
+    /** UUID of the policy currently being deleted; used to show a per-row loading state. */
     isDeletingPolicyId?: string | null;
+    /** True while any mutation is in flight; drives the dialog confirm button's loading state. */
     isPending?: boolean;
 }

package/dist/components/TimeOff/PolicySettings/PolicySettings.d.ts

@@ -1,6 +1,28 @@
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link PolicySettings}.
+ *
+ * @public
+ */
 export interface PolicySettingsProps extends BaseComponentInterface {
+    /** UUID of the time off policy being configured. */
     policyId: string;
+    /** Whether the form is being used to create a new policy or edit an existing one. Defaults to create. */
     mode?: 'create' | 'edit';
 }
+/**
+ * Configures additional policy limits and rules for a sick or vacation policy. This step is skipped for policies with unlimited accrual.
+ *
+ * @remarks
+ * Fetches the time off policy, derives the accrual method category, and submits updates to the time off policies endpoint. Emits the following events:
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/policySettings/done` | Fired when policy settings are saved | The updated `TimeOffPolicy` |
+ * | `timeOff/policySettings/back` | Fired when the user navigates back | — |
+ *
+ * @param props - {@link PolicySettingsProps}
+ * @returns The rendered policy settings form.
+ * @public
+ */
 export declare function PolicySettings(props: PolicySettingsProps): import("react").JSX.Element;

package/dist/components/TimeOff/PolicySettings/PolicySettings.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicySettings.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettings.tsx"],"sourcesContent":["import { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesUpdate'\nimport type { PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody } from '@gusto/embedded-api-v-2025-11-15/models/operations/putv1timeoffpoliciestimeoffpolicyuuid'\nimport type { TimeOffPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/timeoffpolicy'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { PolicySettingsPresentation } from './PolicySettingsPresentation'\nimport type { PolicySettingsFormData, PolicySettingsAccrualMethod } from './PolicySettingsTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  policyId: string\n  mode?: 'create' | 'edit'\n}\n\nexport function PolicySettings(props: PolicySettingsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst HOURLY_ACCRUAL_METHODS = [\n  'per_hour_worked',\n  'per_hour_worked_no_overtime',\n  'per_hour_paid',\n  'per_hour_paid_no_overtime',\n]\n\nconst ALL_AT_ONCE_ACCRUAL_METHODS = ['per_anniversary_year', 'per_calendar_year']\n\nfunction deriveAccrualMethodCategory(apiAccrualMethod: string): PolicySettingsAccrualMethod {\n  if (HOURLY_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'hours_worked'\n  if (ALL_AT_ONCE_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'fixed_all_at_once'\n  return 'fixed_per_pay_period'\n}\n\nfunction deriveDefaultValues(policy: TimeOffPolicy): Partial<PolicySettingsFormData> {\n  const defaults: Partial<PolicySettingsFormData> = {}\n\n  if (policy.maxAccrualHoursPerYear != null) {\n    defaults.accrualMaximumEnabled = true\n    defaults.accrualMaximum = Number(policy.maxAccrualHoursPerYear)\n  }\n\n  if (policy.maxHours != null) {\n    defaults.balanceMaximumEnabled = true\n    defaults.balanceMaximum = Number(policy.maxHours)\n  }\n\n  if (policy.carryoverLimitHours != null) {\n    defaults.carryOverLimitEnabled = true\n    defaults.carryOverLimit = Number(policy.carryoverLimitHours)\n  }\n\n  if (policy.accrualWaitingPeriodDays != null && policy.accrualWaitingPeriodDays > 0) {\n    defaults.waitingPeriodEnabled = true\n    defaults.waitingPeriod = policy.accrualWaitingPeriodDays\n  }\n\n  if (policy.paidOutOnTermination != null) {\n    defaults.paidOutOnTermination = policy.paidOutOnTermination\n  }\n\n  return defaults\n}\n\nfunction buildUpdateRequestBody(\n  data: PolicySettingsFormData,\n  version: string,\n  accrualCategory: PolicySettingsAccrualMethod,\n): PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody {\n  const isAllAtOnce = accrualCategory === 'fixed_all_at_once'\n\n  return {\n    maxAccrualHoursPerYear:\n      !isAllAtOnce && data.accrualMaximumEnabled && data.accrualMaximum != null\n        ? String(data.accrualMaximum)\n        : null,\n    maxHours:\n      data.balanceMaximumEnabled && data.balanceMaximum != null\n        ? String(data.balanceMaximum)\n        : null,\n    carryoverLimitHours:\n      data.carryOverLimitEnabled && data.carryOverLimit != null\n        ? String(data.carryOverLimit)\n        : null,\n    accrualWaitingPeriodDays:\n      !isAllAtOnce && data.waitingPeriodEnabled && data.waitingPeriod != null\n        ? data.waitingPeriod\n        : null,\n    paidOutOnTermination: data.paidOutOnTermination,\n    version,\n  }\n}\n\nfunction Root({ policyId, mode }: PolicySettingsProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: updateTimeOffPolicy, isPending } = useTimeOffPoliciesUpdateMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const accrualCategory = deriveAccrualMethodCategory(policy.accrualMethod)\n  const version = policy.version ?? ''\n\n  const handleContinue = async (data: PolicySettingsFormData) => {\n    await baseSubmitHandler(data, async () => {\n      try {\n        const { timeOffPolicy } = await updateTimeOffPolicy({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody: buildUpdateRequestBody(data, version, accrualCategory),\n          },\n        })\n\n        void queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api-v-2025-11-15', 'timeOffPolicies', 'get'],\n        })\n        onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_DONE, timeOffPolicy)\n      } catch (err) {\n        if (err instanceof UnprocessableEntityError) {\n          if (err.errors.some(e => e.message === 'LIMIT_VIOLATION_MAX_HOURS')) {\n            throw new SDKInternalError(\n              t('policySettings.errors.balanceExceedsMaximum'),\n              'api_error',\n            )\n          }\n          const uniqueMessages = [...new Set(err.errors.map(e => e.message).filter(Boolean))]\n          throw new SDKInternalError(\n            t('errors.updatePolicySettingsFailed', {\n              details: uniqueMessages.join('. '),\n            }),\n            'api_error',\n          )\n        }\n        throw err\n      }\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_BACK)\n  }\n\n  return (\n    <PolicySettingsPresentation\n      accrualMethod={accrualCategory}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      defaultValues={deriveDefaultValues(policy)}\n      mode={mode}\n      editingPolicyName={mode === 'edit' ? policy.name : undefined}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["PolicySettings","props","jsx","BaseComponent","Root","HOURLY_ACCRUAL_METHODS","ALL_AT_ONCE_ACCRUAL_METHODS","deriveAccrualMethodCategory","apiAccrualMethod","deriveDefaultValues","policy","defaults","buildUpdateRequestBody","data","version","accrualCategory","isAllAtOnce","policyId","mode","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","updateTimeOffPolicy","isPending","useTimeOffPoliciesUpdateMutation","PolicySettingsPresentation","timeOffPolicy","componentEvents","err","UnprocessableEntityError","e","SDKInternalError","uniqueMessages"],"mappings":"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"}
+{"version":3,"file":"PolicySettings.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettings.tsx"],"sourcesContent":["import { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesUpdateMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesUpdate'\nimport type { PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody } from '@gusto/embedded-api-v-2025-11-15/models/operations/putv1timeoffpoliciestimeoffpolicyuuid'\nimport type { TimeOffPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/timeoffpolicy'\nimport { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { PolicySettingsPresentation } from './PolicySettingsPresentation'\nimport type { PolicySettingsFormData, PolicySettingsAccrualMethod } from './PolicySettingsTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link PolicySettings}.\n *\n * @public\n */\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  /** UUID of the time off policy being configured. */\n  policyId: string\n  /** Whether the form is being used to create a new policy or edit an existing one. Defaults to create. */\n  mode?: 'create' | 'edit'\n}\n\n/**\n * Configures additional policy limits and rules for a sick or vacation policy. This step is skipped for policies with unlimited accrual.\n *\n * @remarks\n * Fetches the time off policy, derives the accrual method category, and submits updates to the time off policies endpoint. Emits the following events:\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/policySettings/done` | Fired when policy settings are saved | The updated `TimeOffPolicy` |\n * | `timeOff/policySettings/back` | Fired when the user navigates back | — |\n *\n * @param props - {@link PolicySettingsProps}\n * @returns The rendered policy settings form.\n * @public\n */\nexport function PolicySettings(props: PolicySettingsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst HOURLY_ACCRUAL_METHODS = [\n  'per_hour_worked',\n  'per_hour_worked_no_overtime',\n  'per_hour_paid',\n  'per_hour_paid_no_overtime',\n]\n\nconst ALL_AT_ONCE_ACCRUAL_METHODS = ['per_anniversary_year', 'per_calendar_year']\n\nfunction deriveAccrualMethodCategory(apiAccrualMethod: string): PolicySettingsAccrualMethod {\n  if (HOURLY_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'hours_worked'\n  if (ALL_AT_ONCE_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'fixed_all_at_once'\n  return 'fixed_per_pay_period'\n}\n\nfunction deriveDefaultValues(policy: TimeOffPolicy): Partial<PolicySettingsFormData> {\n  const defaults: Partial<PolicySettingsFormData> = {}\n\n  if (policy.maxAccrualHoursPerYear != null) {\n    defaults.accrualMaximumEnabled = true\n    defaults.accrualMaximum = Number(policy.maxAccrualHoursPerYear)\n  }\n\n  if (policy.maxHours != null) {\n    defaults.balanceMaximumEnabled = true\n    defaults.balanceMaximum = Number(policy.maxHours)\n  }\n\n  if (policy.carryoverLimitHours != null) {\n    defaults.carryOverLimitEnabled = true\n    defaults.carryOverLimit = Number(policy.carryoverLimitHours)\n  }\n\n  if (policy.accrualWaitingPeriodDays != null && policy.accrualWaitingPeriodDays > 0) {\n    defaults.waitingPeriodEnabled = true\n    defaults.waitingPeriod = policy.accrualWaitingPeriodDays\n  }\n\n  if (policy.paidOutOnTermination != null) {\n    defaults.paidOutOnTermination = policy.paidOutOnTermination\n  }\n\n  return defaults\n}\n\nfunction buildUpdateRequestBody(\n  data: PolicySettingsFormData,\n  version: string,\n  accrualCategory: PolicySettingsAccrualMethod,\n): PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody {\n  const isAllAtOnce = accrualCategory === 'fixed_all_at_once'\n\n  return {\n    maxAccrualHoursPerYear:\n      !isAllAtOnce && data.accrualMaximumEnabled && data.accrualMaximum != null\n        ? String(data.accrualMaximum)\n        : null,\n    maxHours:\n      data.balanceMaximumEnabled && data.balanceMaximum != null\n        ? String(data.balanceMaximum)\n        : null,\n    carryoverLimitHours:\n      data.carryOverLimitEnabled && data.carryOverLimit != null\n        ? String(data.carryOverLimit)\n        : null,\n    accrualWaitingPeriodDays:\n      !isAllAtOnce && data.waitingPeriodEnabled && data.waitingPeriod != null\n        ? data.waitingPeriod\n        : null,\n    paidOutOnTermination: data.paidOutOnTermination,\n    version,\n  }\n}\n\nfunction Root({ policyId, mode }: PolicySettingsProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: updateTimeOffPolicy, isPending } = useTimeOffPoliciesUpdateMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const accrualCategory = deriveAccrualMethodCategory(policy.accrualMethod)\n  const version = policy.version ?? ''\n\n  const handleContinue = async (data: PolicySettingsFormData) => {\n    await baseSubmitHandler(data, async () => {\n      try {\n        const { timeOffPolicy } = await updateTimeOffPolicy({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody: buildUpdateRequestBody(data, version, accrualCategory),\n          },\n        })\n\n        void queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api-v-2025-11-15', 'timeOffPolicies', 'get'],\n        })\n        onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_DONE, timeOffPolicy)\n      } catch (err) {\n        if (err instanceof UnprocessableEntityError) {\n          if (err.errors.some(e => e.message === 'LIMIT_VIOLATION_MAX_HOURS')) {\n            throw new SDKInternalError(\n              t('policySettings.errors.balanceExceedsMaximum'),\n              'api_error',\n            )\n          }\n          const uniqueMessages = [...new Set(err.errors.map(e => e.message).filter(Boolean))]\n          throw new SDKInternalError(\n            t('errors.updatePolicySettingsFailed', {\n              details: uniqueMessages.join('. '),\n            }),\n            'api_error',\n          )\n        }\n        throw err\n      }\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_BACK)\n  }\n\n  return (\n    <PolicySettingsPresentation\n      accrualMethod={accrualCategory}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      defaultValues={deriveDefaultValues(policy)}\n      mode={mode}\n      editingPolicyName={mode === 'edit' ? policy.name : undefined}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["PolicySettings","props","jsx","BaseComponent","Root","HOURLY_ACCRUAL_METHODS","ALL_AT_ONCE_ACCRUAL_METHODS","deriveAccrualMethodCategory","apiAccrualMethod","deriveDefaultValues","policy","defaults","buildUpdateRequestBody","data","version","accrualCategory","isAllAtOnce","policyId","mode","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","updateTimeOffPolicy","isPending","useTimeOffPoliciesUpdateMutation","PolicySettingsPresentation","timeOffPolicy","componentEvents","err","UnprocessableEntityError","e","SDKInternalError","uniqueMessages"],"mappings":"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"}

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.d.ts

@@ -1,2 +1,16 @@
 import { PolicySettingsPresentationProps } from './PolicySettingsTypes';
+/**
+ * Presentation-only form for configuring time off policy limits and rules.
+ *
+ * @remarks
+ * Use this component when you need to render the policy settings form without the data-fetching container — provide the `accrualMethod` and handle submission yourself. For the data-connected version, use {@link PolicySettings}.
+ *
+ * The fields shown depend on `accrualMethod`:
+ * - Accrual maximum and waiting period are shown for `'hours_worked'` and `'fixed_per_pay_period'`
+ * - Balance maximum, carry-over limit, and paid-out-on-termination are always shown
+ *
+ * @param props - {@link PolicySettingsPresentationProps}
+ * @returns The rendered policy settings form.
+ * @public
+ */
 export declare function PolicySettingsPresentation({ accrualMethod, onContinue, onBack, defaultValues, mode, editingPolicyName, isPending, }: PolicySettingsPresentationProps): import("react").JSX.Element;

package/dist/components/TimeOff/PolicySettings/PolicySettingsPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst PolicySettingsSchema = z.object({\n  accrualMaximumEnabled: z.boolean(),\n  accrualMaximum: z.number().optional(),\n  balanceMaximumEnabled: z.boolean(),\n  balanceMaximum: z.number().optional(),\n  carryOverLimitEnabled: z.boolean(),\n  carryOverLimit: z.number().optional(),\n  waitingPeriodEnabled: z.boolean(),\n  waitingPeriod: z.number().int().optional(),\n  paidOutOnTermination: z.boolean(),\n})\n\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n  mode,\n  editingPolicyName,\n  isPending = false,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n  const headingId = useId()\n\n  const accrualMaxInputId = useId()\n  const balanceMaxInputId = useId()\n  const carryOverInputId = useId()\n  const waitingPeriodInputId = useId()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    resolver: zodResolver(PolicySettingsSchema),\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n  const isFixedPerPayPeriod = accrualMethod === 'fixed_per_pay_period'\n  const showAccrualMaximum = isHoursWorked || isFixedPerPayPeriod\n  const showWaitingPeriod = isHoursWorked || isFixedPerPayPeriod\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\" id={headingId}>\n              {mode === 'edit' && editingPolicyName\n                ? t('policySettings.editTitle', { name: editingPolicyName })\n                : t('policySettings.createTitle')}\n            </Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {showAccrualMaximum && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={accrualMaxInputId}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                      max={20000}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={accrualMaxInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={balanceMaxInputId}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={balanceMaxInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={carryOverInputId}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={carryOverInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {showWaitingPeriod && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={waitingPeriodInputId}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                      max={20000}\n                      maximumFractionDigits={0}\n                      errorMessage={t('policySettings.errors.waitingPeriodMustBeWholeNumber')}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={waitingPeriodInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\" isLoading={isPending}>\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsSchema","z","PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","mode","editingPolicyName","isPending","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","zodResolver","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","isFixedPerPayPeriod","showAccrualMaximum","showWaitingPeriod","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","SwitchField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst PolicySettingsSchema = z.object({\n  accrualMaximumEnabled: z.boolean(),\n  accrualMaximum: z.number().optional(),\n  balanceMaximumEnabled: z.boolean(),\n  balanceMaximum: z.number().optional(),\n  carryOverLimitEnabled: z.boolean(),\n  carryOverLimit: z.number().optional(),\n  waitingPeriodEnabled: z.boolean(),\n  waitingPeriod: z.number().int().optional(),\n  paidOutOnTermination: z.boolean(),\n})\n\n/**\n * Presentation-only form for configuring time off policy limits and rules.\n *\n * @remarks\n * Use this component when you need to render the policy settings form without the data-fetching container — provide the `accrualMethod` and handle submission yourself. For the data-connected version, use {@link PolicySettings}.\n *\n * The fields shown depend on `accrualMethod`:\n * - Accrual maximum and waiting period are shown for `'hours_worked'` and `'fixed_per_pay_period'`\n * - Balance maximum, carry-over limit, and paid-out-on-termination are always shown\n *\n * @param props - {@link PolicySettingsPresentationProps}\n * @returns The rendered policy settings form.\n * @public\n */\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n  mode,\n  editingPolicyName,\n  isPending = false,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n  const headingId = useId()\n\n  const accrualMaxInputId = useId()\n  const balanceMaxInputId = useId()\n  const carryOverInputId = useId()\n  const waitingPeriodInputId = useId()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    resolver: zodResolver(PolicySettingsSchema),\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n  const isFixedPerPayPeriod = accrualMethod === 'fixed_per_pay_period'\n  const showAccrualMaximum = isHoursWorked || isFixedPerPayPeriod\n  const showWaitingPeriod = isHoursWorked || isFixedPerPayPeriod\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\" id={headingId}>\n              {mode === 'edit' && editingPolicyName\n                ? t('policySettings.editTitle', { name: editingPolicyName })\n                : t('policySettings.createTitle')}\n            </Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {showAccrualMaximum && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={accrualMaxInputId}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                      max={20000}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={accrualMaxInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={balanceMaxInputId}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={balanceMaxInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={styles.settingField}\n                  id={carryOverInputId}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                  max={20000}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                    aria-controls={carryOverInputId}\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {showWaitingPeriod && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={styles.settingField}\n                      id={waitingPeriodInputId}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                      max={20000}\n                      maximumFractionDigits={0}\n                      errorMessage={t('policySettings.errors.waitingPeriodMustBeWholeNumber')}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                        aria-controls={waitingPeriodInputId}\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\" isLoading={isPending}>\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsSchema","z","PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","mode","editingPolicyName","isPending","useI18n","t","useTranslation","Heading","Button","useComponentContext","headingId","useId","accrualMaxInputId","balanceMaxInputId","carryOverInputId","waitingPeriodInputId","formMethods","useForm","zodResolver","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","isFixedPerPayPeriod","showAccrualMaximum","showWaitingPeriod","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","SwitchField","ActionsLayout"],"mappings":"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"}

package/dist/components/TimeOff/PolicySettings/PolicySettingsTypes.d.ts

@@ -1,21 +1,52 @@
+/**
+ * Accrual method category for a time off policy. Determines which settings fields are shown.
+ *
+ * @public
+ */
 export type PolicySettingsAccrualMethod = 'hours_worked' | 'fixed_per_pay_period' | 'fixed_all_at_once';
+/**
+ * Form values captured by the policy settings form.
+ *
+ * @public
+ */
 export interface PolicySettingsFormData {
+    /** Whether an annual accrual cap is enabled. */
     accrualMaximumEnabled: boolean;
+    /** Maximum hours that can accrue per year when {@link PolicySettingsFormData.accrualMaximumEnabled} is true. */
     accrualMaximum?: number;
+    /** Whether a total balance cap is enabled. */
     balanceMaximumEnabled: boolean;
+    /** Maximum hours an employee can hold in their balance at any time when {@link PolicySettingsFormData.balanceMaximumEnabled} is true. */
     balanceMaximum?: number;
+    /** Whether a carry-over limit is enabled. */
     carryOverLimitEnabled: boolean;
+    /** Maximum hours that carry over when the policy resets when {@link PolicySettingsFormData.carryOverLimitEnabled} is true. */
     carryOverLimit?: number;
+    /** Whether a waiting period is enabled. */
     waitingPeriodEnabled: boolean;
+    /** Number of days a new employee must wait before accrual begins when {@link PolicySettingsFormData.waitingPeriodEnabled} is true. */
     waitingPeriod?: number;
+    /** Whether accrued balance is paid out when an employee is terminated. */
     paidOutOnTermination: boolean;
 }
+/**
+ * Props for {@link PolicySettingsPresentation}.
+ *
+ * @public
+ */
 export interface PolicySettingsPresentationProps {
+    /** Accrual method category of the policy. Controls which fields are shown. */
     accrualMethod: PolicySettingsAccrualMethod;
+    /** Called with the form values when the user submits. */
     onContinue: (data: PolicySettingsFormData) => void;
+    /** Called when the user navigates back. */
     onBack: () => void;
+    /** Optional default values to prefill the form. */
     defaultValues?: Partial<PolicySettingsFormData>;
+    /** Whether the form is being used to create a new policy or edit an existing one. Defaults to create. */
     mode?: 'create' | 'edit';
+    /** Name of the policy being edited. Shown in the heading when `mode` is `'edit'`. */
     editingPolicyName?: string;
+    /** Whether a submit is in flight. Disables the back button and shows a loading state on the continue button. */
     isPending?: boolean;
 }

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelector.d.ts

@@ -1,7 +1,30 @@
 import { PolicyType } from './PolicyTypeSelectorTypes';
 import { BaseComponentInterface } from '../../Base';
+/**
+ * Props for {@link PolicyTypeSelector}.
+ *
+ * @public
+ */
 export interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {
+    /** The associated company identifier. */
     companyId: string;
+    /** Pre-selected policy type rendered when the form mounts. */
     defaultPolicyType?: PolicyType;
 }
+/**
+ * Selection screen for choosing which kind of time-off policy to create — sick, vacation, or holiday.
+ *
+ * @remarks
+ * The holiday option is omitted when the company already has a holiday pay policy, since a company
+ * can only have one.
+ *
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `timeOff/policyTypeSelected` | The user confirms a selection | `{ policyType: {@link PolicyType} }` |
+ * | `CANCEL` | The user cancels | — |
+ *
+ * @param props - See {@link PolicyTypeSelectorProps}.
+ * @returns The rendered policy type selection screen.
+ * @public
+ */
 export declare function PolicyTypeSelector(props: PolicyTypeSelectorProps): import("react").JSX.Element;

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyTypeSelector.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelector.tsx"],"sourcesContent":["import { useHolidayPayPoliciesGet } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport { PolicyTypeSelectorPresentation } from './PolicyTypeSelectorPresentation'\nimport type { PolicyType } from './PolicyTypeSelectorTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  companyId: string\n  defaultPolicyType?: PolicyType\n}\n\nexport function PolicyTypeSelector(props: PolicyTypeSelectorProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultPolicyType }: PolicyTypeSelectorProps) {\n  const { onEvent } = useBase()\n\n  const holidayQuery = useHolidayPayPoliciesGet({ companyUuid: companyId })\n  const holidayPolicyExists = Boolean(holidayQuery.data?.holidayPayPolicy)\n\n  const handleContinue = (policyType: PolicyType) => {\n    onEvent(componentEvents.TIME_OFF_POLICY_TYPE_SELECTED, {\n      policyType,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <PolicyTypeSelectorPresentation\n      onContinue={handleContinue}\n      onCancel={handleCancel}\n      defaultPolicyType={defaultPolicyType}\n      holidayPolicyExists={holidayPolicyExists}\n    />\n  )\n}\n"],"names":["PolicyTypeSelector","props","jsx","BaseComponent","Root","companyId","defaultPolicyType","onEvent","useBase","holidayPolicyExists","useHolidayPayPoliciesGet","PolicyTypeSelectorPresentation","policyType","componentEvents"],"mappings":";;;;;;AAYO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,mBAAAC,KAA8C;AACvE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAGdC,IAAsB,EADPC,EAAyB,EAAE,aAAaL,GAAW,EACvB,MAAM;AAYvD,SACE,gBAAAH;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,YAZmB,CAACC,MAA2B;AACjD,QAAAL,EAAQM,EAAgB,+BAA+B;AAAA,UACrD,YAAAD;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MASI,UAPiB,MAAM;AACzB,QAAAL,EAAQM,EAAgB,MAAM;AAAA,MAChC;AAAA,MAMI,mBAAAP;AAAA,MACA,qBAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PolicyTypeSelector.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelector.tsx"],"sourcesContent":["import { useHolidayPayPoliciesGet } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport { PolicyTypeSelectorPresentation } from './PolicyTypeSelectorPresentation'\nimport type { PolicyType } from './PolicyTypeSelectorTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link PolicyTypeSelector}.\n *\n * @public\n */\nexport interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Pre-selected policy type rendered when the form mounts. */\n  defaultPolicyType?: PolicyType\n}\n\n/**\n * Selection screen for choosing which kind of time-off policy to create — sick, vacation, or holiday.\n *\n * @remarks\n * The holiday option is omitted when the company already has a holiday pay policy, since a company\n * can only have one.\n *\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/policyTypeSelected` | The user confirms a selection | `{ policyType: {@link PolicyType} }` |\n * | `CANCEL` | The user cancels | — |\n *\n * @param props - See {@link PolicyTypeSelectorProps}.\n * @returns The rendered policy type selection screen.\n * @public\n */\nexport function PolicyTypeSelector(props: PolicyTypeSelectorProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, defaultPolicyType }: PolicyTypeSelectorProps) {\n  const { onEvent } = useBase()\n\n  const holidayQuery = useHolidayPayPoliciesGet({ companyUuid: companyId })\n  const holidayPolicyExists = Boolean(holidayQuery.data?.holidayPayPolicy)\n\n  const handleContinue = (policyType: PolicyType) => {\n    onEvent(componentEvents.TIME_OFF_POLICY_TYPE_SELECTED, {\n      policyType,\n    })\n  }\n\n  const handleCancel = () => {\n    onEvent(componentEvents.CANCEL)\n  }\n\n  return (\n    <PolicyTypeSelectorPresentation\n      onContinue={handleContinue}\n      onCancel={handleCancel}\n      defaultPolicyType={defaultPolicyType}\n      holidayPolicyExists={holidayPolicyExists}\n    />\n  )\n}\n"],"names":["PolicyTypeSelector","props","jsx","BaseComponent","Root","companyId","defaultPolicyType","onEvent","useBase","holidayPolicyExists","useHolidayPayPoliciesGet","PolicyTypeSelectorPresentation","policyType","componentEvents"],"mappings":";;;;;;AAmCO,SAASA,EAAmBC,GAAgC;AACjE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,mBAAAC,KAA8C;AACvE,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GAGdC,IAAsB,EADPC,EAAyB,EAAE,aAAaL,GAAW,EACvB,MAAM;AAYvD,SACE,gBAAAH;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,YAZmB,CAACC,MAA2B;AACjD,QAAAL,EAAQM,EAAgB,+BAA+B;AAAA,UACrD,YAAAD;AAAA,QAAA,CACD;AAAA,MACH;AAAA,MASI,UAPiB,MAAM;AACzB,QAAAL,EAAQM,EAAgB,MAAM;AAAA,MAChC;AAAA,MAMI,mBAAAP;AAAA,MACA,qBAAAG;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.d.ts

@@ -1,2 +1,3 @@
 import { PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes';
+/** @internal */
 export declare function PolicyTypeSelectorPresentation({ onContinue, onCancel, defaultPolicyType, holidayPolicyExists, }: PolicyTypeSelectorPresentationProps): import("react").JSX.Element;

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyType, PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes'\nimport { Flex, ActionsLayout, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PolicyTypeSelectorFormData {\n  policyType: PolicyType\n}\n\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n  holidayPolicyExists = false,\n}: PolicyTypeSelectorPresentationProps) {\n  useI18n('Company.TimeOff.SelectPolicyType')\n  const { t } = useTranslation('Company.TimeOff.SelectPolicyType')\n  const { Heading, Text, Button } = useComponentContext()\n  const headingId = useId()\n\n  const formMethods = useForm<PolicyTypeSelectorFormData>({\n    defaultValues: {\n      policyType: defaultPolicyType as PolicyType,\n    },\n  })\n\n  const selectedPolicyType = useWatch({ control: formMethods.control, name: 'policyType' })\n\n  const policyTypeOptions = useMemo(() => {\n    const options: Array<{ value: PolicyType; label: string; description: string }> = []\n    if (!holidayPolicyExists) {\n      options.push({\n        value: 'holiday',\n        label: t('holidayLabel'),\n        description: t('holidayHint'),\n      })\n    }\n    options.push(\n      {\n        value: 'vacation',\n        label: t('timeOffLabel'),\n        description: t('timeOffHint'),\n      },\n      {\n        value: 'sick',\n        label: t('sickLeaveLabel'),\n        description: t('sickLeaveHint'),\n      },\n    )\n    return options\n  }, [t, holidayPolicyExists])\n\n  const handleSubmit = (data: PolicyTypeSelectorFormData) => {\n    onContinue(data.policyType)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\" id={headingId}>\n              {t('title')}\n            </Heading>\n            <Text variant=\"supporting\">{t('policyTypeHint')}</Text>\n          </Flex>\n\n          <RadioGroupField<PolicyType>\n            name=\"policyType\"\n            label={t('policyTypeLabel')}\n            options={policyTypeOptions}\n            isRequired\n            errorMessage={t('validations.policyTypeRequired')}\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\" isDisabled={!selectedPolicyType}>\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","holidayPolicyExists","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","headingId","useId","formMethods","useForm","selectedPolicyType","useWatch","policyTypeOptions","useMemo","options","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;AAaO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAwC;AACtC,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAC5BC,IAAYC,EAAA,GAEZC,IAAcC,EAAoC;AAAA,IACtD,eAAe;AAAA,MACb,YAAYZ;AAAA,IAAA;AAAA,EACd,CACD,GAEKa,IAAqBC,EAAS,EAAE,SAASH,EAAY,SAAS,MAAM,cAAc,GAElFI,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA4E,CAAA;AAClF,WAAKhB,KACHgB,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAOd,EAAE,cAAc;AAAA,MACvB,aAAaA,EAAE,aAAa;AAAA,IAAA,CAC7B,GAEHc,EAAQ;AAAA,MACN;AAAA,QACE,OAAO;AAAA,QACP,OAAOd,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,eAAe;AAAA,MAAA;AAAA,IAChC,GAEKc;AAAA,EACT,GAAG,CAACd,GAAGF,CAAmB,CAAC,GAErBiB,IAAe,CAACC,MAAqC;AACzD,IAAArB,EAAWqB,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGT,GAChB,UAAA,gBAAAU,EAACC,GAAA,EAAS,mBAAiBb,GAAW,UAAUE,EAAY,aAAaO,CAAY,GACnF,UAAA,gBAAAK,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAAChB,KAAQ,IAAG,MAAK,IAAII,GAClB,UAAAN,EAAE,OAAO,GACZ;AAAA,wBACCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,IAAA,GAClD;AAAA,IAEA,gBAAAkB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOtB,EAAE,iBAAiB;AAAA,QAC1B,SAASY;AAAA,QACT,YAAU;AAAA,QACV,cAAcZ,EAAE,gCAAgC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGjDuB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACd,KAAO,SAAQ,aAAY,SAASR,GAClC,UAAAI,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAkB,EAACd,GAAA,EAAO,SAAQ,WAAU,MAAK,UAAS,YAAY,CAACM,GAClD,UAAAV,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}
+{"version":3,"file":"PolicyTypeSelectorPresentation.js","sources":["../../../../src/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorPresentation.tsx"],"sourcesContent":["import { useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyType, PolicyTypeSelectorPresentationProps } from './PolicyTypeSelectorTypes'\nimport { Flex, ActionsLayout, RadioGroupField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface PolicyTypeSelectorFormData {\n  policyType: PolicyType\n}\n\n/** @internal */\nexport function PolicyTypeSelectorPresentation({\n  onContinue,\n  onCancel,\n  defaultPolicyType,\n  holidayPolicyExists = false,\n}: PolicyTypeSelectorPresentationProps) {\n  useI18n('Company.TimeOff.SelectPolicyType')\n  const { t } = useTranslation('Company.TimeOff.SelectPolicyType')\n  const { Heading, Text, Button } = useComponentContext()\n  const headingId = useId()\n\n  const formMethods = useForm<PolicyTypeSelectorFormData>({\n    defaultValues: {\n      policyType: defaultPolicyType as PolicyType,\n    },\n  })\n\n  const selectedPolicyType = useWatch({ control: formMethods.control, name: 'policyType' })\n\n  const policyTypeOptions = useMemo(() => {\n    const options: Array<{ value: PolicyType; label: string; description: string }> = []\n    if (!holidayPolicyExists) {\n      options.push({\n        value: 'holiday',\n        label: t('holidayLabel'),\n        description: t('holidayHint'),\n      })\n    }\n    options.push(\n      {\n        value: 'vacation',\n        label: t('timeOffLabel'),\n        description: t('timeOffHint'),\n      },\n      {\n        value: 'sick',\n        label: t('sickLeaveLabel'),\n        description: t('sickLeaveHint'),\n      },\n    )\n    return options\n  }, [t, holidayPolicyExists])\n\n  const handleSubmit = (data: PolicyTypeSelectorFormData) => {\n    onContinue(data.policyType)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={24}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\" id={headingId}>\n              {t('title')}\n            </Heading>\n            <Text variant=\"supporting\">{t('policyTypeHint')}</Text>\n          </Flex>\n\n          <RadioGroupField<PolicyType>\n            name=\"policyType\"\n            label={t('policyTypeLabel')}\n            options={policyTypeOptions}\n            isRequired\n            errorMessage={t('validations.policyTypeRequired')}\n          />\n\n          <ActionsLayout>\n            <Button variant=\"secondary\" onClick={onCancel}>\n              {t('cancelCta')}\n            </Button>\n            <Button variant=\"primary\" type=\"submit\" isDisabled={!selectedPolicyType}>\n              {t('continueCta')}\n            </Button>\n          </ActionsLayout>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyTypeSelectorPresentation","onContinue","onCancel","defaultPolicyType","holidayPolicyExists","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","headingId","useId","formMethods","useForm","selectedPolicyType","useWatch","policyTypeOptions","useMemo","options","handleSubmit","data","FormProvider","jsx","HtmlForm","jsxs","Flex","RadioGroupField","ActionsLayout"],"mappings":";;;;;;;;;;AAcO,SAASA,EAA+B;AAAA,EAC7C,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC,IAAsB;AACxB,GAAwC;AACtC,EAAAC,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAC5BC,IAAYC,EAAA,GAEZC,IAAcC,EAAoC;AAAA,IACtD,eAAe;AAAA,MACb,YAAYZ;AAAA,IAAA;AAAA,EACd,CACD,GAEKa,IAAqBC,EAAS,EAAE,SAASH,EAAY,SAAS,MAAM,cAAc,GAElFI,IAAoBC,EAAQ,MAAM;AACtC,UAAMC,IAA4E,CAAA;AAClF,WAAKhB,KACHgB,EAAQ,KAAK;AAAA,MACX,OAAO;AAAA,MACP,OAAOd,EAAE,cAAc;AAAA,MACvB,aAAaA,EAAE,aAAa;AAAA,IAAA,CAC7B,GAEHc,EAAQ;AAAA,MACN;AAAA,QACE,OAAO;AAAA,QACP,OAAOd,EAAE,cAAc;AAAA,QACvB,aAAaA,EAAE,aAAa;AAAA,MAAA;AAAA,MAE9B;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,gBAAgB;AAAA,QACzB,aAAaA,EAAE,eAAe;AAAA,MAAA;AAAA,IAChC,GAEKc;AAAA,EACT,GAAG,CAACd,GAAGF,CAAmB,CAAC,GAErBiB,IAAe,CAACC,MAAqC;AACzD,IAAArB,EAAWqB,EAAK,UAAU;AAAA,EAC5B;AAEA,2BACGC,GAAA,EAAc,GAAGT,GAChB,UAAA,gBAAAU,EAACC,GAAA,EAAS,mBAAiBb,GAAW,UAAUE,EAAY,aAAaO,CAAY,GACnF,UAAA,gBAAAK,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAAChB,KAAQ,IAAG,MAAK,IAAII,GAClB,UAAAN,EAAE,OAAO,GACZ;AAAA,wBACCG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,gBAAgB,EAAA,CAAE;AAAA,IAAA,GAClD;AAAA,IAEA,gBAAAkB;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOtB,EAAE,iBAAiB;AAAA,QAC1B,SAASY;AAAA,QACT,YAAU;AAAA,QACV,cAAcZ,EAAE,gCAAgC;AAAA,MAAA;AAAA,IAAA;AAAA,sBAGjDuB,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACd,KAAO,SAAQ,aAAY,SAASR,GAClC,UAAAI,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAkB,EAACd,GAAA,EAAO,SAAQ,WAAU,MAAK,UAAS,YAAY,CAACM,GAClD,UAAAV,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

package/dist/components/TimeOff/PolicyTypeSelector/PolicyTypeSelectorTypes.d.ts

@@ -1,7 +1,17 @@
+/**
+ * Identifier for the kind of time-off policy a company can configure.
+ *
+ * @public
+ */
 export type PolicyType = 'sick' | 'vacation' | 'holiday';
+/** @internal */
 export interface PolicyTypeSelectorPresentationProps {
+    /** Called with the chosen policy type when the user confirms the selection. */
     onContinue: (policyType: PolicyType) => void;
+    /** Called when the user cancels the selection. */
     onCancel: () => void;
+    /** Pre-selected policy type rendered when the form mounts. */
     defaultPolicyType?: PolicyType;
+    /** When true, the holiday option is omitted because the company already has a holiday pay policy. */
     holidayPolicyExists?: boolean;
 }