@gusto/embedded-react-sdk 0.48.1 → 0.48.2

package/dist/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\nimport { getDaysInMonth } from '@/helpers/dateFormatting'\n\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n  editingPolicyName,\n  isPending = false,\n  lockedAccrualCategory,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n  const headingId = useId()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control, setValue, getValues } = formMethods\n  const name = useWatch({ control, name: 'name' })\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\n  const isContinueDisabled = !name.trim() || !accrualMethod\n\n  const dayOptions = useMemo(() => {\n    const days = getDaysInMonth(resetMonth ?? 1)\n    return Array.from({ length: days }, (_, i) => ({\n      value: i + 1,\n      label: String(i + 1),\n    }))\n  }, [resetMonth])\n\n  useEffect(() => {\n    const maxDay = getDaysInMonth(resetMonth ?? 1)\n    const currentDay = getValues('resetDay')\n    if (currentDay != null && currentDay > maxDay) {\n      setValue('resetDay', maxDay)\n    }\n  }, [resetMonth, getValues, setValue])\n\n  useEffect(() => {\n    if (accrualMethod === 'unlimited') {\n      return\n    }\n    if (accrualMethod !== 'per_hour_paid') {\n      setValue('accrualRateUnit', undefined)\n      setValue('includeOvertime', undefined)\n      setValue('allPaidHours', undefined)\n    }\n    if (accrualMethod !== 'per_calendar_year') {\n      setValue('accrualMethodFixed', undefined)\n    }\n  }, [accrualMethod, setValue])\n\n  const handleResetDateTypeChange = useCallback(\n    (value: ResetDateType) => {\n      if (value === 'per_anniversary_year') {\n        setValue('resetMonth', 1)\n        setValue('resetDay', 1)\n      }\n    },\n    [setValue],\n  )\n\n  const accrualMethodOptions = useMemo(() => {\n    const allOptions = [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ]\n    if (lockedAccrualCategory === 'unlimited') {\n      return allOptions.filter(option => option.value === 'unlimited')\n    }\n    if (lockedAccrualCategory === 'accrual_based') {\n      return allOptions.filter(option => option.value !== 'unlimited')\n    }\n    return allOptions\n  }, [t, lockedAccrualCategory])\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\" id={headingId}>\n            {editingPolicyName\n              ? t('policyDetails.editTitle', { name: editingPolicyName })\n              : t('policyDetails.createTitle')}\n          </Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField\n              name=\"name\"\n              label={t('policyDetails.policyNameLabel')}\n              isRequired\n              errorMessage={t('policyDetails.validations.policyName')}\n            />\n\n            {accrualMethodOptions.length === 1 ? (\n              <Flex flexDirection=\"column\" gap={4}>\n                <Text weight=\"medium\">{t('policyDetails.accrualMethodLabel')}</Text>\n                <Text>{accrualMethodOptions[0]!.label}</Text>\n              </Flex>\n            ) : (\n              <RadioGroupField<AccrualMethod>\n                name=\"accrualMethod\"\n                label={t('policyDetails.accrualMethodLabel')}\n                description={t('policyDetails.accrualMethodHint')}\n                options={accrualMethodOptions}\n                isRequired\n                errorMessage={t('policyDetails.validations.accrualMethod')}\n              />\n            )}\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRateUnit')}\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualMethodFixed')}\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired={!isHourlyMethod}\n                  errorMessage={t('policyDetails.validations.resetDateType')}\n                  onChange={handleResetDateTypeChange}\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={dayOptions}\n                    />\n                  </Flex>\n                )}\n              </>\n            )}\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n                {t('cancelCta')}\n              </Button>\n              <Button\n                variant=\"primary\"\n                type=\"submit\"\n                isLoading={isPending}\n                isDisabled={isContinueDisabled}\n              >\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","editingPolicyName","isPending","lockedAccrualCategory","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","name","useWatch","accrualMethod","resetDateType","resetMonth","isContinueDisabled","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","handleResetDateTypeChange","useCallback","value","accrualMethodOptions","allOptions","option","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\nimport { getDaysInMonth } from '@/helpers/dateFormatting'\n\n/** @internal */\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n  editingPolicyName,\n  isPending = false,\n  lockedAccrualCategory,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n  const headingId = useId()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control, setValue, getValues } = formMethods\n  const name = useWatch({ control, name: 'name' })\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\n  const isContinueDisabled = !name.trim() || !accrualMethod\n\n  const dayOptions = useMemo(() => {\n    const days = getDaysInMonth(resetMonth ?? 1)\n    return Array.from({ length: days }, (_, i) => ({\n      value: i + 1,\n      label: String(i + 1),\n    }))\n  }, [resetMonth])\n\n  useEffect(() => {\n    const maxDay = getDaysInMonth(resetMonth ?? 1)\n    const currentDay = getValues('resetDay')\n    if (currentDay != null && currentDay > maxDay) {\n      setValue('resetDay', maxDay)\n    }\n  }, [resetMonth, getValues, setValue])\n\n  useEffect(() => {\n    if (accrualMethod === 'unlimited') {\n      return\n    }\n    if (accrualMethod !== 'per_hour_paid') {\n      setValue('accrualRateUnit', undefined)\n      setValue('includeOvertime', undefined)\n      setValue('allPaidHours', undefined)\n    }\n    if (accrualMethod !== 'per_calendar_year') {\n      setValue('accrualMethodFixed', undefined)\n    }\n  }, [accrualMethod, setValue])\n\n  const handleResetDateTypeChange = useCallback(\n    (value: ResetDateType) => {\n      if (value === 'per_anniversary_year') {\n        setValue('resetMonth', 1)\n        setValue('resetDay', 1)\n      }\n    },\n    [setValue],\n  )\n\n  const accrualMethodOptions = useMemo(() => {\n    const allOptions = [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ]\n    if (lockedAccrualCategory === 'unlimited') {\n      return allOptions.filter(option => option.value === 'unlimited')\n    }\n    if (lockedAccrualCategory === 'accrual_based') {\n      return allOptions.filter(option => option.value !== 'unlimited')\n    }\n    return allOptions\n  }, [t, lockedAccrualCategory])\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\" id={headingId}>\n            {editingPolicyName\n              ? t('policyDetails.editTitle', { name: editingPolicyName })\n              : t('policyDetails.createTitle')}\n          </Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField\n              name=\"name\"\n              label={t('policyDetails.policyNameLabel')}\n              isRequired\n              errorMessage={t('policyDetails.validations.policyName')}\n            />\n\n            {accrualMethodOptions.length === 1 ? (\n              <Flex flexDirection=\"column\" gap={4}>\n                <Text weight=\"medium\">{t('policyDetails.accrualMethodLabel')}</Text>\n                <Text>{accrualMethodOptions[0]!.label}</Text>\n              </Flex>\n            ) : (\n              <RadioGroupField<AccrualMethod>\n                name=\"accrualMethod\"\n                label={t('policyDetails.accrualMethodLabel')}\n                description={t('policyDetails.accrualMethodHint')}\n                options={accrualMethodOptions}\n                isRequired\n                errorMessage={t('policyDetails.validations.accrualMethod')}\n              />\n            )}\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRateUnit')}\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualMethodFixed')}\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired={!isHourlyMethod}\n                  errorMessage={t('policyDetails.validations.resetDateType')}\n                  onChange={handleResetDateTypeChange}\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={dayOptions}\n                    />\n                  </Flex>\n                )}\n              </>\n            )}\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n                {t('cancelCta')}\n              </Button>\n              <Button\n                variant=\"primary\"\n                type=\"submit\"\n                isLoading={isPending}\n                isDisabled={isContinueDisabled}\n              >\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","editingPolicyName","isPending","lockedAccrualCategory","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","name","useWatch","accrualMethod","resetDateType","resetMonth","isContinueDisabled","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","handleResetDateTypeChange","useCallback","value","accrualMethodOptions","allOptions","option","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormTypes.d.ts

@@ -1,24 +1,82 @@
+/**
+ * Top-level accrual method selected on the policy configuration form.
+ *
+ * @remarks
+ * `per_hour_paid` covers all hourly accrual variants — the `allPaidHours` and
+ * `includeOvertime` toggles on {@link PolicyConfigurationFormData} narrow it to
+ * a specific API accrual method on submit.
+ *
+ * @public
+ */
 export type AccrualMethod = 'per_hour_paid' | 'per_calendar_year' | 'unlimited';
+/**
+ * Sub-method for fixed (per-calendar-year) accrual — whether hours are granted
+ * at the start of the year or spread evenly across pay periods.
+ *
+ * @public
+ */
 export type AccrualMethodFixed = 'per_pay_period' | 'all_at_once';
+/**
+ * When a policy's balance resets — on each employee's hire anniversary or on
+ * a fixed calendar month/day shared across all employees.
+ *
+ * @public
+ */
 export type ResetDateType = 'per_anniversary_year' | 'per_calendar_year';
+/**
+ * Values collected by {@link PolicyConfigurationForm} for a sick or vacation
+ * time off policy.
+ *
+ * @remarks
+ * Fields beyond `name` and `accrualMethod` are conditionally relevant based on
+ * the selected `accrualMethod`:
+ *
+ * - `unlimited` — no other fields apply.
+ * - `per_hour_paid` — `accrualRate`, `accrualRateUnit`, `includeOvertime`, and
+ *   `allPaidHours` configure the hourly accrual variant.
+ * - `per_calendar_year` — `accrualRate` and `accrualMethodFixed` configure how
+ *   hours are granted; `resetDateType` plus `resetMonth`/`resetDay` configure
+ *   when balances reset.
+ *
+ * @public
+ */
 export interface PolicyConfigurationFormData {
+    /** Display name of the policy. */
     name: string;
+    /** Top-level accrual strategy selected by the user. */
     accrualMethod: AccrualMethod;
+    /** Hours accrued per `accrualRateUnit` (hourly) or per year (fixed). */
     accrualRate?: number;
+    /** Hours worked needed to earn `accrualRate` hours of time off. Hourly only. */
     accrualRateUnit?: number;
+    /** Whether overtime hours count toward accrual. Hourly only. */
     includeOvertime?: boolean;
+    /** Whether all paid hours (not just worked hours) count toward accrual. Hourly only. */
     allPaidHours?: boolean;
+    /** For `per_calendar_year`: grant hours all at once or spread per pay period. */
     accrualMethodFixed?: AccrualMethodFixed;
+    /** Whether balances reset on anniversary or on a fixed calendar date. */
     resetDateType?: ResetDateType;
+    /** Reset month (1–12) when `resetDateType` is `per_calendar_year`. */
     resetMonth?: number;
+    /** Reset day of month when `resetDateType` is `per_calendar_year`. */
     resetDay?: number;
 }
-export type LockedAccrualCategory = 'unlimited' | 'accrual_based';
+/** @internal */
+type LockedAccrualCategory = 'unlimited' | 'accrual_based';
+/** @internal */
 export interface PolicyConfigurationFormPresentationProps {
+    /** Called with form values when the user submits a valid form. */
     onContinue: (data: PolicyConfigurationFormData) => void;
+    /** Called when the user clicks the cancel button. */
     onCancel: () => void;
+    /** Pre-populated values to merge into the form's defaults. */
     defaultValues?: Partial<PolicyConfigurationFormData>;
+    /** When set, renders the edit-title variant with this policy name. */
     editingPolicyName?: string;
+    /** When true, disables actions and shows the submit button in a loading state. */
     isPending?: boolean;
+    /** Restricts the accrual method options when editing a completed policy. */
     lockedAccrualCategory?: LockedAccrualCategory;
 }
+export {};

package/dist/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/index.d.ts

@@ -1,6 +1,3 @@
 import "./types/i18next.d.ts"
 export { PolicyConfigurationForm } from './PolicyConfigurationForm';
 export type { PolicyConfigurationFormProps } from './PolicyConfigurationForm';
-export { PolicyConfigurationFormPresentation } from './PolicyConfigurationFormPresentation';
-export type { PolicyConfigurationFormPresentationProps } from './PolicyConfigurationFormTypes';
-export type { PolicyConfigurationFormData, AccrualMethod, AccrualMethodFixed, ResetDateType, } from './PolicyConfigurationFormTypes';

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.d.ts

@@ -2,5 +2,6 @@ interface SelectEmployeesHolidayProps {
     companyId: string;
     mode?: 'standalone' | 'wizard';
 }
+/** @internal */
 export declare function SelectEmployeesHoliday(props: SelectEmployeesHolidayProps): import("react").JSX.Element;
 export {};

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEmployeesHoliday.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesAddEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesAddEmployees'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/holidaypaypolicy'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { useSelectEmployeesData } from './useSelectEmployeesData'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\ninterface SelectEmployeesHolidayProps {\n  companyId: string\n  mode?: 'standalone' | 'wizard'\n}\n\nexport function SelectEmployeesHoliday(props: SelectEmployeesHolidayProps) {\n  if (props.mode === 'wizard') {\n    return <SelectEmployeesHolidayInner {...props} mode=\"wizard\" />\n  }\n  return <StandaloneLoader {...props} />\n}\n\nfunction StandaloneLoader(props: SelectEmployeesHolidayProps) {\n  const { data: policyResponse } = useHolidayPayPoliciesGetSuspense({\n    companyUuid: props.companyId,\n  })\n  const policy = policyResponse.holidayPayPolicy\n  if (!policy) throw new Error('Unexpected response: missing holidayPayPolicy')\n\n  const existingAssigneeUuids = useMemo(() => {\n    const set = new Set<string>()\n    for (const e of policy.employees) {\n      if (e.uuid) set.add(e.uuid)\n    }\n    return set\n  }, [policy.employees])\n\n  return (\n    <SelectEmployeesHolidayInner\n      {...props}\n      mode=\"standalone\"\n      existingAssigneeUuids={existingAssigneeUuids}\n      version={policy.version}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesHolidayProps {\n  existingAssigneeUuids?: Set<string>\n  version?: string\n}\n\nfunction SelectEmployeesHolidayInner({\n  companyId,\n  mode = 'standalone',\n  existingAssigneeUuids,\n  version,\n}: InnerProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const {\n    filteredEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId, existingAssigneeUuids)\n\n  const { mutateAsync: addEmployees, isPending: isAddPending } =\n    useHolidayPayPoliciesAddEmployeesMutation()\n\n  const handleContinue = useCallback(async () => {\n    const toAdd = [...selectedUuids]\n\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {\n        employeeUuids: toAdd,\n      })\n      return\n    }\n\n    if (toAdd.length === 0) {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    await baseSubmitHandler({}, async () => {\n      const response = await addEmployees({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: version ?? '',\n            employees: toAdd.map(uuid => ({ uuid })),\n          },\n        },\n      })\n      const latestPolicy: HolidayPayPolicy | undefined = response.holidayPayPolicy\n      // Seed the GET cache from the mutation response so that the next mount\n      // of HolidayPolicyDetail reads fresh data immediately. invalidateQueries\n      // alone only refetches *active* subscriptions, but we navigate away\n      // before the refetch can complete.\n      if (latestPolicy) {\n        queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n          queryKeyHolidayPayPoliciesGet(companyId, {}),\n          prev =>\n            prev\n              ? { ...prev, holidayPayPolicy: latestPolicy }\n              : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n        )\n      }\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, latestPolicy)\n    })\n  }, [\n    mode,\n    selectedUuids,\n    baseSubmitHandler,\n    addEmployees,\n    companyId,\n    version,\n    queryClient,\n    onEvent,\n  ])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <SelectEmployeesPresentation\n      employees={filteredEmployees}\n      selectedUuids={selectedUuids}\n      searchValue={searchValue}\n      onSelect={handleSelect}\n      onSelectAll={handleSelectAll}\n      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      isHolidayPolicy\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isAddPending}\n    />\n  )\n}\n"],"names":["SelectEmployeesHoliday","props","jsx","SelectEmployeesHolidayInner","StandaloneLoader","policyResponse","useHolidayPayPoliciesGetSuspense","policy","existingAssigneeUuids","useMemo","set","e","companyId","mode","version","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","addEmployees","isAddPending","useHolidayPayPoliciesAddEmployeesMutation","handleContinue","useCallback","toAdd","componentEvents","latestPolicy","uuid","queryKeyHolidayPayPoliciesGet","prev","invalidateAllHolidayPayPoliciesGet","handleBack","SelectEmployeesPresentation"],"mappings":"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"}
+{"version":3,"file":"SelectEmployeesHoliday.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesAddEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesAddEmployees'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/holidayPayPoliciesGet'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api-v-2025-11-15/models/components/holidaypaypolicy'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { useSelectEmployeesData } from './useSelectEmployeesData'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\ninterface SelectEmployeesHolidayProps {\n  companyId: string\n  mode?: 'standalone' | 'wizard'\n}\n\n/** @internal */\nexport function SelectEmployeesHoliday(props: SelectEmployeesHolidayProps) {\n  if (props.mode === 'wizard') {\n    return <SelectEmployeesHolidayInner {...props} mode=\"wizard\" />\n  }\n  return <StandaloneLoader {...props} />\n}\n\nfunction StandaloneLoader(props: SelectEmployeesHolidayProps) {\n  const { data: policyResponse } = useHolidayPayPoliciesGetSuspense({\n    companyUuid: props.companyId,\n  })\n  const policy = policyResponse.holidayPayPolicy\n  if (!policy) throw new Error('Unexpected response: missing holidayPayPolicy')\n\n  const existingAssigneeUuids = useMemo(() => {\n    const set = new Set<string>()\n    for (const e of policy.employees) {\n      if (e.uuid) set.add(e.uuid)\n    }\n    return set\n  }, [policy.employees])\n\n  return (\n    <SelectEmployeesHolidayInner\n      {...props}\n      mode=\"standalone\"\n      existingAssigneeUuids={existingAssigneeUuids}\n      version={policy.version}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesHolidayProps {\n  existingAssigneeUuids?: Set<string>\n  version?: string\n}\n\nfunction SelectEmployeesHolidayInner({\n  companyId,\n  mode = 'standalone',\n  existingAssigneeUuids,\n  version,\n}: InnerProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const {\n    filteredEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId, existingAssigneeUuids)\n\n  const { mutateAsync: addEmployees, isPending: isAddPending } =\n    useHolidayPayPoliciesAddEmployeesMutation()\n\n  const handleContinue = useCallback(async () => {\n    const toAdd = [...selectedUuids]\n\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {\n        employeeUuids: toAdd,\n      })\n      return\n    }\n\n    if (toAdd.length === 0) {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    await baseSubmitHandler({}, async () => {\n      const response = await addEmployees({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: version ?? '',\n            employees: toAdd.map(uuid => ({ uuid })),\n          },\n        },\n      })\n      const latestPolicy: HolidayPayPolicy | undefined = response.holidayPayPolicy\n      // Seed the GET cache from the mutation response so that the next mount\n      // of HolidayPolicyDetail reads fresh data immediately. invalidateQueries\n      // alone only refetches *active* subscriptions, but we navigate away\n      // before the refetch can complete.\n      if (latestPolicy) {\n        queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n          queryKeyHolidayPayPoliciesGet(companyId, {}),\n          prev =>\n            prev\n              ? { ...prev, holidayPayPolicy: latestPolicy }\n              : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n        )\n      }\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, latestPolicy)\n    })\n  }, [\n    mode,\n    selectedUuids,\n    baseSubmitHandler,\n    addEmployees,\n    companyId,\n    version,\n    queryClient,\n    onEvent,\n  ])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <SelectEmployeesPresentation\n      employees={filteredEmployees}\n      selectedUuids={selectedUuids}\n      searchValue={searchValue}\n      onSelect={handleSelect}\n      onSelectAll={handleSelectAll}\n      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      isHolidayPolicy\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isAddPending}\n    />\n  )\n}\n"],"names":["SelectEmployeesHoliday","props","jsx","SelectEmployeesHolidayInner","StandaloneLoader","policyResponse","useHolidayPayPoliciesGetSuspense","policy","existingAssigneeUuids","useMemo","set","e","companyId","mode","version","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","addEmployees","isAddPending","useHolidayPayPoliciesAddEmployeesMutation","handleContinue","useCallback","toAdd","componentEvents","latestPolicy","uuid","queryKeyHolidayPayPoliciesGet","prev","invalidateAllHolidayPayPoliciesGet","handleBack","SelectEmployeesPresentation"],"mappings":";;;;;;;;;AAqBO,SAASA,EAAuBC,GAAoC;AACzE,SAAIA,EAAM,SAAS,WACV,gBAAAC,EAACC,GAAA,EAA6B,GAAGF,GAAO,MAAK,UAAS,IAExD,gBAAAC,EAACE,GAAA,EAAkB,GAAGH,EAAA,CAAO;AACtC;AAEA,SAASG,EAAiBH,GAAoC;AAC5D,QAAM,EAAE,MAAMI,EAAA,IAAmBC,EAAiC;AAAA,IAChE,aAAaL,EAAM;AAAA,EAAA,CACpB,GACKM,IAASF,EAAe;AAC9B,MAAI,CAACE,EAAQ,OAAM,IAAI,MAAM,+CAA+C;AAE5E,QAAMC,IAAwBC,EAAQ,MAAM;AAC1C,UAAMC,wBAAU,IAAA;AAChB,eAAWC,KAAKJ,EAAO;AACrB,MAAII,EAAE,QAAMD,EAAI,IAAIC,EAAE,IAAI;AAE5B,WAAOD;AAAA,EACT,GAAG,CAACH,EAAO,SAAS,CAAC;AAErB,SACE,gBAAAL;AAAA,IAACC;AAAA,IAAA;AAAA,MACE,GAAGF;AAAA,MACJ,MAAK;AAAA,MACL,uBAAAO;AAAA,MACA,SAASD,EAAO;AAAA,IAAA;AAAA,EAAA;AAGtB;AAOA,SAASJ,EAA4B;AAAA,EACnC,WAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,uBAAAL;AAAA,EACA,SAAAM;AACF,GAAe;AACb,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjCC,IAAcC,EAAA,GACd;AAAA,IACJ,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAuBjB,GAAWJ,CAAqB,GAErD,EAAE,aAAasB,GAAc,WAAWC,EAAA,IAC5CC,EAAA,GAEIC,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAQ,CAAC,GAAGd,CAAa;AAE/B,QAAIR,MAAS,UAAU;AACrB,MAAAE,EAAQqB,EAAgB,qCAAqC;AAAA,QAC3D,eAAeD;AAAA,MAAA,CAChB;AACD;AAAA,IACF;AAEA,QAAIA,EAAM,WAAW,GAAG;AACtB,MAAApB,EAAQqB,EAAgB,mCAAmC;AAC3D;AAAA,IACF;AAEA,UAAMpB,EAAkB,CAAA,GAAI,YAAY;AAUtC,YAAMqB,KATW,MAAMP,EAAa;AAAA,QAClC,SAAS;AAAA,UACP,aAAalB;AAAA,UACb,aAAa;AAAA,YACX,SAASE,KAAW;AAAA,YACpB,WAAWqB,EAAM,IAAI,CAAAG,OAAS,EAAE,MAAAA,IAAO;AAAA,UAAA;AAAA,QACzC;AAAA,MACF,CACD,GAC2D;AAK5D,MAAID,KACFnB,EAAY;AAAA,QACVqB,EAA8B3B,GAAW,EAAE;AAAA,QAC3C,OACE4B,IACI,EAAE,GAAGA,GAAM,kBAAkBH,MAC5B;AAAA,MAAA,GAGX,MAAMI,EAAmCvB,CAAW,GACpDH,EAAQqB,EAAgB,qCAAqCC,CAAY;AAAA,IAC3E,CAAC;AAAA,EACH,GAAG;AAAA,IACDxB;AAAA,IACAQ;AAAA,IACAL;AAAA,IACAc;AAAA,IACAlB;AAAA,IACAE;AAAA,IACAI;AAAA,IACAH;AAAA,EAAA,CACD,GAEK2B,IAAaR,EAAY,MAAM;AACnC,IAAAnB,EAAQqB,EAAgB,MAAM;AAAA,EAChC,GAAG,CAACrB,CAAO,CAAC;AAEZ,SACE,gBAAAb;AAAA,IAACyC;AAAA,IAAA;AAAA,MACC,WAAWvB;AAAA,MACX,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUG;AAAA,MACV,aAAaC;AAAA,MACb,gBAAgBC;AAAA,MAChB,eAAeC;AAAA,MACf,QAAQc;AAAA,MACR,YAAYT;AAAA,MACZ,iBAAe;AAAA,MACf,YAAAV;AAAA,MACA,YAAAC;AAAA,MACA,WAAWO;AAAA,IAAA;AAAA,EAAA;AAGjB;"}

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.d.ts

@@ -1,2 +1,3 @@
 import { SelectEmployeesPresentationProps } from './SelectEmployeesPresentationTypes';
+/** @internal */
 export declare function SelectEmployeesPresentation({ employees, selectedUuids, searchValue, onSelect, onSelectAll, onSearchChange, onSearchClear, onBack, onContinue, isHolidayPolicy, balances, onBalanceChange, pagination, isFetching, isPending, }: SelectEmployeesPresentationProps): import("react").JSX.Element;

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.js

@@ -2,52 +2,53 @@ import { jsxs as r, jsx as t } from "react/jsx-runtime";
 import { useTranslation as $ } from "react-i18next";
 import { useId as j } from "react";
 import { EmployeeTable as v } from "../../shared/EmployeeTable/EmployeeTable.js";
-import A from "./SelectEmployeesPresentation.module.scss.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as L } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as H } from "../../../../i18n/I18n.js";
-const N = (i) => /^\d*\.?\d*$/.test(i);
-function K({
+import L from "./SelectEmployeesPresentation.module.scss.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { EmptyData as A } from "../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as B } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as N } from "../../../../i18n/I18n.js";
+const O = (i) => /^\d*\.?\d*$/.test(i);
+function R({
   employees: i,
-  selectedUuids: f,
+  selectedUuids: p,
   searchValue: o,
-  onSelect: h,
-  onSelectAll: g,
-  onSearchChange: C,
-  onSearchClear: y,
-  onBack: b,
-  onContinue: x,
-  isHolidayPolicy: s = !1,
-  balances: I,
+  onSelect: f,
+  onSelectAll: h,
+  onSearchChange: y,
+  onSearchClear: C,
+  onBack: g,
+  onContinue: b,
+  isHolidayPolicy: l = !1,
+  balances: x,
   onBalanceChange: m,
-  pagination: S,
-  isFetching: T,
-  isPending: c = !1
+  pagination: I,
+  isFetching: S,
+  isPending: s = !1
 }) {
-  H("Company.TimeOff.SelectEmployees");
-  const { t: e } = $("Company.TimeOff.SelectEmployees"), d = B(), { Heading: k, Text: u, Button: p, Alert: D } = d, E = j();
-  return /* @__PURE__ */ r(l, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
-    /* @__PURE__ */ r(l, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ t(k, { as: "h2", children: e("title") }),
-      /* @__PURE__ */ t(u, { variant: "supporting", children: e(s ? "holidayDescription" : "description") })
+  N("Company.TimeOff.SelectEmployees");
+  const { t: e } = $("Company.TimeOff.SelectEmployees"), c = H(), { Heading: T, Text: k, Button: d, Alert: D } = c, E = j();
+  return /* @__PURE__ */ r(u, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
+    /* @__PURE__ */ r(u, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(T, { as: "h2", children: e("title") }),
+      /* @__PURE__ */ t(k, { variant: "supporting", children: e(l ? "holidayDescription" : "description") })
     ] }),
-    !s && /* @__PURE__ */ t(D, { status: "warning", label: e("reassignmentWarning") }),
+    !l && /* @__PURE__ */ t(D, { status: "warning", label: e("reassignmentWarning") }),
     /* @__PURE__ */ t(
       v,
       {
         data: i,
         searchValue: o,
-        onSearchChange: C,
-        onSearchClear: y,
+        onSearchChange: y,
+        onSearchClear: C,
         hideSearch: i.length === 0 && o.length === 0,
         selectionMode: "multiple",
-        onSelect: h,
-        onSelectAll: g,
-        getIsItemSelected: (n) => f.has(n.uuid),
-        isFetching: T,
-        pagination: S,
-        emptyState: () => /* @__PURE__ */ t(l, { flexDirection: "column", alignItems: "center", gap: 8, children: /* @__PURE__ */ t(u, { size: "sm", textAlign: "center", children: e("emptyState") }) }),
+        onSelect: f,
+        onSelectAll: h,
+        getIsItemSelected: (n) => p.has(n.uuid),
+        isFetching: S,
+        pagination: I,
+        emptyState: () => /* @__PURE__ */ t(A, { title: e("emptyState") }),
         additionalColumns: [
           {
             key: "department",
@@ -58,16 +59,16 @@ function K({
               key: "balance",
               title: e("startingBalanceColumn"),
               justify: "end",
-              render: (n) => /* @__PURE__ */ t("div", { className: A.balanceInput, children: /* @__PURE__ */ t(
-                d.TextInput,
+              render: (n) => /* @__PURE__ */ t("div", { className: L.balanceInput, children: /* @__PURE__ */ t(
+                c.TextInput,
                 {
                   name: `balance-${n.uuid}`,
                   label: e("startingBalanceColumn"),
                   shouldVisuallyHideLabel: !0,
                   "aria-labelledby": `employee-name-${n.uuid} ${E}`,
-                  value: I?.[n.uuid] ?? "",
+                  value: x?.[n.uuid] ?? "",
                   onChange: (a) => {
-                    a !== "" && !N(a) || m(n.uuid, a);
+                    a !== "" && !O(a) || m(n.uuid, a);
                   },
                   placeholder: "0"
                 }
@@ -77,13 +78,13 @@ function K({
         ]
       }
     ),
-    /* @__PURE__ */ r(L, { children: [
-      /* @__PURE__ */ t(p, { variant: "secondary", onClick: b, isDisabled: c, children: e("backCta") }),
-      /* @__PURE__ */ t(p, { variant: "primary", onClick: x, isLoading: c, children: e("continueCta") })
+    /* @__PURE__ */ r(B, { children: [
+      /* @__PURE__ */ t(d, { variant: "secondary", onClick: g, isDisabled: s, children: e("backCta") }),
+      /* @__PURE__ */ t(d, { variant: "primary", onClick: b, isLoading: s, children: e("continueCta") })
     ] })
   ] });
 }
 export {
-  K as SelectEmployeesPresentation
+  R as SelectEmployeesPresentation
 };
 //# sourceMappingURL=SelectEmployeesPresentation.js.map

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEmployeesPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useId } from 'react'\nimport { EmployeeTable } from '../../shared/EmployeeTable/EmployeeTable'\nimport type {\n  EmployeeItem,\n  SelectEmployeesPresentationProps,\n} from './SelectEmployeesPresentationTypes'\nimport styles from './SelectEmployeesPresentation.module.scss'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst isNumericInput = (value: string) => /^\\d*\\.?\\d*$/.test(value)\n\nexport function SelectEmployeesPresentation({\n  employees,\n  selectedUuids,\n  searchValue,\n  onSelect,\n  onSelectAll,\n  onSearchChange,\n  onSearchClear,\n  onBack,\n  onContinue,\n  isHolidayPolicy = false,\n  balances,\n  onBalanceChange,\n  pagination,\n  isFetching,\n  isPending = false,\n}: SelectEmployeesPresentationProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const Components = useComponentContext()\n  const { Heading, Text, Button, Alert } = Components\n  const balanceColHeaderId = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">\n          {isHolidayPolicy ? t('holidayDescription') : t('description')}\n        </Text>\n      </Flex>\n\n      {!isHolidayPolicy && <Alert status=\"warning\" label={t('reassignmentWarning')} />}\n\n      <EmployeeTable<EmployeeItem>\n        data={employees}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchClear={onSearchClear}\n        hideSearch={employees.length === 0 && searchValue.length === 0}\n        selectionMode=\"multiple\"\n        onSelect={onSelect}\n        onSelectAll={onSelectAll}\n        getIsItemSelected={item => selectedUuids.has(item.uuid)}\n        isFetching={isFetching}\n        pagination={pagination}\n        emptyState={() => (\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" textAlign=\"center\">\n              {t('emptyState')}\n            </Text>\n          </Flex>\n        )}\n        additionalColumns={[\n          {\n            key: 'department' as keyof EmployeeItem,\n            title: t('departmentColumn'),\n          },\n          ...(onBalanceChange\n            ? [\n                {\n                  key: 'balance' as keyof EmployeeItem,\n                  title: t('startingBalanceColumn'),\n                  justify: 'end' as const,\n                  render: (employee: EmployeeItem) => (\n                    <div className={styles.balanceInput}>\n                      <Components.TextInput\n                        name={`balance-${employee.uuid}`}\n                        label={t('startingBalanceColumn')}\n                        shouldVisuallyHideLabel\n                        aria-labelledby={`employee-name-${employee.uuid} ${balanceColHeaderId}`}\n                        value={balances?.[employee.uuid] ?? ''}\n                        onChange={(value: string) => {\n                          if (value !== '' && !isNumericInput(value)) return\n                          onBalanceChange(employee.uuid, value)\n                        }}\n                        placeholder=\"0\"\n                      />\n                    </div>\n                  ),\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      <ActionsLayout>\n        <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n          {t('backCta')}\n        </Button>\n        <Button variant=\"primary\" onClick={onContinue} isLoading={isPending}>\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["isNumericInput","value","SelectEmployeesPresentation","employees","selectedUuids","searchValue","onSelect","onSelectAll","onSearchChange","onSearchClear","onBack","onContinue","isHolidayPolicy","balances","onBalanceChange","pagination","isFetching","isPending","useI18n","t","useTranslation","Components","useComponentContext","Heading","Text","Button","Alert","balanceColHeaderId","useId","Flex","jsxs","jsx","EmployeeTable","item","employee","styles","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SelectEmployeesPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useId } from 'react'\nimport { EmployeeTable } from '../../shared/EmployeeTable/EmployeeTable'\nimport type {\n  EmployeeItem,\n  SelectEmployeesPresentationProps,\n} from './SelectEmployeesPresentationTypes'\nimport styles from './SelectEmployeesPresentation.module.scss'\nimport { ActionsLayout, Flex, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst isNumericInput = (value: string) => /^\\d*\\.?\\d*$/.test(value)\n\n/** @internal */\nexport function SelectEmployeesPresentation({\n  employees,\n  selectedUuids,\n  searchValue,\n  onSelect,\n  onSelectAll,\n  onSearchChange,\n  onSearchClear,\n  onBack,\n  onContinue,\n  isHolidayPolicy = false,\n  balances,\n  onBalanceChange,\n  pagination,\n  isFetching,\n  isPending = false,\n}: SelectEmployeesPresentationProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const Components = useComponentContext()\n  const { Heading, Text, Button, Alert } = Components\n  const balanceColHeaderId = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">\n          {isHolidayPolicy ? t('holidayDescription') : t('description')}\n        </Text>\n      </Flex>\n\n      {!isHolidayPolicy && <Alert status=\"warning\" label={t('reassignmentWarning')} />}\n\n      <EmployeeTable<EmployeeItem>\n        data={employees}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchClear={onSearchClear}\n        hideSearch={employees.length === 0 && searchValue.length === 0}\n        selectionMode=\"multiple\"\n        onSelect={onSelect}\n        onSelectAll={onSelectAll}\n        getIsItemSelected={item => selectedUuids.has(item.uuid)}\n        isFetching={isFetching}\n        pagination={pagination}\n        emptyState={() => <EmptyData title={t('emptyState')} />}\n        additionalColumns={[\n          {\n            key: 'department' as keyof EmployeeItem,\n            title: t('departmentColumn'),\n          },\n          ...(onBalanceChange\n            ? [\n                {\n                  key: 'balance' as keyof EmployeeItem,\n                  title: t('startingBalanceColumn'),\n                  justify: 'end' as const,\n                  render: (employee: EmployeeItem) => (\n                    <div className={styles.balanceInput}>\n                      <Components.TextInput\n                        name={`balance-${employee.uuid}`}\n                        label={t('startingBalanceColumn')}\n                        shouldVisuallyHideLabel\n                        aria-labelledby={`employee-name-${employee.uuid} ${balanceColHeaderId}`}\n                        value={balances?.[employee.uuid] ?? ''}\n                        onChange={(value: string) => {\n                          if (value !== '' && !isNumericInput(value)) return\n                          onBalanceChange(employee.uuid, value)\n                        }}\n                        placeholder=\"0\"\n                      />\n                    </div>\n                  ),\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      <ActionsLayout>\n        <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n          {t('backCta')}\n        </Button>\n        <Button variant=\"primary\" onClick={onContinue} isLoading={isPending}>\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["isNumericInput","value","SelectEmployeesPresentation","employees","selectedUuids","searchValue","onSelect","onSelectAll","onSearchChange","onSearchClear","onBack","onContinue","isHolidayPolicy","balances","onBalanceChange","pagination","isFetching","isPending","useI18n","t","useTranslation","Components","useComponentContext","Heading","Text","Button","Alert","balanceColHeaderId","useId","Flex","jsxs","jsx","EmployeeTable","item","EmptyData","employee","styles","ActionsLayout"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentationTypes.d.ts

@@ -1,5 +1,6 @@
 import { PaidTimeOff } from '@gusto/embedded-api-v-2025-11-15/models/components/paidtimeoff';
 import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+/** @internal */
 export interface EmployeeItem {
     uuid: string;
     firstName?: string | null;
@@ -9,6 +10,7 @@ export interface EmployeeItem {
     balance?: string | null;
     eligiblePaidTimeOff?: PaidTimeOff[];
 }
+/** @internal */
 export interface SelectEmployeesPresentationProps {
     employees: EmployeeItem[];
     selectedUuids: Set<string>;

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.d.ts

@@ -5,5 +5,6 @@ interface SelectEmployeesTimeOffProps {
     policyType: CreatableTimeOffPolicyType;
     mode?: 'standalone' | 'wizard';
 }
+/** @internal */
 export declare function SelectEmployeesTimeOff(props: SelectEmployeesTimeOffProps): import("react").JSX.Element;
 export {};

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectEmployeesTimeOff.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport { useTimeOffPoliciesAddEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesAddEmployees'\nimport { 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 { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport type { CreatableTimeOffPolicyType } from '../../TimeOffFlow/timeOffPolicyTypes'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { matchesEmployeeSearch, useSelectEmployeesData } from './useSelectEmployeesData'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\ninterface SelectEmployeesTimeOffProps {\n  companyId: string\n  policyId: string\n  policyType: CreatableTimeOffPolicyType\n  mode?: 'standalone' | 'wizard'\n}\n\nconst PAID_TIME_OFF_NAME_BY_POLICY_TYPE: Record<CreatableTimeOffPolicyType, string> = {\n  vacation: 'Vacation Hours',\n  sick: 'Sick Hours',\n}\n\nfunction extractCarryOverBalance(\n  employee: EmployeeItem | undefined,\n  policyType: CreatableTimeOffPolicyType,\n): string | undefined {\n  if (!employee) return undefined\n  const targetName = PAID_TIME_OFF_NAME_BY_POLICY_TYPE[policyType]\n  const matching = employee.eligiblePaidTimeOff?.find(pto => pto.name === targetName)\n  const balance = matching?.accrualBalance\n  return balance && balance.length > 0 ? balance : undefined\n}\n\nfunction deriveCarryOverBalances(\n  employees: EmployeeItem[],\n  policyType: CreatableTimeOffPolicyType,\n): Record<string, string> {\n  const map: Record<string, string> = {}\n  for (const employee of employees) {\n    const balance = extractCarryOverBalance(employee, policyType)\n    if (balance) {\n      map[employee.uuid] = balance\n    }\n  }\n  return map\n}\n\nexport function SelectEmployeesTimeOff(props: SelectEmployeesTimeOffProps) {\n  if (props.mode === 'wizard') {\n    return <SelectEmployeesTimeOffInner {...props} mode=\"wizard\" />\n  }\n  return <StandaloneLoader {...props} />\n}\n\nfunction StandaloneLoader(props: SelectEmployeesTimeOffProps) {\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: props.policyId,\n  })\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const isUnlimited = policy.accrualMethod === 'unlimited'\n\n  const existingAssigneeUuids = useMemo(() => {\n    const set = new Set<string>()\n    for (const e of policy.employees) {\n      if (e.uuid) set.add(e.uuid)\n    }\n    return set\n  }, [policy.employees])\n\n  return (\n    <SelectEmployeesTimeOffInner\n      {...props}\n      mode=\"standalone\"\n      existingAssigneeUuids={existingAssigneeUuids}\n      hideBalances={isUnlimited}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesTimeOffProps {\n  existingAssigneeUuids?: Set<string>\n  hideBalances?: boolean\n}\n\nfunction SelectEmployeesTimeOffInner({\n  companyId,\n  policyId,\n  policyType,\n  mode = 'standalone',\n  existingAssigneeUuids,\n  hideBalances = false,\n}: InnerProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const {\n    filteredEmployees,\n    eligibleEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId, existingAssigneeUuids)\n\n  // Captures the full Employee record at the moment a row is selected so\n  // their record is still available for the reassignment-warning check at\n  // submit time even if the user has since searched/paginated the row out of\n  // view. Without this, `selectedUuids` would point at UUIDs we no longer\n  // have data for.\n  const selectedEmployeesRef = useRef(new Map<string, EmployeeItem>())\n\n  const handleSelectWithCapture = useCallback(\n    (item: EmployeeItem, checked: boolean) => {\n      if (checked) {\n        selectedEmployeesRef.current.set(item.uuid, item)\n      } else {\n        selectedEmployeesRef.current.delete(item.uuid)\n      }\n      handleSelect(item, checked)\n    },\n    [handleSelect],\n  )\n\n  const handleSelectAllWithCapture = useCallback(\n    (checked: boolean) => {\n      // Mirror the hook's scope: full search-filtered list across pages, not\n      // just the visible page slice. Keeps `selectedEmployeesRef` in sync so\n      // off-page selections survive a submit (carry-over balances, etc.).\n      const scope = searchValue\n        ? eligibleEmployees.filter(employee => matchesEmployeeSearch(employee, searchValue))\n        : eligibleEmployees\n      for (const item of scope) {\n        if (checked) {\n          selectedEmployeesRef.current.set(item.uuid, item)\n        } else {\n          selectedEmployeesRef.current.delete(item.uuid)\n        }\n      }\n      handleSelectAll(checked)\n    },\n    [eligibleEmployees, searchValue, handleSelectAll],\n  )\n\n  const carryOverBalances = useMemo(\n    () => deriveCarryOverBalances(eligibleEmployees, policyType),\n    [eligibleEmployees, policyType],\n  )\n\n  const [balances, setBalances] = useState<Record<string, string>>({})\n\n  const effectiveBalances = useMemo<Record<string, string>>(\n    () => ({ ...carryOverBalances, ...balances }),\n    [carryOverBalances, balances],\n  )\n\n  const { mutateAsync: addEmployees, isPending: isAddPending } =\n    useTimeOffPoliciesAddEmployeesMutation()\n  const { mutateAsync: updatePolicy, isPending: isUpdatePending } =\n    useTimeOffPoliciesUpdateMutation()\n  const isSubmitPending = isAddPending || isUpdatePending\n\n  const handleBalanceChange = useCallback((uuid: string, value: string) => {\n    setBalances(prev => ({ ...prev, [uuid]: value }))\n  }, [])\n\n  const buildAddPayload = useCallback(\n    (uuids: string[]) =>\n      uuids.map(uuid => {\n        if (hideBalances) return { uuid, balance: '0' }\n        const userValue = balances[uuid]\n        const carryOver = extractCarryOverBalance(\n          selectedEmployeesRef.current.get(uuid),\n          policyType,\n        )\n        const balance = userValue && userValue.length > 0 ? userValue : (carryOver ?? '0')\n        return { uuid, balance }\n      }),\n    [hideBalances, balances, policyType],\n  )\n\n  const submitAdd = useCallback(\n    async (toAdd: string[]) => {\n      await baseSubmitHandler({}, async () => {\n        let policyResult: unknown\n        if (toAdd.length > 0) {\n          const response = await addEmployees({\n            request: {\n              timeOffPolicyUuid: policyId,\n              requestBody: { employees: buildAddPayload(toAdd) },\n            },\n          })\n          policyResult = response.timeOffPolicy\n        }\n        if (mode === 'wizard' && policyResult) {\n          const version =\n            typeof policyResult === 'object' && 'version' in policyResult\n              ? String((policyResult as { version: unknown }).version)\n              : ''\n          try {\n            await updatePolicy({\n              request: {\n                timeOffPolicyUuid: policyId,\n                requestBody: { complete: true, version },\n              },\n            })\n          } catch (err) {\n            if (err instanceof UnprocessableEntityError) {\n              const apiMessage = err.errors[0]?.message ?? ''\n              throw new SDKInternalError(\n                t('errors.completePolicyFailed', { details: apiMessage }),\n                'api_error',\n              )\n            }\n            throw err\n          }\n        }\n        void queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api-v-2025-11-15', 'timeOffPolicies', 'get'],\n        })\n        onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE, policyResult)\n      })\n    },\n    [\n      mode,\n      baseSubmitHandler,\n      addEmployees,\n      buildAddPayload,\n      updatePolicy,\n      policyId,\n      queryClient,\n      onEvent,\n      t,\n    ],\n  )\n\n  const handleContinue = useCallback(async () => {\n    const toAdd = [...selectedUuids]\n\n    if (toAdd.length === 0 && mode === 'standalone') {\n      onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    await submitAdd(toAdd)\n  }, [mode, selectedUuids, onEvent, submitAdd])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_BACK)\n  }, [onEvent])\n\n  return (\n    <SelectEmployeesPresentation\n      employees={filteredEmployees}\n      selectedUuids={selectedUuids}\n      searchValue={searchValue}\n      onSelect={handleSelectWithCapture}\n      onSelectAll={handleSelectAllWithCapture}\n      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      balances={hideBalances ? undefined : effectiveBalances}\n      onBalanceChange={hideBalances ? undefined : handleBalanceChange}\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isSubmitPending}\n    />\n  )\n}\n"],"names":["PAID_TIME_OFF_NAME_BY_POLICY_TYPE","extractCarryOverBalance","employee","policyType","targetName","balance","pto","deriveCarryOverBalances","employees","map","SelectEmployeesTimeOff","props","jsx","SelectEmployeesTimeOffInner","StandaloneLoader","policyResponse","useTimeOffPoliciesGetSuspense","policy","isUnlimited","existingAssigneeUuids","useMemo","set","e","companyId","policyId","mode","hideBalances","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","eligibleEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","selectedEmployeesRef","useRef","handleSelectWithCapture","useCallback","item","checked","handleSelectAllWithCapture","scope","matchesEmployeeSearch","carryOverBalances","balances","setBalances","useState","effectiveBalances","addEmployees","isAddPending","useTimeOffPoliciesAddEmployeesMutation","updatePolicy","isUpdatePending","useTimeOffPoliciesUpdateMutation","isSubmitPending","handleBalanceChange","uuid","value","prev","buildAddPayload","uuids","userValue","carryOver","submitAdd","toAdd","policyResult","version","err","UnprocessableEntityError","apiMessage","SDKInternalError","componentEvents","handleContinue","handleBack","SelectEmployeesPresentation"],"mappings":"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"}
+{"version":3,"file":"SelectEmployeesTimeOff.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport { useTimeOffPoliciesAddEmployeesMutation } from '@gusto/embedded-api-v-2025-11-15/react-query/timeOffPoliciesAddEmployees'\nimport { 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 { UnprocessableEntityError } from '@gusto/embedded-api-v-2025-11-15/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport type { CreatableTimeOffPolicyType } from '../../TimeOffFlow/timeOffPolicyTypes'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { matchesEmployeeSearch, useSelectEmployeesData } from './useSelectEmployeesData'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\ninterface SelectEmployeesTimeOffProps {\n  companyId: string\n  policyId: string\n  policyType: CreatableTimeOffPolicyType\n  mode?: 'standalone' | 'wizard'\n}\n\nconst PAID_TIME_OFF_NAME_BY_POLICY_TYPE: Record<CreatableTimeOffPolicyType, string> = {\n  vacation: 'Vacation Hours',\n  sick: 'Sick Hours',\n}\n\nfunction extractCarryOverBalance(\n  employee: EmployeeItem | undefined,\n  policyType: CreatableTimeOffPolicyType,\n): string | undefined {\n  if (!employee) return undefined\n  const targetName = PAID_TIME_OFF_NAME_BY_POLICY_TYPE[policyType]\n  const matching = employee.eligiblePaidTimeOff?.find(pto => pto.name === targetName)\n  const balance = matching?.accrualBalance\n  return balance && balance.length > 0 ? balance : undefined\n}\n\nfunction deriveCarryOverBalances(\n  employees: EmployeeItem[],\n  policyType: CreatableTimeOffPolicyType,\n): Record<string, string> {\n  const map: Record<string, string> = {}\n  for (const employee of employees) {\n    const balance = extractCarryOverBalance(employee, policyType)\n    if (balance) {\n      map[employee.uuid] = balance\n    }\n  }\n  return map\n}\n\n/** @internal */\nexport function SelectEmployeesTimeOff(props: SelectEmployeesTimeOffProps) {\n  if (props.mode === 'wizard') {\n    return <SelectEmployeesTimeOffInner {...props} mode=\"wizard\" />\n  }\n  return <StandaloneLoader {...props} />\n}\n\nfunction StandaloneLoader(props: SelectEmployeesTimeOffProps) {\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: props.policyId,\n  })\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const isUnlimited = policy.accrualMethod === 'unlimited'\n\n  const existingAssigneeUuids = useMemo(() => {\n    const set = new Set<string>()\n    for (const e of policy.employees) {\n      if (e.uuid) set.add(e.uuid)\n    }\n    return set\n  }, [policy.employees])\n\n  return (\n    <SelectEmployeesTimeOffInner\n      {...props}\n      mode=\"standalone\"\n      existingAssigneeUuids={existingAssigneeUuids}\n      hideBalances={isUnlimited}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesTimeOffProps {\n  existingAssigneeUuids?: Set<string>\n  hideBalances?: boolean\n}\n\nfunction SelectEmployeesTimeOffInner({\n  companyId,\n  policyId,\n  policyType,\n  mode = 'standalone',\n  existingAssigneeUuids,\n  hideBalances = false,\n}: InnerProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const {\n    filteredEmployees,\n    eligibleEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId, existingAssigneeUuids)\n\n  // Captures the full Employee record at the moment a row is selected so\n  // their record is still available for the reassignment-warning check at\n  // submit time even if the user has since searched/paginated the row out of\n  // view. Without this, `selectedUuids` would point at UUIDs we no longer\n  // have data for.\n  const selectedEmployeesRef = useRef(new Map<string, EmployeeItem>())\n\n  const handleSelectWithCapture = useCallback(\n    (item: EmployeeItem, checked: boolean) => {\n      if (checked) {\n        selectedEmployeesRef.current.set(item.uuid, item)\n      } else {\n        selectedEmployeesRef.current.delete(item.uuid)\n      }\n      handleSelect(item, checked)\n    },\n    [handleSelect],\n  )\n\n  const handleSelectAllWithCapture = useCallback(\n    (checked: boolean) => {\n      // Mirror the hook's scope: full search-filtered list across pages, not\n      // just the visible page slice. Keeps `selectedEmployeesRef` in sync so\n      // off-page selections survive a submit (carry-over balances, etc.).\n      const scope = searchValue\n        ? eligibleEmployees.filter(employee => matchesEmployeeSearch(employee, searchValue))\n        : eligibleEmployees\n      for (const item of scope) {\n        if (checked) {\n          selectedEmployeesRef.current.set(item.uuid, item)\n        } else {\n          selectedEmployeesRef.current.delete(item.uuid)\n        }\n      }\n      handleSelectAll(checked)\n    },\n    [eligibleEmployees, searchValue, handleSelectAll],\n  )\n\n  const carryOverBalances = useMemo(\n    () => deriveCarryOverBalances(eligibleEmployees, policyType),\n    [eligibleEmployees, policyType],\n  )\n\n  const [balances, setBalances] = useState<Record<string, string>>({})\n\n  const effectiveBalances = useMemo<Record<string, string>>(\n    () => ({ ...carryOverBalances, ...balances }),\n    [carryOverBalances, balances],\n  )\n\n  const { mutateAsync: addEmployees, isPending: isAddPending } =\n    useTimeOffPoliciesAddEmployeesMutation()\n  const { mutateAsync: updatePolicy, isPending: isUpdatePending } =\n    useTimeOffPoliciesUpdateMutation()\n  const isSubmitPending = isAddPending || isUpdatePending\n\n  const handleBalanceChange = useCallback((uuid: string, value: string) => {\n    setBalances(prev => ({ ...prev, [uuid]: value }))\n  }, [])\n\n  const buildAddPayload = useCallback(\n    (uuids: string[]) =>\n      uuids.map(uuid => {\n        if (hideBalances) return { uuid, balance: '0' }\n        const userValue = balances[uuid]\n        const carryOver = extractCarryOverBalance(\n          selectedEmployeesRef.current.get(uuid),\n          policyType,\n        )\n        const balance = userValue && userValue.length > 0 ? userValue : (carryOver ?? '0')\n        return { uuid, balance }\n      }),\n    [hideBalances, balances, policyType],\n  )\n\n  const submitAdd = useCallback(\n    async (toAdd: string[]) => {\n      await baseSubmitHandler({}, async () => {\n        let policyResult: unknown\n        if (toAdd.length > 0) {\n          const response = await addEmployees({\n            request: {\n              timeOffPolicyUuid: policyId,\n              requestBody: { employees: buildAddPayload(toAdd) },\n            },\n          })\n          policyResult = response.timeOffPolicy\n        }\n        if (mode === 'wizard' && policyResult) {\n          const version =\n            typeof policyResult === 'object' && 'version' in policyResult\n              ? String((policyResult as { version: unknown }).version)\n              : ''\n          try {\n            await updatePolicy({\n              request: {\n                timeOffPolicyUuid: policyId,\n                requestBody: { complete: true, version },\n              },\n            })\n          } catch (err) {\n            if (err instanceof UnprocessableEntityError) {\n              const apiMessage = err.errors[0]?.message ?? ''\n              throw new SDKInternalError(\n                t('errors.completePolicyFailed', { details: apiMessage }),\n                'api_error',\n              )\n            }\n            throw err\n          }\n        }\n        void queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api-v-2025-11-15', 'timeOffPolicies', 'get'],\n        })\n        onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE, policyResult)\n      })\n    },\n    [\n      mode,\n      baseSubmitHandler,\n      addEmployees,\n      buildAddPayload,\n      updatePolicy,\n      policyId,\n      queryClient,\n      onEvent,\n      t,\n    ],\n  )\n\n  const handleContinue = useCallback(async () => {\n    const toAdd = [...selectedUuids]\n\n    if (toAdd.length === 0 && mode === 'standalone') {\n      onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    await submitAdd(toAdd)\n  }, [mode, selectedUuids, onEvent, submitAdd])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_BACK)\n  }, [onEvent])\n\n  return (\n    <SelectEmployeesPresentation\n      employees={filteredEmployees}\n      selectedUuids={selectedUuids}\n      searchValue={searchValue}\n      onSelect={handleSelectWithCapture}\n      onSelectAll={handleSelectAllWithCapture}\n      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      balances={hideBalances ? undefined : effectiveBalances}\n      onBalanceChange={hideBalances ? undefined : handleBalanceChange}\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isSubmitPending}\n    />\n  )\n}\n"],"names":["PAID_TIME_OFF_NAME_BY_POLICY_TYPE","extractCarryOverBalance","employee","policyType","targetName","balance","pto","deriveCarryOverBalances","employees","map","SelectEmployeesTimeOff","props","jsx","SelectEmployeesTimeOffInner","StandaloneLoader","policyResponse","useTimeOffPoliciesGetSuspense","policy","isUnlimited","existingAssigneeUuids","useMemo","set","e","companyId","policyId","mode","hideBalances","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","eligibleEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","selectedEmployeesRef","useRef","handleSelectWithCapture","useCallback","item","checked","handleSelectAllWithCapture","scope","matchesEmployeeSearch","carryOverBalances","balances","setBalances","useState","effectiveBalances","addEmployees","isAddPending","useTimeOffPoliciesAddEmployeesMutation","updatePolicy","isUpdatePending","useTimeOffPoliciesUpdateMutation","isSubmitPending","handleBalanceChange","uuid","value","prev","buildAddPayload","uuids","userValue","carryOver","submitAdd","toAdd","policyResult","version","err","UnprocessableEntityError","apiMessage","SDKInternalError","componentEvents","handleContinue","handleBack","SelectEmployeesPresentation"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.d.ts

@@ -1,6 +1,9 @@
 import { EmployeeItem } from './SelectEmployeesPresentationTypes';
+/** @internal */
 export declare function isStartedByToday(hireDate: string | undefined): boolean;
+/** @internal */
 export declare function matchesEmployeeSearch(employee: EmployeeItem, query: string): boolean;
+/** @internal */
 export declare function useSelectEmployeesData(companyId: string, excludeUuids?: Set<string>): {
     filteredEmployees: EmployeeItem[];
     eligibleEmployees: EmployeeItem[];

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectEmployeesData.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildEmployeesListQuery,\n  useEmployeesListSuspense,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2025-11-15/react-query/_context'\nimport { useSuspenseQueries } from '@tanstack/react-query'\nimport { Include } from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidemployees'\nimport type { PaidTimeOff } from '@gusto/embedded-api-v-2025-11-15/models/components/paidtimeoff'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n// Employees whose primary job's hire_date is in the future are rejected by\n// `POST /time_off_policies/:uuid/add_employees` as \"ineligible\" with no\n// per-uuid reason in the response. We can detect this from the employees\n// list response, so we drop them client-side to prevent the error.\nexport function isStartedByToday(hireDate: string | undefined): boolean {\n  if (!hireDate) return false\n  const today = new Date().toISOString().slice(0, 10)\n  return hireDate <= today\n}\n\n// Single source of truth for the search predicate so the client-pagination\n// hook and the select-all handler agree on what's \"in scope\" for a query.\nexport function matchesEmployeeSearch(employee: EmployeeItem, query: string): boolean {\n  return `${employee.firstName ?? ''} ${employee.lastName ?? ''} ${employee.department ?? ''}`\n    .toLowerCase()\n    .includes(query.toLowerCase())\n}\n\nexport function useSelectEmployeesData(companyId: string, excludeUuids?: Set<string>) {\n  const gustoClient = useGustoEmbeddedContext()\n  const [selectedUuids, setSelectedUuids] = useState<Set<string>>(() => new Set())\n\n  // Fetch the full employees list up front so filter, search, and pagination\n  // can all be applied client-side. include: all_compensations is required to\n  // populate eligiblePaidTimeOff, which carries each employee's current\n  // balance on their existing time-off policies — used to pre-fill carry-over\n  // balances for selection.\n  const { data: firstPage, isFetching: isFirstPageFetching } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n    include: [Include.AllCompensations],\n  })\n\n  const totalServerPages = Number(firstPage.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // For each additional server page we fire a suspense query in parallel.\n  // No explicit concurrency cap: typical embedded customers are <100\n  // employees (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this flow ever needs to support thousands of employees,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useSuspenseQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) =>\n      buildEmployeesListQuery(gustoClient, {\n        companyId,\n        terminated: false,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n        include: [Include.AllCompensations],\n      }),\n    ),\n  })\n\n  const eligibleEmployees = useMemo<EmployeeItem[]>(() => {\n    const showEmployees = [\n      ...(firstPage.showEmployees ?? []),\n      ...restPageResults.flatMap(r => r.data.showEmployees ?? []),\n    ]\n    return showEmployees\n      .filter(e => isStartedByToday((e.jobs?.find(job => job.primary) ?? e.jobs?.[0])?.hireDate))\n      .filter(e => !excludeUuids?.has(e.uuid))\n      .map(e => ({\n        uuid: e.uuid,\n        firstName: e.firstName,\n        lastName: e.lastName,\n        jobTitle: e.jobs?.find(job => job.primary)?.title ?? e.jobs?.[0]?.title ?? null,\n        department: e.department ?? null,\n        eligiblePaidTimeOff: e.eligiblePaidTimeOff as PaidTimeOff[] | undefined,\n      }))\n  }, [firstPage.showEmployees, restPageResults, excludeUuids])\n\n  const {\n    data: filteredEmployees,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleEmployees, {\n    searchPredicate: matchesEmployeeSearch,\n    defaultItemsPerPage: 25,\n  })\n\n  const isRestFetching = restPageResults.some(r => r.isFetching)\n  const isFetching = isFirstPageFetching || isRestFetching\n\n  const handleSelect = useCallback((item: EmployeeItem, checked: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(item.uuid)\n      else next.delete(item.uuid)\n      return next\n    })\n  }, [])\n\n  // Select-all scopes to the full search-filtered list (every page), not just\n  // the rendered page slice that DataView passes in. This matches the user\n  // expectation that \"select all\" actually means \"all\" — including any\n  // employees the current pagination has scrolled off-screen. The second\n  // argument from DataView (the visible page slice) is intentionally ignored.\n  const handleSelectAll = useCallback(\n    (checked: boolean, _visibleItems?: EmployeeItem[]) => {\n      const scope = searchValue\n        ? eligibleEmployees.filter(employee => matchesEmployeeSearch(employee, searchValue))\n        : eligibleEmployees\n      setSelectedUuids(prev => {\n        const next = new Set(prev)\n        for (const item of scope) {\n          if (checked) next.add(item.uuid)\n          else next.delete(item.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleEmployees, searchValue],\n  )\n\n  return {\n    filteredEmployees,\n    eligibleEmployees,\n    eligibleCount: eligibleEmployees.length,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange: paginationActions.onSearchChange,\n    handleSearchClear: paginationActions.onSearchClear,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isStartedByToday","hireDate","today","matchesEmployeeSearch","employee","query","useSelectEmployeesData","companyId","excludeUuids","gustoClient","useGustoEmbeddedContext","selectedUuids","setSelectedUuids","useState","firstPage","isFirstPageFetching","useEmployeesListSuspense","Include","totalServerPages","restPageResults","useSuspenseQueries","_","i","buildEmployeesListQuery","eligibleEmployees","useMemo","r","job","filteredEmployees","pagination","searchValue","paginationActions","useClientPagination","isRestFetching","isFetching","handleSelect","useCallback","item","checked","prev","next","handleSelectAll","_visibleItems","scope"],"mappings":"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"}
+{"version":3,"file":"useSelectEmployeesData.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildEmployeesListQuery,\n  useEmployeesListSuspense,\n} from '@gusto/embedded-api-v-2025-11-15/react-query/employeesList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api-v-2025-11-15/react-query/_context'\nimport { useSuspenseQueries } from '@tanstack/react-query'\nimport { Include } from '@gusto/embedded-api-v-2025-11-15/models/operations/getv1companiescompanyidemployees'\nimport type { PaidTimeOff } from '@gusto/embedded-api-v-2025-11-15/models/components/paidtimeoff'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n// Employees whose primary job's hire_date is in the future are rejected by\n// `POST /time_off_policies/:uuid/add_employees` as \"ineligible\" with no\n// per-uuid reason in the response. We can detect this from the employees\n// list response, so we drop them client-side to prevent the error.\n/** @internal */\nexport function isStartedByToday(hireDate: string | undefined): boolean {\n  if (!hireDate) return false\n  const today = new Date().toISOString().slice(0, 10)\n  return hireDate <= today\n}\n\n// Single source of truth for the search predicate so the client-pagination\n// hook and the select-all handler agree on what's \"in scope\" for a query.\n/** @internal */\nexport function matchesEmployeeSearch(employee: EmployeeItem, query: string): boolean {\n  return `${employee.firstName ?? ''} ${employee.lastName ?? ''} ${employee.department ?? ''}`\n    .toLowerCase()\n    .includes(query.toLowerCase())\n}\n\n/** @internal */\nexport function useSelectEmployeesData(companyId: string, excludeUuids?: Set<string>) {\n  const gustoClient = useGustoEmbeddedContext()\n  const [selectedUuids, setSelectedUuids] = useState<Set<string>>(() => new Set())\n\n  // Fetch the full employees list up front so filter, search, and pagination\n  // can all be applied client-side. include: all_compensations is required to\n  // populate eligiblePaidTimeOff, which carries each employee's current\n  // balance on their existing time-off policies — used to pre-fill carry-over\n  // balances for selection.\n  const { data: firstPage, isFetching: isFirstPageFetching } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n    include: [Include.AllCompensations],\n  })\n\n  const totalServerPages = Number(firstPage.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // For each additional server page we fire a suspense query in parallel.\n  // No explicit concurrency cap: typical embedded customers are <100\n  // employees (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this flow ever needs to support thousands of employees,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useSuspenseQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) =>\n      buildEmployeesListQuery(gustoClient, {\n        companyId,\n        terminated: false,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n        include: [Include.AllCompensations],\n      }),\n    ),\n  })\n\n  const eligibleEmployees = useMemo<EmployeeItem[]>(() => {\n    const showEmployees = [\n      ...(firstPage.showEmployees ?? []),\n      ...restPageResults.flatMap(r => r.data.showEmployees ?? []),\n    ]\n    return showEmployees\n      .filter(e => isStartedByToday((e.jobs?.find(job => job.primary) ?? e.jobs?.[0])?.hireDate))\n      .filter(e => !excludeUuids?.has(e.uuid))\n      .map(e => ({\n        uuid: e.uuid,\n        firstName: e.firstName,\n        lastName: e.lastName,\n        jobTitle: e.jobs?.find(job => job.primary)?.title ?? e.jobs?.[0]?.title ?? null,\n        department: e.department ?? null,\n        eligiblePaidTimeOff: e.eligiblePaidTimeOff as PaidTimeOff[] | undefined,\n      }))\n  }, [firstPage.showEmployees, restPageResults, excludeUuids])\n\n  const {\n    data: filteredEmployees,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleEmployees, {\n    searchPredicate: matchesEmployeeSearch,\n    defaultItemsPerPage: 25,\n  })\n\n  const isRestFetching = restPageResults.some(r => r.isFetching)\n  const isFetching = isFirstPageFetching || isRestFetching\n\n  const handleSelect = useCallback((item: EmployeeItem, checked: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(item.uuid)\n      else next.delete(item.uuid)\n      return next\n    })\n  }, [])\n\n  // Select-all scopes to the full search-filtered list (every page), not just\n  // the rendered page slice that DataView passes in. This matches the user\n  // expectation that \"select all\" actually means \"all\" — including any\n  // employees the current pagination has scrolled off-screen. The second\n  // argument from DataView (the visible page slice) is intentionally ignored.\n  const handleSelectAll = useCallback(\n    (checked: boolean, _visibleItems?: EmployeeItem[]) => {\n      const scope = searchValue\n        ? eligibleEmployees.filter(employee => matchesEmployeeSearch(employee, searchValue))\n        : eligibleEmployees\n      setSelectedUuids(prev => {\n        const next = new Set(prev)\n        for (const item of scope) {\n          if (checked) next.add(item.uuid)\n          else next.delete(item.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleEmployees, searchValue],\n  )\n\n  return {\n    filteredEmployees,\n    eligibleEmployees,\n    eligibleCount: eligibleEmployees.length,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange: paginationActions.onSearchChange,\n    handleSearchClear: paginationActions.onSearchClear,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isStartedByToday","hireDate","today","matchesEmployeeSearch","employee","query","useSelectEmployeesData","companyId","excludeUuids","gustoClient","useGustoEmbeddedContext","selectedUuids","setSelectedUuids","useState","firstPage","isFirstPageFetching","useEmployeesListSuspense","Include","totalServerPages","restPageResults","useSuspenseQueries","_","i","buildEmployeesListQuery","eligibleEmployees","useMemo","r","job","filteredEmployees","pagination","searchValue","paginationActions","useClientPagination","isRestFetching","isFetching","handleSelect","useCallback","item","checked","prev","next","handleSelectAll","_visibleItems","scope"],"mappings":";;;;;;AAYA,MAAMA,IAAsB;AAOrB,SAASC,EAAiBC,GAAuC;AACtE,MAAI,CAACA,EAAU,QAAO;AACtB,QAAMC,yBAAY,KAAA,GAAO,cAAc,MAAM,GAAG,EAAE;AAClD,SAAOD,KAAYC;AACrB;AAKO,SAASC,EAAsBC,GAAwBC,GAAwB;AACpF,SAAO,GAAGD,EAAS,aAAa,EAAE,IAAIA,EAAS,YAAY,EAAE,IAAIA,EAAS,cAAc,EAAE,GACvF,YAAA,EACA,SAASC,EAAM,aAAa;AACjC;AAGO,SAASC,EAAuBC,GAAmBC,GAA4B;AACpF,QAAMC,IAAcC,EAAA,GACd,CAACC,GAAeC,CAAgB,IAAIC,EAAsB,MAAM,oBAAI,KAAK,GAOzE,EAAE,MAAMC,GAAW,YAAYC,EAAA,IAAwBC,EAAyB;AAAA,IACpF,WAAAT;AAAA,IACA,YAAY;AAAA,IACZ,MAAM;AAAA,IACN,KAAKR;AAAA,IACL,SAAS,CAACkB,EAAQ,gBAAgB;AAAA,EAAA,CACnC,GAEKC,IAAmB,OAAOJ,EAAU,SAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC,GASvFK,IAAkBC,EAAmB;AAAA,IACzC,SAAS,MAAM;AAAA,MAAK,EAAE,QAAQ,KAAK,IAAI,GAAGF,IAAmB,CAAC,EAAA;AAAA,MAAK,CAACG,GAAGC,MACrEC,EAAwBd,GAAa;AAAA,QACnC,WAAAF;AAAA,QACA,YAAY;AAAA,QACZ,MAAMe,IAAI;AAAA,QACV,KAAKvB;AAAA,QACL,SAAS,CAACkB,EAAQ,gBAAgB;AAAA,MAAA,CACnC;AAAA,IAAA;AAAA,EACH,CACD,GAEKO,IAAoBC,EAAwB,MAC1B;AAAA,IACpB,GAAIX,EAAU,iBAAiB,CAAA;AAAA,IAC/B,GAAGK,EAAgB,QAAQ,CAAAO,MAAKA,EAAE,KAAK,iBAAiB,CAAA,CAAE;AAAA,EAAA,EAGzD,OAAO,CAAA,MAAK1B,GAAkB,EAAE,MAAM,KAAK,CAAA2B,MAAOA,EAAI,OAAO,KAAK,EAAE,OAAO,CAAC,IAAI,QAAQ,CAAC,EACzF,OAAO,CAAA,MAAK,CAACnB,GAAc,IAAI,EAAE,IAAI,CAAC,EACtC,IAAI,CAAA,OAAM;AAAA,IACT,MAAM,EAAE;AAAA,IACR,WAAW,EAAE;AAAA,IACb,UAAU,EAAE;AAAA,IACZ,UAAU,EAAE,MAAM,KAAK,CAAAmB,MAAOA,EAAI,OAAO,GAAG,SAAS,EAAE,OAAO,CAAC,GAAG,SAAS;AAAA,IAC3E,YAAY,EAAE,cAAc;AAAA,IAC5B,qBAAqB,EAAE;AAAA,EAAA,EACvB,GACH,CAACb,EAAU,eAAeK,GAAiBX,CAAY,CAAC,GAErD;AAAA,IACJ,MAAMoB;AAAA,IACN,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,SAASC;AAAA,EAAA,IACPC,EAAoBR,GAAmB;AAAA,IACzC,iBAAiBrB;AAAA,IACjB,qBAAqB;AAAA,EAAA,CACtB,GAEK8B,IAAiBd,EAAgB,KAAK,CAAAO,MAAKA,EAAE,UAAU,GACvDQ,IAAanB,KAAuBkB,GAEpCE,IAAeC,EAAY,CAACC,GAAoBC,MAAqB;AACzE,IAAA1B,EAAiB,CAAA2B,MAAQ;AACvB,YAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,aAAID,IAASE,EAAK,IAAIH,EAAK,IAAI,IAC1BG,EAAK,OAAOH,EAAK,IAAI,GACnBG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAOCC,IAAkBL;AAAA,IACtB,CAACE,GAAkBI,MAAmC;AACpD,YAAMC,IAAQb,IACVN,EAAkB,OAAO,OAAYrB,EAAsBC,GAAU0B,CAAW,CAAC,IACjFN;AACJ,MAAAZ,EAAiB,CAAA2B,MAAQ;AACvB,cAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,mBAAWF,KAAQM;AACjB,UAAIL,IAASE,EAAK,IAAIH,EAAK,IAAI,IAC1BG,EAAK,OAAOH,EAAK,IAAI;AAE5B,eAAOG;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAChB,GAAmBM,CAAW;AAAA,EAAA;AAGjC,SAAO;AAAA,IACL,mBAAAF;AAAA,IACA,mBAAAJ;AAAA,IACA,eAAeA,EAAkB;AAAA,IACjC,eAAAb;AAAA,IACA,aAAAmB;AAAA,IACA,YAAAD;AAAA,IACA,YAAAK;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAM;AAAA,IACA,oBAAoBV,EAAkB;AAAA,IACtC,mBAAmBA,EAAkB;AAAA,EAAA;AAEzC;"}

package/dist/components/TimeOff/TimeOffPolicyDetail/EditEmployeeBalanceModal.d.ts

@@ -1,11 +1,20 @@
 import { SDKError } from '../../../types/sdkError';
+/** @internal */
 export interface EditEmployeeBalanceModalProps {
+    /** Whether the modal is open. */
     isOpen: boolean;
+    /** Called when the modal requests to close. */
     onClose: () => void;
+    /** Display name of the employee whose balance is being edited. */
     employeeName: string;
+    /** Current balance in hours. */
     currentBalance: number;
+    /** Called with the new balance when the user confirms the change. */
     onConfirm: (newBalance: number) => void;
+    /** Whether the confirmation is in flight. */
     isPending: boolean;
+    /** Error to display in the modal, if any. */
     error?: SDKError | null;
 }
+/** @internal */
 export declare function EditEmployeeBalanceModal({ isOpen, onClose, employeeName, currentBalance, onConfirm, isPending, error, }: EditEmployeeBalanceModalProps): import("react").JSX.Element;