@gusto/embedded-react-sdk 0.55.7 → 0.56.0

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

@@ -1,43 +1,44 @@
 import { jsx as a, jsxs as t, Fragment as v } from "react/jsx-runtime";
-import { useId as J, useMemo as c, useEffect as O, useCallback as K } from "react";
-import { useForm as Q, useWatch as u, FormProvider as X } from "react-hook-form";
-import { useTranslation as Z } from "react-i18next";
+import { useId as K, useMemo as c, useEffect as O, useCallback as Q } from "react";
+import { useForm as X, useWatch as u, FormProvider as Z } from "react-hook-form";
+import { useTranslation as $ } from "react-i18next";
 import o from "./PolicyConfigurationForm.module.scss.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as $ } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as ee } from "../../../Common/Form/Form.js";
-import { useComponentContext as ae } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLocale as ie } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { useI18n as le } from "../../../../i18n/I18n.js";
+import { ActionsLayout as ee } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as ae } from "../../../Common/Form/Form.js";
+import { useComponentContext as ie } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLocale as le } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { useI18n as te } from "../../../../i18n/I18n.js";
 import { getDaysInMonth as C } from "../../../../helpers/dateFormatting.js";
-import { TextInputField as te } from "../../../Common/Fields/TextInputField/TextInputField.js";
+import { TextInputField as re } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as M } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { NumberInputField as _ } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
 import { CheckboxField as P } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
 import { SelectField as I } from "../../../Common/Fields/SelectField/SelectField.js";
-function ge({
+function xe({
   onContinue: N,
   onCancel: w,
   defaultValues: q,
   editingPolicyName: g,
   isPending: x = !1,
-  lockedAccrualCategory: y
+  lockedAccrualCategory: y,
+  className: A
 }) {
-  le("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = Z("Company.TimeOff.CreateTimeOffPolicy"), { Heading: A, Text: h, Button: L } = ae(), { locale: R } = ie(), F = J(), S = c(() => {
+  te("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: e } = $("Company.TimeOff.CreateTimeOffPolicy"), { Heading: S, Text: h, Button: L } = ie(), { locale: R } = le(), F = K(), U = c(() => {
     const i = new Intl.DateTimeFormat(R, { month: "long" });
     return Array.from({ length: 12 }, (r, s) => ({
       value: s + 1,
       label: i.format(new Date(2024, s))
     }));
-  }, [R]), D = Q({
+  }, [R]), D = X({
     defaultValues: {
       name: "",
       resetMonth: 1,
       resetDay: 1,
       ...q
     }
-  }), { control: p, setValue: l, getValues: T } = D, U = u({ control: p, name: "name" }), n = u({ control: p, name: "accrualMethod" }), E = u({ control: p, name: "resetDateType" }), m = u({ control: p, name: "resetMonth" }), Y = !U.trim() || !n, V = c(() => {
+  }), { control: p, setValue: l, getValues: T } = D, E = u({ control: p, name: "name" }), n = u({ control: p, name: "accrualMethod" }), Y = u({ control: p, name: "resetDateType" }), m = u({ control: p, name: "resetMonth" }), V = !E.trim() || !n, W = c(() => {
     const i = C(m ?? 1);
     return Array.from({ length: i }, (r, s) => ({
       value: s + 1,
@@ -50,7 +51,7 @@ function ge({
   }, [m, T, l]), O(() => {
     n !== "unlimited" && (n !== "per_hour_paid" && (l("accrualRateUnit", void 0), l("includeOvertime", void 0), l("allPaidHours", void 0)), n !== "per_calendar_year" && l("accrualMethodFixed", void 0));
   }, [n, l]);
-  const W = K(
+  const j = Q(
     (i) => {
       i === "per_anniversary_year" && (l("resetMonth", 1), l("resetDay", 1));
     },
@@ -74,7 +75,7 @@ function ge({
       }
     ];
     return y === "unlimited" ? i.filter((r) => r.value === "unlimited") : y === "accrual_based" ? i.filter((r) => r.value !== "unlimited") : i;
-  }, [e, y]), j = c(
+  }, [e, y]), k = c(
     () => [
       {
         value: "per_pay_period",
@@ -88,7 +89,7 @@ function ge({
       }
     ],
     [e]
-  ), k = c(
+  ), B = c(
     () => [
       {
         value: "per_anniversary_year",
@@ -100,154 +101,162 @@ function ge({
       }
     ],
     [e]
-  ), B = (i) => {
+  ), G = (i) => {
     N(i);
-  }, f = n === "per_hour_paid", H = n === "per_calendar_year", G = f || H, z = E === "per_calendar_year";
-  return /* @__PURE__ */ a(X, { ...D, children: /* @__PURE__ */ a(ee, { "aria-labelledby": F, onSubmit: D.handleSubmit(B), children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ a(A, { as: "h2", id: F, children: g ? e("policyDetails.editTitle", { name: g }) : e("policyDetails.createTitle") }),
-    /* @__PURE__ */ t(d, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ a(
-        te,
-        {
-          name: "name",
-          label: e("policyDetails.policyNameLabel"),
-          isRequired: !0,
-          errorMessage: e("policyDetails.validations.policyName")
-        }
-      ),
-      b.length === 1 ? /* @__PURE__ */ t(d, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ a(h, { weight: "medium", children: e("policyDetails.accrualMethodLabel") }),
-        /* @__PURE__ */ a(h, { children: b[0].label })
-      ] }) : /* @__PURE__ */ a(
-        M,
-        {
-          name: "accrualMethod",
-          label: e("policyDetails.accrualMethodLabel"),
-          description: e("policyDetails.accrualMethodHint"),
-          options: b,
-          isRequired: !0,
-          errorMessage: e("policyDetails.validations.accrualMethod")
-        }
-      ),
-      f && /* @__PURE__ */ t(v, { children: [
-        /* @__PURE__ */ a("hr", { className: o.divider }),
-        /* @__PURE__ */ a(
-          _,
-          {
-            className: o.narrowInput,
-            name: "accrualRate",
-            label: e("policyDetails.employeesWillAccrueLabel"),
-            adornmentEnd: e("policyDetails.hoursUnit"),
-            isRequired: !0,
-            errorMessage: e("policyDetails.validations.accrualRate"),
-            min: 0
-          }
-        ),
-        /* @__PURE__ */ a(
-          _,
-          {
-            className: o.narrowInput,
-            name: "accrualRateUnit",
-            label: e("policyDetails.forEveryLabel"),
-            adornmentEnd: e("policyDetails.hoursWorkedUnit"),
-            isRequired: !0,
-            errorMessage: e("policyDetails.validations.accrualRateUnit"),
-            min: 1
-          }
-        ),
-        /* @__PURE__ */ t(d, { flexDirection: "column", gap: 8, children: [
-          /* @__PURE__ */ a(h, { children: e("policyDetails.additionalOptionsLabel") }),
+  }, f = n === "per_hour_paid", H = n === "per_calendar_year", z = f || H, J = Y === "per_calendar_year";
+  return /* @__PURE__ */ a(Z, { ...D, children: /* @__PURE__ */ a(
+    ae,
+    {
+      "aria-labelledby": F,
+      onSubmit: D.handleSubmit(G),
+      className: A,
+      children: /* @__PURE__ */ t(d, { flexDirection: "column", gap: 32, children: [
+        /* @__PURE__ */ a(S, { as: "h2", id: F, children: g ? e("policyDetails.editTitle", { name: g }) : e("policyDetails.createTitle") }),
+        /* @__PURE__ */ t(d, { flexDirection: "column", gap: 20, children: [
           /* @__PURE__ */ a(
-            P,
+            re,
             {
-              name: "includeOvertime",
-              label: e("policyDetails.includeOvertimeLabel")
+              name: "name",
+              label: e("policyDetails.policyNameLabel"),
+              isRequired: !0,
+              errorMessage: e("policyDetails.validations.policyName")
             }
           ),
-          /* @__PURE__ */ a(P, { name: "allPaidHours", label: e("policyDetails.allPaidHoursLabel") })
-        ] })
-      ] }),
-      H && /* @__PURE__ */ t(v, { children: [
-        /* @__PURE__ */ a("hr", { className: o.divider }),
-        /* @__PURE__ */ a(
-          _,
-          {
-            className: o.narrowInput,
-            name: "accrualRate",
-            label: e("policyDetails.fixedAccrualRateLabel"),
-            description: e("policyDetails.fixedAccrualRateHint"),
-            adornmentEnd: e("policyDetails.hoursUnit"),
-            isRequired: !0,
-            errorMessage: e("policyDetails.validations.accrualRate"),
-            min: 0
-          }
-        ),
-        /* @__PURE__ */ a(
-          M,
-          {
-            name: "accrualMethodFixed",
-            label: e("policyDetails.accrualMethodFixed"),
-            description: e("policyDetails.accrualMethodFixedHint"),
-            options: j,
-            isRequired: !0,
-            errorMessage: e("policyDetails.validations.accrualMethodFixed")
-          }
-        )
-      ] }),
-      G && /* @__PURE__ */ t(v, { children: [
-        /* @__PURE__ */ a("hr", { className: o.divider }),
-        /* @__PURE__ */ a(
-          M,
-          {
-            name: "resetDateType",
-            label: e("policyDetails.policyResetDateType"),
-            description: e("policyDetails.policyResetDateTypeHint"),
-            options: k,
-            isRequired: !f,
-            errorMessage: e("policyDetails.validations.resetDateType"),
-            onChange: W
-          }
-        ),
-        z && /* @__PURE__ */ t(d, { gap: 8, children: [
-          /* @__PURE__ */ a(
-            I,
+          b.length === 1 ? /* @__PURE__ */ t(d, { flexDirection: "column", gap: 4, children: [
+            /* @__PURE__ */ a(h, { weight: "medium", children: e("policyDetails.accrualMethodLabel") }),
+            /* @__PURE__ */ a(h, { children: b[0].label })
+          ] }) : /* @__PURE__ */ a(
+            M,
             {
-              className: o.dateSelect,
-              name: "resetMonth",
-              label: e("policyDetails.monthLabel"),
-              placeholder: "",
-              options: S
+              name: "accrualMethod",
+              label: e("policyDetails.accrualMethodLabel"),
+              description: e("policyDetails.accrualMethodHint"),
+              options: b,
+              isRequired: !0,
+              errorMessage: e("policyDetails.validations.accrualMethod")
             }
           ),
-          /* @__PURE__ */ a(
-            I,
-            {
-              className: o.dateSelect,
-              name: "resetDay",
-              label: e("policyDetails.dayLabel"),
-              placeholder: "",
-              options: V
-            }
-          )
+          f && /* @__PURE__ */ t(v, { children: [
+            /* @__PURE__ */ a("hr", { className: o.divider }),
+            /* @__PURE__ */ a(
+              _,
+              {
+                className: o.narrowInput,
+                name: "accrualRate",
+                label: e("policyDetails.employeesWillAccrueLabel"),
+                adornmentEnd: e("policyDetails.hoursUnit"),
+                isRequired: !0,
+                errorMessage: e("policyDetails.validations.accrualRate"),
+                min: 0
+              }
+            ),
+            /* @__PURE__ */ a(
+              _,
+              {
+                className: o.narrowInput,
+                name: "accrualRateUnit",
+                label: e("policyDetails.forEveryLabel"),
+                adornmentEnd: e("policyDetails.hoursWorkedUnit"),
+                isRequired: !0,
+                errorMessage: e("policyDetails.validations.accrualRateUnit"),
+                min: 1
+              }
+            ),
+            /* @__PURE__ */ t(d, { flexDirection: "column", gap: 8, children: [
+              /* @__PURE__ */ a(h, { children: e("policyDetails.additionalOptionsLabel") }),
+              /* @__PURE__ */ a(
+                P,
+                {
+                  name: "includeOvertime",
+                  label: e("policyDetails.includeOvertimeLabel")
+                }
+              ),
+              /* @__PURE__ */ a(P, { name: "allPaidHours", label: e("policyDetails.allPaidHoursLabel") })
+            ] })
+          ] }),
+          H && /* @__PURE__ */ t(v, { children: [
+            /* @__PURE__ */ a("hr", { className: o.divider }),
+            /* @__PURE__ */ a(
+              _,
+              {
+                className: o.narrowInput,
+                name: "accrualRate",
+                label: e("policyDetails.fixedAccrualRateLabel"),
+                description: e("policyDetails.fixedAccrualRateHint"),
+                adornmentEnd: e("policyDetails.hoursUnit"),
+                isRequired: !0,
+                errorMessage: e("policyDetails.validations.accrualRate"),
+                min: 0
+              }
+            ),
+            /* @__PURE__ */ a(
+              M,
+              {
+                name: "accrualMethodFixed",
+                label: e("policyDetails.accrualMethodFixed"),
+                description: e("policyDetails.accrualMethodFixedHint"),
+                options: k,
+                isRequired: !0,
+                errorMessage: e("policyDetails.validations.accrualMethodFixed")
+              }
+            )
+          ] }),
+          z && /* @__PURE__ */ t(v, { children: [
+            /* @__PURE__ */ a("hr", { className: o.divider }),
+            /* @__PURE__ */ a(
+              M,
+              {
+                name: "resetDateType",
+                label: e("policyDetails.policyResetDateType"),
+                description: e("policyDetails.policyResetDateTypeHint"),
+                options: B,
+                isRequired: !f,
+                errorMessage: e("policyDetails.validations.resetDateType"),
+                onChange: j
+              }
+            ),
+            J && /* @__PURE__ */ t(d, { gap: 8, children: [
+              /* @__PURE__ */ a(
+                I,
+                {
+                  className: o.dateSelect,
+                  name: "resetMonth",
+                  label: e("policyDetails.monthLabel"),
+                  placeholder: "",
+                  options: U
+                }
+              ),
+              /* @__PURE__ */ a(
+                I,
+                {
+                  className: o.dateSelect,
+                  name: "resetDay",
+                  label: e("policyDetails.dayLabel"),
+                  placeholder: "",
+                  options: W
+                }
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ t(ee, { children: [
+            /* @__PURE__ */ a(L, { variant: "secondary", onClick: w, isDisabled: x, children: e("cancelCta") }),
+            /* @__PURE__ */ a(
+              L,
+              {
+                variant: "primary",
+                type: "submit",
+                isLoading: x,
+                isDisabled: V,
+                children: e("continueCta")
+              }
+            )
+          ] })
         ] })
-      ] }),
-      /* @__PURE__ */ t($, { children: [
-        /* @__PURE__ */ a(L, { variant: "secondary", onClick: w, isDisabled: x, children: e("cancelCta") }),
-        /* @__PURE__ */ a(
-          L,
-          {
-            variant: "primary",
-            type: "submit",
-            isLoading: x,
-            isDisabled: Y,
-            children: e("continueCta")
-          }
-        )
       ] })
-    ] })
-  ] }) }) });
+    }
+  ) });
 }
 export {
-  ge as PolicyConfigurationFormPresentation
+  xe as PolicyConfigurationFormPresentation
 };
 //# sourceMappingURL=PolicyConfigurationFormPresentation.js.map

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\n/** @internal */\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n  editingPolicyName,\n  isPending = false,\n  lockedAccrualCategory,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n  const headingId = useId()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control, setValue, getValues } = formMethods\n  const name = useWatch({ control, name: 'name' })\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\n  const isContinueDisabled = !name.trim() || !accrualMethod\n\n  const dayOptions = useMemo(() => {\n    const days = getDaysInMonth(resetMonth ?? 1)\n    return Array.from({ length: days }, (_, i) => ({\n      value: i + 1,\n      label: String(i + 1),\n    }))\n  }, [resetMonth])\n\n  useEffect(() => {\n    const maxDay = getDaysInMonth(resetMonth ?? 1)\n    const currentDay = getValues('resetDay')\n    if (currentDay != null && currentDay > maxDay) {\n      setValue('resetDay', maxDay)\n    }\n  }, [resetMonth, getValues, setValue])\n\n  useEffect(() => {\n    if (accrualMethod === 'unlimited') {\n      return\n    }\n    if (accrualMethod !== 'per_hour_paid') {\n      setValue('accrualRateUnit', undefined)\n      setValue('includeOvertime', undefined)\n      setValue('allPaidHours', undefined)\n    }\n    if (accrualMethod !== 'per_calendar_year') {\n      setValue('accrualMethodFixed', undefined)\n    }\n  }, [accrualMethod, setValue])\n\n  const handleResetDateTypeChange = useCallback(\n    (value: ResetDateType) => {\n      if (value === 'per_anniversary_year') {\n        setValue('resetMonth', 1)\n        setValue('resetDay', 1)\n      }\n    },\n    [setValue],\n  )\n\n  const accrualMethodOptions = useMemo(() => {\n    const allOptions = [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ]\n    if (lockedAccrualCategory === 'unlimited') {\n      return allOptions.filter(option => option.value === 'unlimited')\n    }\n    if (lockedAccrualCategory === 'accrual_based') {\n      return allOptions.filter(option => option.value !== 'unlimited')\n    }\n    return allOptions\n  }, [t, lockedAccrualCategory])\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\" id={headingId}>\n            {editingPolicyName\n              ? t('policyDetails.editTitle', { name: editingPolicyName })\n              : t('policyDetails.createTitle')}\n          </Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField\n              name=\"name\"\n              label={t('policyDetails.policyNameLabel')}\n              isRequired\n              errorMessage={t('policyDetails.validations.policyName')}\n            />\n\n            {accrualMethodOptions.length === 1 ? (\n              <Flex flexDirection=\"column\" gap={4}>\n                <Text weight=\"medium\">{t('policyDetails.accrualMethodLabel')}</Text>\n                <Text>{accrualMethodOptions[0]!.label}</Text>\n              </Flex>\n            ) : (\n              <RadioGroupField<AccrualMethod>\n                name=\"accrualMethod\"\n                label={t('policyDetails.accrualMethodLabel')}\n                description={t('policyDetails.accrualMethodHint')}\n                options={accrualMethodOptions}\n                isRequired\n                errorMessage={t('policyDetails.validations.accrualMethod')}\n              />\n            )}\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRateUnit')}\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualMethodFixed')}\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired={!isHourlyMethod}\n                  errorMessage={t('policyDetails.validations.resetDateType')}\n                  onChange={handleResetDateTypeChange}\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      placeholder=\"\"\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      placeholder=\"\"\n                      options={dayOptions}\n                    />\n                  </Flex>\n                )}\n              </>\n            )}\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n                {t('cancelCta')}\n              </Button>\n              <Button\n                variant=\"primary\"\n                type=\"submit\"\n                isLoading={isPending}\n                isDisabled={isContinueDisabled}\n              >\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","editingPolicyName","isPending","lockedAccrualCategory","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","name","useWatch","accrualMethod","resetDateType","resetMonth","isContinueDisabled","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","handleResetDateTypeChange","useCallback","value","accrualMethodOptions","allOptions","option","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\nimport { getDaysInMonth } from '@/helpers/dateFormatting'\n\n/** @internal */\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n  editingPolicyName,\n  isPending = false,\n  lockedAccrualCategory,\n  className,\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\n        aria-labelledby={headingId}\n        onSubmit={formMethods.handleSubmit(handleSubmit)}\n        className={className}\n      >\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                      placeholder=\"\"\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      placeholder=\"\"\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","className","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","jsx","FormProvider","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;;;AA2BO,SAASA,GAAoC;AAAA,EAClD,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,uBAAAC;AAAA,EACA,WAAAC;AACF,GAA6C;AAC3C,EAAAC,GAAQ,qCAAqC;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC,GAC5D,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,GAAA,GAC5B,EAAE,QAAAC,EAAA,IAAWC,GAAA,GACbC,IAAYC,EAAA,GAEZC,IAAeC,EAAQ,MAAM;AACjC,UAAMC,IAAY,IAAI,KAAK,eAAeN,GAAQ,EAAE,OAAO,QAAQ;AACnE,WAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACO,GAAGC,OAAO;AAAA,MAC3C,OAAOA,IAAI;AAAA,MACX,OAAOF,EAAU,OAAO,IAAI,KAAK,MAAME,CAAC,CAAC;AAAA,IAAA,EACzC;AAAA,EACJ,GAAG,CAACR,CAAM,CAAC,GAELS,IAAcC,EAAqC;AAAA,IACvD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,GAAGtB;AAAA,IAAA;AAAA,EACL,CACD,GAEK,EAAE,SAAAuB,GAAS,UAAAC,GAAU,WAAAC,EAAA,IAAcJ,GACnCK,IAAOC,EAAS,EAAE,SAAAJ,GAAS,MAAM,QAAQ,GACzCK,IAAgBD,EAAS,EAAE,SAAAJ,GAAS,MAAM,iBAAiB,GAC3DM,IAAgBF,EAAS,EAAE,SAAAJ,GAAS,MAAM,iBAAiB,GAC3DO,IAAaH,EAAS,EAAE,SAAAJ,GAAS,MAAM,cAAc,GACrDQ,IAAqB,CAACL,EAAK,KAAA,KAAU,CAACE,GAEtCI,IAAaf,EAAQ,MAAM;AAC/B,UAAMgB,IAAOC,EAAeJ,KAAc,CAAC;AAC3C,WAAO,MAAM,KAAK,EAAE,QAAQG,KAAQ,CAACd,GAAGC,OAAO;AAAA,MAC7C,OAAOA,IAAI;AAAA,MACX,OAAO,OAAOA,IAAI,CAAC;AAAA,IAAA,EACnB;AAAA,EACJ,GAAG,CAACU,CAAU,CAAC;AAEf,EAAAK,EAAU,MAAM;AACd,UAAMC,IAASF,EAAeJ,KAAc,CAAC,GACvCO,IAAaZ,EAAU,UAAU;AACvC,IAAIY,KAAc,QAAQA,IAAaD,KACrCZ,EAAS,YAAYY,CAAM;AAAA,EAE/B,GAAG,CAACN,GAAYL,GAAWD,CAAQ,CAAC,GAEpCW,EAAU,MAAM;AACd,IAAIP,MAAkB,gBAGlBA,MAAkB,oBACpBJ,EAAS,mBAAmB,MAAS,GACrCA,EAAS,mBAAmB,MAAS,GACrCA,EAAS,gBAAgB,MAAS,IAEhCI,MAAkB,uBACpBJ,EAAS,sBAAsB,MAAS;AAAA,EAE5C,GAAG,CAACI,GAAeJ,CAAQ,CAAC;AAE5B,QAAMc,IAA4BC;AAAA,IAChC,CAACC,MAAyB;AACxB,MAAIA,MAAU,2BACZhB,EAAS,cAAc,CAAC,GACxBA,EAAS,YAAY,CAAC;AAAA,IAE1B;AAAA,IACA,CAACA,CAAQ;AAAA,EAAA,GAGLiB,IAAuBxB,EAAQ,MAAM;AACzC,UAAMyB,IAAa;AAAA,MACjB;AAAA,QACE,OAAO;AAAA,QACP,OAAOpC,EAAE,gCAAgC;AAAA,QACzC,aAAaA,EAAE,+BAA+B;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,4BAA4B;AAAA,QACrC,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,MAE5C;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,8BAA8B;AAAA,QACvC,aAAaA,EAAE,6BAA6B;AAAA,MAAA;AAAA,IAC9C;AAEF,WAAIH,MAA0B,cACrBuC,EAAW,OAAO,CAAAC,MAAUA,EAAO,UAAU,WAAW,IAE7DxC,MAA0B,kBACrBuC,EAAW,OAAO,CAAAC,MAAUA,EAAO,UAAU,WAAW,IAE1DD;AAAA,EACT,GAAG,CAACpC,GAAGH,CAAqB,CAAC,GAEvByC,IAA4B3B;AAAA,IAChC,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOX,EAAE,iCAAiC;AAAA,QAC1C,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,8BAA8B;AAAA,QACvC,aAAaA,EAAE,6BAA6B;AAAA,MAAA;AAAA,IAC9C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEuC,IAAuB5B;AAAA,IAC3B,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOX,EAAE,uCAAuC;AAAA,MAAA;AAAA,MAElD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,oCAAoC;AAAA,MAAA;AAAA,IAC/C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEwC,IAAe,CAACC,MAAsC;AAC1D,IAAAjD,EAAWiD,CAAI;AAAA,EACjB,GAEMC,IAAiBpB,MAAkB,iBACnCqB,IAAgBrB,MAAkB,qBAClCsB,IAAgBF,KAAkBC,GAClCE,IAAuBtB,MAAkB;AAE/C,SACE,gBAAAuB,EAACC,GAAA,EAAc,GAAGhC,GAChB,UAAA,gBAAA+B;AAAA,IAACE;AAAAA,IAAA;AAAA,MACC,mBAAiBxC;AAAA,MACjB,UAAUO,EAAY,aAAayB,CAAY;AAAA,MAC/C,WAAA1C;AAAA,MAEA,UAAA,gBAAAmD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAJ,EAAC5C,GAAA,EAAQ,IAAG,MAAK,IAAIM,GAClB,UAAAb,IACGK,EAAE,2BAA2B,EAAE,MAAML,EAAA,CAAmB,IACxDK,EAAE,2BAA2B,GACnC;AAAA,QAEA,gBAAAiD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,UAAA,gBAAAJ;AAAA,YAACK;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAOnD,EAAE,+BAA+B;AAAA,cACxC,YAAU;AAAA,cACV,cAAcA,EAAE,sCAAsC;AAAA,YAAA;AAAA,UAAA;AAAA,UAGvDmC,EAAqB,WAAW,IAC/B,gBAAAc,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,YAAA,gBAAAJ,EAAC3C,GAAA,EAAK,QAAO,UAAU,UAAAH,EAAE,kCAAkC,GAAE;AAAA,YAC7D,gBAAA8C,EAAC3C,GAAA,EAAM,UAAAgC,EAAqB,CAAC,EAAG,MAAA,CAAM;AAAA,UAAA,EAAA,CACxC,IAEA,gBAAAW;AAAA,YAACM;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAOpD,EAAE,kCAAkC;AAAA,cAC3C,aAAaA,EAAE,iCAAiC;AAAA,cAChD,SAASmC;AAAA,cACT,YAAU;AAAA,cACV,cAAcnC,EAAE,yCAAyC;AAAA,YAAA;AAAA,UAAA;AAAA,UAI5D0C,KACC,gBAAAO,EAAAI,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAP,EAAC,MAAA,EAAG,WAAWQ,EAAO,QAAA,CAAS;AAAA,YAE/B,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAWD,EAAO;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAOtD,EAAE,wCAAwC;AAAA,gBACjD,cAAcA,EAAE,yBAAyB;AAAA,gBACzC,YAAU;AAAA,gBACV,cAAcA,EAAE,uCAAuC;AAAA,gBACvD,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAGP,gBAAA8C;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAWD,EAAO;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAOtD,EAAE,6BAA6B;AAAA,gBACtC,cAAcA,EAAE,+BAA+B;AAAA,gBAC/C,YAAU;AAAA,gBACV,cAAcA,EAAE,2CAA2C;AAAA,gBAC3D,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAGP,gBAAAiD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,cAAA,gBAAAJ,EAAC3C,GAAA,EAAM,UAAAH,EAAE,sCAAsC,EAAA,CAAE;AAAA,cACjD,gBAAA8C;AAAA,gBAACU;AAAA,gBAAA;AAAA,kBACC,MAAK;AAAA,kBACL,OAAOxD,EAAE,oCAAoC;AAAA,gBAAA;AAAA,cAAA;AAAA,gCAE9CwD,GAAA,EAAc,MAAK,gBAAe,OAAOxD,EAAE,iCAAiC,EAAA,CAAG;AAAA,YAAA,EAAA,CAClF;AAAA,UAAA,GACF;AAAA,UAGD2C,KACC,gBAAAM,EAAAI,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAP,EAAC,MAAA,EAAG,WAAWQ,EAAO,QAAA,CAAS;AAAA,YAE/B,gBAAAR;AAAA,cAACS;AAAA,cAAA;AAAA,gBACC,WAAWD,EAAO;AAAA,gBAClB,MAAK;AAAA,gBACL,OAAOtD,EAAE,qCAAqC;AAAA,gBAC9C,aAAaA,EAAE,oCAAoC;AAAA,gBACnD,cAAcA,EAAE,yBAAyB;AAAA,gBACzC,YAAU;AAAA,gBACV,cAAcA,EAAE,uCAAuC;AAAA,gBACvD,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,YAGP,gBAAA8C;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAOpD,EAAE,kCAAkC;AAAA,gBAC3C,aAAaA,EAAE,sCAAsC;AAAA,gBACrD,SAASsC;AAAA,gBACT,YAAU;AAAA,gBACV,cAActC,EAAE,8CAA8C;AAAA,cAAA;AAAA,YAAA;AAAA,UAChE,GACF;AAAA,UAGD4C,KACC,gBAAAK,EAAAI,GAAA,EACE,UAAA;AAAA,YAAA,gBAAAP,EAAC,MAAA,EAAG,WAAWQ,EAAO,QAAA,CAAS;AAAA,YAE/B,gBAAAR;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAOpD,EAAE,mCAAmC;AAAA,gBAC5C,aAAaA,EAAE,uCAAuC;AAAA,gBACtD,SAASuC;AAAA,gBACT,YAAY,CAACG;AAAA,gBACb,cAAc1C,EAAE,yCAAyC;AAAA,gBACzD,UAAUgC;AAAA,cAAA;AAAA,YAAA;AAAA,YAGXa,KACC,gBAAAI,EAACC,GAAA,EAAK,KAAK,GACT,UAAA;AAAA,cAAA,gBAAAJ;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACC,WAAWH,EAAO;AAAA,kBAClB,MAAK;AAAA,kBACL,OAAOtD,EAAE,0BAA0B;AAAA,kBACnC,aAAY;AAAA,kBACZ,SAASU;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEX,gBAAAoC;AAAA,gBAACW;AAAA,gBAAA;AAAA,kBACC,WAAWH,EAAO;AAAA,kBAClB,MAAK;AAAA,kBACL,OAAOtD,EAAE,wBAAwB;AAAA,kBACjC,aAAY;AAAA,kBACZ,SAAS0B;AAAA,gBAAA;AAAA,cAAA;AAAA,YACX,EAAA,CACF;AAAA,UAAA,GAEJ;AAAA,4BAGDgC,IAAA,EACC,UAAA;AAAA,YAAA,gBAAAZ,EAAC1C,GAAA,EAAO,SAAQ,aAAY,SAASX,GAAU,YAAYG,GACxD,UAAAI,EAAE,WAAW,EAAA,CAChB;AAAA,YACA,gBAAA8C;AAAA,cAAC1C;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,MAAK;AAAA,gBACL,WAAWR;AAAA,gBACX,YAAY6B;AAAA,gBAEX,YAAE,aAAa;AAAA,cAAA;AAAA,YAAA;AAAA,UAClB,EAAA,CACF;AAAA,QAAA,EAAA,CACF;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,55 +1,56 @@
 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 { useCallback as E, useMemo as L } from "react";
+import { useQueryClient as M } from "@tanstack/react-query";
+import { useHolidayPayPoliciesAddEmployeesMutation as F } from "@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees";
+import { queryKeyHolidayPayPoliciesGet as U, invalidateAllHolidayPayPoliciesGet as Y, useHolidayPayPoliciesGetSuspense as v } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { SelectEmployeesPresentation as I } from "./SelectEmployeesPresentation.js";
+import { useSelectEmployeesData as q } from "./useSelectEmployeesData.js";
+import { useBase as x } 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 V(e) {
+  return e.mode === "wizard" ? /* @__PURE__ */ r(P, { ...e, mode: "wizard" }) : /* @__PURE__ */ r(B, { ...e });
 }
-function x(e) {
-  const { data: t } = Y({
+function B(e) {
+  const { data: i } = v({
     companyUuid: e.companyId
-  }), n = t.holidayPayPolicy;
+  }), n = i.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;
+  const t = L(() => {
+    const a = /* @__PURE__ */ new Set();
+    for (const o of n.employees)
+      o.uuid && a.add(o.uuid);
+    return a;
   }, [n.employees]);
   return /* @__PURE__ */ r(
-    E,
+    P,
     {
       ...e,
       mode: "standalone",
-      existingAssigneeUuids: a,
+      existingAssigneeUuids: t,
       version: n.version
     }
   );
 }
-function E({
+function P({
   companyId: e,
-  mode: t = "standalone",
+  mode: i = "standalone",
   existingAssigneeUuids: n,
-  version: a
+  version: t,
+  className: a
 }) {
-  const { onEvent: o, baseSubmitHandler: i } = q(), c = L(), {
-    filteredEmployees: P,
+  const { onEvent: o, baseSubmitHandler: m } = x(), c = M(), {
+    filteredEmployees: f,
     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 () => {
+    searchValue: h,
+    pagination: S,
+    isFetching: A,
+    handleSelect: _,
+    handleSelectAll: D,
+    handleSearchChange: O,
+    handleSearchClear: g
+  } = q(e, n), { mutateAsync: p, isPending: C } = F(), H = E(async () => {
     const y = [...d];
-    if (t === "wizard") {
+    if (i === "wizard") {
       o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {
         employeeUuids: y
       });
@@ -59,53 +60,54 @@ function E({
       o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE);
       return;
     }
-    await i({}, async () => {
-      const u = (await m({
+    await m({}, async () => {
+      const u = (await p({
         request: {
           companyUuid: e,
           requestBody: {
-            version: a ?? "",
+            version: t ?? "",
             employees: y.map((s) => ({ uuid: s }))
           }
         }
       })).holidayPayPolicy;
       u && c.setQueryData(
-        F(e, {}),
+        U(e, {}),
         (s) => s ? { ...s, holidayPayPolicy: u } : void 0
-      ), await U(c), o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, u);
+      ), await Y(c), o(l.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, u);
     });
   }, [
-    t,
-    d,
     i,
+    d,
     m,
+    p,
     e,
-    a,
+    t,
     c,
     o
-  ]), H = p(() => {
+  ]), w = E(() => {
     o(l.CANCEL);
   }, [o]);
   return /* @__PURE__ */ r(
-    v,
+    I,
     {
-      employees: P,
+      employees: f,
       selectedUuids: d,
-      searchValue: f,
-      onSelect: A,
-      onSelectAll: _,
-      onSearchChange: D,
-      onSearchClear: O,
-      onBack: H,
-      onContinue: C,
+      searchValue: h,
+      onSelect: _,
+      onSelectAll: D,
+      onSearchChange: O,
+      onSearchClear: g,
+      onBack: w,
+      onContinue: H,
       isHolidayPolicy: !0,
-      pagination: h,
-      isFetching: S,
-      isPending: g
+      pagination: S,
+      isFetching: A,
+      isPending: C,
+      className: a
     }
   );
 }
 export {
-  R as SelectEmployeesHoliday
+  V as SelectEmployeesHoliday
 };
 //# sourceMappingURL=SelectEmployeesHoliday.js.map