@gusto/embedded-react-sdk 0.46.0 → 0.46.3

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}: 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 !== '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    if (accrualMethod !== 'per_hour_paid' && accrualMethod !== 'per_calendar_year') {\n      setValue('resetDateType', undefined)\n      setValue('resetMonth', 1)\n      setValue('resetDay', 1)\n      setValue('accrualRate', 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    () => [\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    [t],\n  )\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            <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            {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","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","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\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

@@ -13,10 +13,12 @@ export interface PolicyConfigurationFormData {
     resetMonth?: number;
     resetDay?: number;
 }
+export type LockedAccrualCategory = 'unlimited' | 'accrual_based';
 export interface PolicyConfigurationFormPresentationProps {
     onContinue: (data: PolicyConfigurationFormData) => void;
     onCancel: () => void;
     defaultValues?: Partial<PolicyConfigurationFormData>;
     editingPolicyName?: string;
     isPending?: boolean;
+    lockedAccrualCategory?: LockedAccrualCategory;
 }

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

@@ -1,145 +1,111 @@
-import { jsx as P } from "react/jsx-runtime";
-import { useState as k, useCallback as u, useMemo as g } from "react";
-import { useQueryClient as x } from "@tanstack/react-query";
-import { useHolidayPayPoliciesAddEmployeesMutation as z } from "@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees";
-import { useHolidayPayPoliciesRemoveEmployeesMutation as G } from "@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees";
-import { queryKeyHolidayPayPoliciesGet as T, invalidateAllHolidayPayPoliciesGet as Q, useHolidayPayPoliciesGetSuspense as V } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { SelectEmployeesPresentation as j } from "./SelectEmployeesPresentation.js";
-import { useSelectEmployeesData as K } from "./useSelectEmployeesData.js";
-import { useBase as W } from "../../../Base/useBase.js";
-import { componentEvents as f } from "../../../../shared/constants.js";
-function ae(n) {
-  return n.mode === "wizard" ? /* @__PURE__ */ P(D, { ...n, mode: "wizard" }) : /* @__PURE__ */ P(J, { ...n });
+import { jsx as r } from "react/jsx-runtime";
+import { useCallback as p, useMemo as w } from "react";
+import { useQueryClient as L } from "@tanstack/react-query";
+import { useHolidayPayPoliciesAddEmployeesMutation as M } from "@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees";
+import { queryKeyHolidayPayPoliciesGet as F, invalidateAllHolidayPayPoliciesGet as U, useHolidayPayPoliciesGetSuspense as Y } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { SelectEmployeesPresentation as v } from "./SelectEmployeesPresentation.js";
+import { useSelectEmployeesData as I } from "./useSelectEmployeesData.js";
+import { useBase as q } from "../../../Base/useBase.js";
+import { componentEvents as l } from "../../../../shared/constants.js";
+function R(e) {
+  return e.mode === "wizard" ? /* @__PURE__ */ r(E, { ...e, mode: "wizard" }) : /* @__PURE__ */ r(x, { ...e });
 }
-function J(n) {
-  const { data: c } = V({
-    companyUuid: n.companyId
-  }), e = c.holidayPayPolicy;
-  if (!e) throw new Error("Unexpected response: missing holidayPayPolicy");
-  const m = g(() => {
-    const i = /* @__PURE__ */ new Set();
-    for (const y of e.employees)
-      y.uuid && i.add(y.uuid);
-    return i;
-  }, [e.employees]);
-  return /* @__PURE__ */ P(
-    D,
+function x(e) {
+  const { data: t } = Y({
+    companyUuid: e.companyId
+  }), n = t.holidayPayPolicy;
+  if (!n) throw new Error("Unexpected response: missing holidayPayPolicy");
+  const a = w(() => {
+    const o = /* @__PURE__ */ new Set();
+    for (const i of n.employees)
+      i.uuid && o.add(i.uuid);
+    return o;
+  }, [n.employees]);
+  return /* @__PURE__ */ r(
+    E,
     {
-      ...n,
+      ...e,
       mode: "standalone",
-      originalUuids: m,
-      version: e.version
+      existingAssigneeUuids: a,
+      version: n.version
     }
   );
 }
-function D({
-  companyId: n,
-  mode: c = "standalone",
-  originalUuids: e,
-  version: m
+function E({
+  companyId: e,
+  mode: t = "standalone",
+  existingAssigneeUuids: n,
+  version: a
 }) {
-  const { onEvent: i, baseSubmitHandler: y } = W(), p = x(), {
-    filteredEmployees: O,
-    selectedUuids: s,
-    searchValue: w,
-    pagination: A,
-    isFetching: _,
-    handleSelect: H,
-    handleSelectAll: M,
-    handleSearchChange: L,
-    handleSearchClear: R
-  } = K(n, e), { mutateAsync: S, isPending: F } = z(), { mutateAsync: v, isPending: C } = G(), q = F || C, [Y, h] = k(!1), d = u(
-    async (t, a) => {
-      await y({}, async () => {
-        let l = m ?? "", o;
-        if (a.length > 0) {
-          const r = await v({
-            request: {
-              companyUuid: n,
-              requestBody: {
-                version: l,
-                employees: a.map((E) => ({ uuid: E }))
-              }
-            }
-          });
-          r.holidayPayPolicy?.version && (l = r.holidayPayPolicy.version), o = r.holidayPayPolicy;
-        }
-        t.length > 0 && (o = (await S({
-          request: {
-            companyUuid: n,
-            requestBody: {
-              version: l,
-              employees: t.map((E) => ({ uuid: E }))
-            }
-          }
-        })).holidayPayPolicy), o && p.setQueryData(
-          T(n, {}),
-          (r) => r ? { ...r, holidayPayPolicy: o } : void 0
-        ), await Q(p), i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, o);
-      });
-    },
-    [y, v, S, n, m, p, i]
-  ), b = u(async () => {
-    if (c === "wizard") {
-      i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {
-        employeeUuids: [...s]
+  const { onEvent: o, baseSubmitHandler: i } = q(), c = L(), {
+    filteredEmployees: P,
+    selectedUuids: d,
+    searchValue: f,
+    pagination: h,
+    isFetching: S,
+    handleSelect: A,
+    handleSelectAll: _,
+    handleSearchChange: D,
+    handleSearchClear: O
+  } = I(e, n), { mutateAsync: m, isPending: g } = M(), C = p(async () => {
+    const y = [...d];
+    if (t === "wizard") {
+      o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {
+        employeeUuids: y
       });
       return;
     }
-    const t = e ?? /* @__PURE__ */ new Set(), a = [...s].filter((o) => !t.has(o)), l = [...t].filter((o) => !s.has(o));
-    if (a.length === 0 && l.length === 0) {
-      i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE);
+    if (y.length === 0) {
+      o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE);
       return;
     }
-    if (l.length > 0) {
-      h(!0);
-      return;
-    }
-    await d(a, l);
-  }, [c, e, s, i, d]), B = u(async () => {
-    const t = e ?? /* @__PURE__ */ new Set(), a = [...s].filter((o) => !t.has(o)), l = [...t].filter((o) => !s.has(o));
-    h(!1), await d(a, l);
-  }, [e, s, d]), I = g(() => {
-    if (!e) return 0;
-    let t = 0;
-    for (const a of e) s.has(a) || (t += 1);
-    return t;
-  }, [e, s]), N = u(() => {
-    i(f.CANCEL);
-  }, [i]);
-  return /* @__PURE__ */ P(
-    j,
+    await i({}, async () => {
+      const u = (await m({
+        request: {
+          companyUuid: e,
+          requestBody: {
+            version: a ?? "",
+            employees: y.map((s) => ({ uuid: s }))
+          }
+        }
+      })).holidayPayPolicy;
+      u && c.setQueryData(
+        F(e, {}),
+        (s) => s ? { ...s, holidayPayPolicy: u } : void 0
+      ), await U(c), o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, u);
+    });
+  }, [
+    t,
+    d,
+    i,
+    m,
+    e,
+    a,
+    c,
+    o
+  ]), H = p(() => {
+    o(l.CANCEL);
+  }, [o]);
+  return /* @__PURE__ */ r(
+    v,
     {
-      employees: O,
-      selectedUuids: s,
-      searchValue: w,
-      onSelect: H,
-      onSelectAll: M,
-      onSearchChange: L,
-      onSearchClear: R,
-      onBack: N,
-      onContinue: b,
-      showReassignmentWarning: !1,
+      employees: P,
+      selectedUuids: d,
+      searchValue: f,
+      onSelect: A,
+      onSelectAll: _,
+      onSearchChange: D,
+      onSearchClear: O,
+      onBack: H,
+      onContinue: C,
       isHolidayPolicy: !0,
-      pagination: A,
-      isFetching: _,
-      isPending: q,
-      originallyOnPolicyUuids: e,
-      removeConfirmDialog: c === "standalone" ? {
-        isOpen: Y,
-        count: I,
-        onConfirm: () => {
-          B();
-        },
-        onClose: () => {
-          h(!1);
-        },
-        isPending: C
-      } : void 0
+      pagination: h,
+      isFetching: S,
+      isPending: g
     }
   );
 }
 export {
-  ae as SelectEmployeesHoliday
+  R as SelectEmployeesHoliday
 };
 //# sourceMappingURL=SelectEmployeesHoliday.js.map

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, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesAddEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees'\nimport { useHolidayPayPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/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 originalUuids = 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      originalUuids={originalUuids}\n      version={policy.version}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesHolidayProps {\n  originalUuids?: Set<string>\n  version?: string\n}\n\nfunction SelectEmployeesHolidayInner({\n  companyId,\n  mode = 'standalone',\n  originalUuids,\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, originalUuids)\n\n  const { mutateAsync: addEmployees, isPending: isAddPending } =\n    useHolidayPayPoliciesAddEmployeesMutation()\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useHolidayPayPoliciesRemoveEmployeesMutation()\n  const isSubmitPending = isAddPending || isRemovePending\n\n  const [confirmRemoveOpen, setConfirmRemoveOpen] = useState(false)\n\n  const submitDiff = useCallback(\n    async (toAdd: string[], toRemove: string[]) => {\n      await baseSubmitHandler({}, async () => {\n        let currentVersion = version ?? ''\n        let latestPolicy: HolidayPayPolicy | undefined\n        if (toRemove.length > 0) {\n          const response = await removeEmployees({\n            request: {\n              companyUuid: companyId,\n              requestBody: {\n                version: currentVersion,\n                employees: toRemove.map(uuid => ({ uuid })),\n              },\n            },\n          })\n          if (response.holidayPayPolicy?.version) {\n            currentVersion = response.holidayPayPolicy.version\n          }\n          latestPolicy = response.holidayPayPolicy\n        }\n        if (toAdd.length > 0) {\n          const response = await addEmployees({\n            request: {\n              companyUuid: companyId,\n              requestBody: {\n                version: currentVersion,\n                employees: toAdd.map(uuid => ({ uuid })),\n              },\n            },\n          })\n          latestPolicy = response.holidayPayPolicy\n        }\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    [baseSubmitHandler, removeEmployees, addEmployees, companyId, version, queryClient, onEvent],\n  )\n\n  const handleContinue = useCallback(async () => {\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {\n        employeeUuids: [...selectedUuids],\n      })\n      return\n    }\n\n    const original = originalUuids ?? new Set<string>()\n    const toAdd = [...selectedUuids].filter(uuid => !original.has(uuid))\n    const toRemove = [...original].filter(uuid => !selectedUuids.has(uuid))\n\n    if (toAdd.length === 0 && toRemove.length === 0) {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    if (toRemove.length > 0) {\n      setConfirmRemoveOpen(true)\n      return\n    }\n\n    await submitDiff(toAdd, toRemove)\n  }, [mode, originalUuids, selectedUuids, onEvent, submitDiff])\n\n  const handleConfirmRemove = useCallback(async () => {\n    const original = originalUuids ?? new Set<string>()\n    const toAdd = [...selectedUuids].filter(uuid => !original.has(uuid))\n    const toRemove = [...original].filter(uuid => !selectedUuids.has(uuid))\n    setConfirmRemoveOpen(false)\n    await submitDiff(toAdd, toRemove)\n  }, [originalUuids, selectedUuids, submitDiff])\n\n  const removeCount = useMemo(() => {\n    if (!originalUuids) return 0\n    let count = 0\n    for (const uuid of originalUuids) if (!selectedUuids.has(uuid)) count += 1\n    return count\n  }, [originalUuids, selectedUuids])\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      showReassignmentWarning={false}\n      isHolidayPolicy\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isSubmitPending}\n      originallyOnPolicyUuids={originalUuids}\n      removeConfirmDialog={\n        mode === 'standalone'\n          ? {\n              isOpen: confirmRemoveOpen,\n              count: removeCount,\n              onConfirm: () => {\n                void handleConfirmRemove()\n              },\n              onClose: () => {\n                setConfirmRemoveOpen(false)\n              },\n              isPending: isRemovePending,\n            }\n          : undefined\n      }\n    />\n  )\n}\n"],"names":["SelectEmployeesHoliday","props","jsx","SelectEmployeesHolidayInner","StandaloneLoader","policyResponse","useHolidayPayPoliciesGetSuspense","policy","originalUuids","useMemo","set","e","companyId","mode","version","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","addEmployees","isAddPending","useHolidayPayPoliciesAddEmployeesMutation","removeEmployees","isRemovePending","useHolidayPayPoliciesRemoveEmployeesMutation","isSubmitPending","confirmRemoveOpen","setConfirmRemoveOpen","useState","submitDiff","useCallback","toAdd","toRemove","currentVersion","latestPolicy","response","uuid","queryKeyHolidayPayPoliciesGet","prev","invalidateAllHolidayPayPoliciesGet","componentEvents","handleContinue","original","handleConfirmRemove","removeCount","count","handleBack","SelectEmployeesPresentation"],"mappings":";;;;;;;;;;AAqBO,SAASA,GAAuBC,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,IAAgBC,EAAQ,MAAM;AAClC,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,eAAAO;AAAA,MACA,SAASD,EAAO;AAAA,IAAA;AAAA,EAAA;AAGtB;AAOA,SAASJ,EAA4B;AAAA,EACnC,WAAAS;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,eAAAL;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,CAAa,GAE7C,EAAE,aAAasB,GAAc,WAAWC,EAAA,IAC5CC,EAAA,GACI,EAAE,aAAaC,GAAiB,WAAWC,EAAA,IAC/CC,EAAA,GACIC,IAAkBL,KAAgBG,GAElC,CAACG,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAaC;AAAA,IACjB,OAAOC,GAAiBC,MAAuB;AAC7C,YAAM3B,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAI4B,IAAiB9B,KAAW,IAC5B+B;AACJ,YAAIF,EAAS,SAAS,GAAG;AACvB,gBAAMG,IAAW,MAAMb,EAAgB;AAAA,YACrC,SAAS;AAAA,cACP,aAAarB;AAAA,cACb,aAAa;AAAA,gBACX,SAASgC;AAAA,gBACT,WAAWD,EAAS,IAAI,CAAAI,OAAS,EAAE,MAAAA,IAAO;AAAA,cAAA;AAAA,YAC5C;AAAA,UACF,CACD;AACD,UAAID,EAAS,kBAAkB,YAC7BF,IAAiBE,EAAS,iBAAiB,UAE7CD,IAAeC,EAAS;AAAA,QAC1B;AACA,QAAIJ,EAAM,SAAS,MAUjBG,KATiB,MAAMf,EAAa;AAAA,UAClC,SAAS;AAAA,YACP,aAAalB;AAAA,YACb,aAAa;AAAA,cACX,SAASgC;AAAA,cACT,WAAWF,EAAM,IAAI,CAAAK,OAAS,EAAE,MAAAA,IAAO;AAAA,YAAA;AAAA,UACzC;AAAA,QACF,CACD,GACuB,mBAMtBF,KACF3B,EAAY;AAAA,UACV8B,EAA8BpC,GAAW,EAAE;AAAA,UAC3C,OACEqC,IACI,EAAE,GAAGA,GAAM,kBAAkBJ,MAC5B;AAAA,QAAA,GAGX,MAAMK,EAAmChC,CAAW,GACpDH,EAAQoC,EAAgB,qCAAqCN,CAAY;AAAA,MAC3E,CAAC;AAAA,IACH;AAAA,IACA,CAAC7B,GAAmBiB,GAAiBH,GAAclB,GAAWE,GAASI,GAAaH,CAAO;AAAA,EAAA,GAGvFqC,IAAiBX,EAAY,YAAY;AAC7C,QAAI5B,MAAS,UAAU;AACrB,MAAAE,EAAQoC,EAAgB,qCAAqC;AAAA,QAC3D,eAAe,CAAC,GAAG9B,CAAa;AAAA,MAAA,CACjC;AACD;AAAA,IACF;AAEA,UAAMgC,IAAW7C,KAAiB,oBAAI,IAAA,GAChCkC,IAAQ,CAAC,GAAGrB,CAAa,EAAE,OAAO,CAAA0B,MAAQ,CAACM,EAAS,IAAIN,CAAI,CAAC,GAC7DJ,IAAW,CAAC,GAAGU,CAAQ,EAAE,OAAO,CAAAN,MAAQ,CAAC1B,EAAc,IAAI0B,CAAI,CAAC;AAEtE,QAAIL,EAAM,WAAW,KAAKC,EAAS,WAAW,GAAG;AAC/C,MAAA5B,EAAQoC,EAAgB,mCAAmC;AAC3D;AAAA,IACF;AAEA,QAAIR,EAAS,SAAS,GAAG;AACvB,MAAAL,EAAqB,EAAI;AACzB;AAAA,IACF;AAEA,UAAME,EAAWE,GAAOC,CAAQ;AAAA,EAClC,GAAG,CAAC9B,GAAML,GAAea,GAAeN,GAASyB,CAAU,CAAC,GAEtDc,IAAsBb,EAAY,YAAY;AAClD,UAAMY,IAAW7C,KAAiB,oBAAI,IAAA,GAChCkC,IAAQ,CAAC,GAAGrB,CAAa,EAAE,OAAO,CAAA0B,MAAQ,CAACM,EAAS,IAAIN,CAAI,CAAC,GAC7DJ,IAAW,CAAC,GAAGU,CAAQ,EAAE,OAAO,CAAAN,MAAQ,CAAC1B,EAAc,IAAI0B,CAAI,CAAC;AACtE,IAAAT,EAAqB,EAAK,GAC1B,MAAME,EAAWE,GAAOC,CAAQ;AAAA,EAClC,GAAG,CAACnC,GAAea,GAAemB,CAAU,CAAC,GAEvCe,IAAc9C,EAAQ,MAAM;AAChC,QAAI,CAACD,EAAe,QAAO;AAC3B,QAAIgD,IAAQ;AACZ,eAAWT,KAAQvC,EAAe,CAAKa,EAAc,IAAI0B,CAAI,MAAGS,KAAS;AACzE,WAAOA;AAAA,EACT,GAAG,CAAChD,GAAea,CAAa,CAAC,GAE3BoC,IAAahB,EAAY,MAAM;AACnC,IAAA1B,EAAQoC,EAAgB,MAAM;AAAA,EAChC,GAAG,CAACpC,CAAO,CAAC;AAEZ,SACE,gBAAAb;AAAA,IAACwD;AAAA,IAAA;AAAA,MACC,WAAWtC;AAAA,MACX,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUG;AAAA,MACV,aAAaC;AAAA,MACb,gBAAgBC;AAAA,MAChB,eAAeC;AAAA,MACf,QAAQ6B;AAAA,MACR,YAAYL;AAAA,MACZ,yBAAyB;AAAA,MACzB,iBAAe;AAAA,MACf,YAAA7B;AAAA,MACA,YAAAC;AAAA,MACA,WAAWY;AAAA,MACX,yBAAyB5B;AAAA,MACzB,qBACEK,MAAS,eACL;AAAA,QACE,QAAQwB;AAAA,QACR,OAAOkB;AAAA,QACP,WAAW,MAAM;AACf,UAAKD,EAAA;AAAA,QACP;AAAA,QACA,SAAS,MAAM;AACb,UAAAhB,EAAqB,EAAK;AAAA,QAC5B;AAAA,QACA,WAAWJ;AAAA,MAAA,IAEb;AAAA,IAAA;AAAA,EAAA;AAIZ;"}
+{"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/react-query/holidayPayPoliciesAddEmployees'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/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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"}

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

@@ -1,2 +1,2 @@
 import { SelectEmployeesPresentationProps } from './SelectEmployeesPresentationTypes';
-export declare function SelectEmployeesPresentation({ employees, selectedUuids, searchValue, onSelect, onSelectAll, onSearchChange, onSearchClear, onBack, onContinue, showReassignmentWarning, isHolidayPolicy, policyTypeLabel, balances, onBalanceChange, pagination, isFetching, originallyOnPolicyUuids, originalBalances, removeConfirmDialog, addConfirmDialog, isPending, }: SelectEmployeesPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectEmployeesPresentation({ employees, selectedUuids, searchValue, onSelect, onSelectAll, onSearchChange, onSearchClear, onBack, onContinue, isHolidayPolicy, balances, onBalanceChange, pagination, isFetching, isPending, }: SelectEmployeesPresentationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,122 +1,91 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import { useTranslation as D } from "react-i18next";
-import { useId as N } from "react";
+import { jsxs as a, 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 w from "./SelectEmployeesPresentation.module.scss.js";
-import { Flex as C } from "../../../Common/Flex/Flex.js";
+import A from "./SelectEmployeesPresentation.module.scss.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { ActionsLayout as F } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as V } from "../../../../i18n/I18n.js";
-const W = (r) => /^\d*\.?\d*$/.test(r);
-function _({
-  employees: r,
+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 R({
+  employees: i,
   selectedUuids: f,
-  searchValue: y,
+  searchValue: o,
   onSelect: h,
-  onSelectAll: b,
-  onSearchChange: g,
-  onSearchClear: A,
-  onBack: x,
-  onContinue: I,
-  showReassignmentWarning: L,
-  isHolidayPolicy: k = !1,
-  policyTypeLabel: T,
-  balances: O,
-  onBalanceChange: c,
-  pagination: P,
-  isFetching: E,
-  originallyOnPolicyUuids: S,
-  originalBalances: $,
-  removeConfirmDialog: i,
-  addConfirmDialog: o,
-  isPending: s = !1
+  onSelectAll: g,
+  onSearchChange: C,
+  onSearchClear: y,
+  onBack: b,
+  onContinue: x,
+  isHolidayPolicy: m = !1,
+  balances: I,
+  onBalanceChange: s,
+  pagination: S,
+  isFetching: T,
+  isPending: c = !1
 }) {
-  V("Company.TimeOff.SelectEmployees");
-  const { t } = D("Company.TimeOff.SelectEmployees"), u = M(), { Heading: H, Text: m, Button: d, Alert: j, Dialog: p } = u, B = N();
-  return /* @__PURE__ */ l(C, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
-    /* @__PURE__ */ l(C, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ n(H, { as: "h2", children: t("title") }),
-      /* @__PURE__ */ n(m, { variant: "supporting", children: t(k ? "holidayDescription" : "description") })
+  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__ */ a(l, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
+    /* @__PURE__ */ a(l, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(k, { as: "h2", children: e("title") }),
+      /* @__PURE__ */ t(u, { variant: "supporting", children: e(m ? "holidayDescription" : "description") })
     ] }),
-    L && /* @__PURE__ */ n(j, { status: "warning", label: t("reassignmentWarning", { policyType: T }) }),
-    /* @__PURE__ */ n(
+    !m && /* @__PURE__ */ t(D, { status: "warning", label: e("reassignmentWarning") }),
+    /* @__PURE__ */ t(
       v,
       {
-        data: r,
-        searchValue: y,
-        onSearchChange: g,
-        onSearchClear: A,
+        data: i,
+        searchValue: o,
+        onSearchChange: C,
+        onSearchClear: y,
+        hideSearch: i.length === 0 && o.length === 0,
         selectionMode: "multiple",
         onSelect: h,
-        onSelectAll: b,
-        getIsItemSelected: (e) => f.has(e.uuid),
-        isFetching: E,
-        pagination: P,
+        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") }) }),
         additionalColumns: [
           {
             key: "department",
-            title: t("departmentColumn")
+            title: e("departmentColumn")
           },
-          ...c ? [
+          ...s ? [
             {
               key: "balance",
-              title: t("startingBalanceColumn"),
-              render: (e) => S?.has(e.uuid) ? /* @__PURE__ */ n(m, { children: $?.[e.uuid] ?? "0" }) : /* @__PURE__ */ n(
-                u.TextInput,
+              title: e("startingBalanceColumn"),
+              justify: "end",
+              render: (n) => /* @__PURE__ */ t("div", { className: A.balanceInput, children: /* @__PURE__ */ t(
+                d.TextInput,
                 {
-                  name: `balance-${e.uuid}`,
-                  label: t("startingBalanceColumn"),
+                  name: `balance-${n.uuid}`,
+                  label: e("startingBalanceColumn"),
                   shouldVisuallyHideLabel: !0,
-                  "aria-labelledby": `employee-name-${e.uuid} ${B}`,
-                  value: O?.[e.uuid] ?? "",
-                  onChange: (a) => {
-                    a !== "" && !W(a) || c(e.uuid, a);
+                  "aria-labelledby": `employee-name-${n.uuid} ${E}`,
+                  value: I?.[n.uuid] ?? "",
+                  onChange: (r) => {
+                    r !== "" && !N(r) || s(n.uuid, r);
                   },
-                  placeholder: "0",
-                  className: w.balanceInput
+                  placeholder: "0"
                 }
-              )
+              ) })
             }
           ] : []
         ]
       }
     ),
-    /* @__PURE__ */ l(F, { children: [
-      /* @__PURE__ */ n(d, { variant: "secondary", onClick: x, isDisabled: s, children: t("backCta") }),
-      /* @__PURE__ */ n(d, { variant: "primary", onClick: I, isLoading: s, children: t("continueCta") })
-    ] }),
-    i && /* @__PURE__ */ n(
-      p,
-      {
-        isOpen: i.isOpen,
-        onClose: i.onClose,
-        onPrimaryActionClick: i.onConfirm,
-        isPrimaryActionLoading: i.isPending,
-        isDestructive: !0,
-        title: t("removeConfirmDialog.title", { count: i.count }),
-        primaryActionLabel: t("removeConfirmDialog.confirmCta"),
-        closeActionLabel: t("removeConfirmDialog.cancelCta"),
-        children: t("removeConfirmDialog.description", { count: i.count })
-      }
-    ),
-    o && /* @__PURE__ */ n(
-      p,
-      {
-        isOpen: o.isOpen,
-        onClose: o.onClose,
-        onPrimaryActionClick: o.onConfirm,
-        isPrimaryActionLoading: o.isPending,
-        title: t("addConfirmDialog.title", { count: o.count }),
-        primaryActionLabel: t("addConfirmDialog.confirmCta"),
-        closeActionLabel: t("addConfirmDialog.cancelCta"),
-        children: t("addConfirmDialog.description", { count: o.count })
-      }
-    )
+    /* @__PURE__ */ a(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") })
+    ] })
   ] });
 }
 export {
-  _ as SelectEmployeesPresentation
+  R as SelectEmployeesPresentation
 };
 //# sourceMappingURL=SelectEmployeesPresentation.js.map