@gusto/embedded-react-sdk 0.44.2 → 0.45.0

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 { 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}: 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 accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\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  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            {t('policyDetails.title')}\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                />\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}>\n                {t('cancelCta')}\n              </Button>\n              <Button variant=\"primary\" type=\"submit\">\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","accrualMethod","useWatch","resetDateType","resetMonth","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","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}: 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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"}

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

@@ -17,4 +17,6 @@ export interface PolicyConfigurationFormPresentationProps {
     onContinue: (data: PolicyConfigurationFormData) => void;
     onCancel: () => void;
     defaultValues?: Partial<PolicyConfigurationFormData>;
+    editingPolicyName?: string;
+    isPending?: boolean;
 }

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

@@ -1,28 +1,28 @@
-import { jsx as p } from "react/jsx-runtime";
-import { useState as I, useCallback as u, useMemo as C } from "react";
-import { useQueryClient as N } from "@tanstack/react-query";
-import { useHolidayPayPoliciesAddEmployeesMutation as k } from "@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees";
-import { useHolidayPayPoliciesRemoveEmployeesMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees";
-import { queryKeyHolidayPayPoliciesGet as z, invalidateAllHolidayPayPoliciesGet as G, useHolidayPayPoliciesGetSuspense as T } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { SelectEmployeesPresentation as Q } from "./SelectEmployeesPresentation.js";
-import { useSelectEmployeesData as V } from "./useSelectEmployeesData.js";
-import { useBase as j } from "../../../Base/useBase.js";
+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 ie(n) {
-  return n.mode === "wizard" ? /* @__PURE__ */ p(D, { ...n, mode: "wizard" }) : /* @__PURE__ */ p(K, { ...n });
+function ae(n) {
+  return n.mode === "wizard" ? /* @__PURE__ */ P(D, { ...n, mode: "wizard" }) : /* @__PURE__ */ P(J, { ...n });
 }
-function K(n) {
-  const { data: c } = T({
+function J(n) {
+  const { data: c } = V({
     companyUuid: n.companyId
   }), e = c.holidayPayPolicy;
   if (!e) throw new Error("Unexpected response: missing holidayPayPolicy");
-  const m = C(() => {
+  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(
+  return /* @__PURE__ */ P(
     D,
     {
       ...n,
@@ -38,17 +38,17 @@ function D({
   originalUuids: e,
   version: m
 }) {
-  const { onEvent: i, baseSubmitHandler: y } = j(), h = N(), {
+  const { onEvent: i, baseSubmitHandler: y } = W(), p = x(), {
     filteredEmployees: O,
     selectedUuids: s,
     searchValue: w,
-    pagination: _,
-    isFetching: A,
-    handleSelect: g,
-    handleSelectAll: H,
-    handleSearchChange: M,
-    handleSearchClear: L
-  } = V(n, e), { mutateAsync: S } = k(), { mutateAsync: v, isPending: R } = x(), [F, P] = I(!1), d = u(
+    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;
@@ -72,14 +72,14 @@ function D({
               employees: t.map((E) => ({ uuid: E }))
             }
           }
-        })).holidayPayPolicy), o && h.setQueryData(
-          z(n, {}),
+        })).holidayPayPolicy), o && p.setQueryData(
+          T(n, {}),
           (r) => r ? { ...r, holidayPayPolicy: o } : void 0
-        ), await G(h), i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, o);
+        ), await Q(p), i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, o);
       });
     },
-    [y, v, S, n, m, h, i]
-  ), q = u(async () => {
+    [y, v, S, n, m, p, i]
+  ), b = u(async () => {
     if (c === "wizard") {
       i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {
         employeeUuids: [...s]
@@ -92,52 +92,54 @@ function D({
       return;
     }
     if (l.length > 0) {
-      P(!0);
+      h(!0);
       return;
     }
     await d(a, l);
-  }, [c, e, s, i, d]), Y = u(async () => {
+  }, [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));
-    P(!1), await d(a, l);
-  }, [e, s, d]), B = C(() => {
+    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]), b = u(() => {
+  }, [e, s]), N = u(() => {
     i(f.CANCEL);
   }, [i]);
-  return /* @__PURE__ */ p(
-    Q,
+  return /* @__PURE__ */ P(
+    j,
     {
       employees: O,
       selectedUuids: s,
       searchValue: w,
-      onSelect: g,
-      onSelectAll: H,
-      onSearchChange: M,
-      onSearchClear: L,
-      onBack: b,
-      onContinue: q,
+      onSelect: H,
+      onSelectAll: M,
+      onSearchChange: L,
+      onSearchClear: R,
+      onBack: N,
+      onContinue: b,
       showReassignmentWarning: !1,
-      pagination: _,
-      isFetching: A,
+      isHolidayPolicy: !0,
+      pagination: A,
+      isFetching: _,
+      isPending: q,
       originallyOnPolicyUuids: e,
       removeConfirmDialog: c === "standalone" ? {
-        isOpen: F,
-        count: B,
+        isOpen: Y,
+        count: I,
         onConfirm: () => {
-          Y();
+          B();
         },
         onClose: () => {
-          P(!1);
+          h(!1);
         },
-        isPending: R
+        isPending: C
       } : void 0
     }
   );
 }
 export {
-  ie as SelectEmployeesHoliday
+  ae 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 } = useHolidayPayPoliciesAddEmployeesMutation()\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useHolidayPayPoliciesRemoveEmployeesMutation()\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      pagination={pagination}\n      isFetching={isFetching}\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","useHolidayPayPoliciesAddEmployeesMutation","removeEmployees","isRemovePending","useHolidayPayPoliciesRemoveEmployeesMutation","confirmRemoveOpen","setConfirmRemoveOpen","useState","submitDiff","useCallback","toAdd","toRemove","currentVersion","latestPolicy","response","uuid","queryKeyHolidayPayPoliciesGet","prev","invalidateAllHolidayPayPoliciesGet","componentEvents","handleContinue","original","handleConfirmRemove","removeCount","count","handleBack","SelectEmployeesPresentation"],"mappings":"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"}
+{"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":"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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, policyTypeLabel, balances, onBalanceChange, pagination, isFetching, originallyOnPolicyUuids, originalBalances, removeConfirmDialog, }: SelectEmployeesPresentationProps): import("react/jsx-runtime").JSX.Element;
+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;

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

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

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

@@ -0,0 +1,8 @@
+const a = "_balanceInput_7t3da_1", t = {
+  balanceInput: a
+};
+export {
+  a as balanceInput,
+  t as default
+};
+//# sourceMappingURL=SelectEmployeesPresentation.module.scss.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEmployeesPresentation.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

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

@@ -9,7 +9,7 @@ export interface EmployeeItem {
     balance?: string | null;
     eligiblePaidTimeOff?: PaidTimeOff[];
 }
-export interface RemoveConfirmDialogState {
+export interface ConfirmDialogState {
     isOpen: boolean;
     count: number;
     onConfirm: () => void;
@@ -27,6 +27,7 @@ export interface SelectEmployeesPresentationProps {
     onBack: () => void;
     onContinue: () => void;
     showReassignmentWarning: boolean;
+    isHolidayPolicy?: boolean;
     policyTypeLabel?: string;
     balances?: Record<string, string>;
     onBalanceChange?: (uuid: string, value: string) => void;
@@ -37,5 +38,8 @@ export interface SelectEmployeesPresentationProps {
     /** Current policy balances keyed by employee uuid. Used to render read-only balance text for originally-on-policy employees. */
     originalBalances?: Record<string, string>;
     /** Optional confirm dialog shown before submitting when the user is about to remove employees from the policy. */
-    removeConfirmDialog?: RemoveConfirmDialogState;
+    removeConfirmDialog?: ConfirmDialogState;
+    addConfirmDialog?: ConfirmDialogState;
+    /** Disables the back button and shows a spinner on the continue button while a submit is in flight. */
+    isPending?: boolean;
 }