@gusto/embedded-react-sdk 0.41.0 → 0.43.0

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

@@ -1,35 +1,35 @@
 import { jsx as a, jsxs as i, Fragment as s } from "react/jsx-runtime";
-import { useMemo as o } from "react";
-import { useForm as I, useWatch as v, FormProvider as S } from "react-hook-form";
+import { useMemo as r } from "react";
+import { useForm as I, useWatch as M, FormProvider as S } from "react-hook-form";
 import { useTranslation as q } from "react-i18next";
 import l from "./PolicyConfigurationForm.module.scss.js";
-import { Flex as r } from "../../../Common/Flex/Flex.js";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import { ActionsLayout as w } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as Y } from "../../../Common/Form/Form.js";
-import { useComponentContext as E } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLocale as U } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { Form as U } from "../../../Common/Form/Form.js";
+import { useComponentContext as Y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLocale as E } from "../../../../contexts/LocaleProvider/useLocale.js";
 import { useI18n as k } from "../../../../i18n/I18n.js";
 import { TextInputField as W } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as p } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as m } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { CheckboxField as L } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
+import { NumberInputField as d } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
+import { CheckboxField as _ } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
 import { SelectField as x } from "../../../Common/Fields/SelectField/SelectField.js";
-const j = Array.from({ length: 31 }, (d, t) => ({
+const j = Array.from({ length: 31 }, (m, t) => ({
   value: t + 1,
   label: String(t + 1)
 }));
 function ce({
-  onContinue: d,
+  onContinue: m,
   onCancel: t,
   defaultValues: F
 }) {
   k("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = q("Company.TimeOff.CreateTimeOffPolicy"), { Heading: M, Text: R, Button: u } = E(), { locale: y } = U(), H = o(() => {
+  const { t: e } = q("Company.TimeOff.CreateTimeOffPolicy"), { Heading: L, Text: R, Button: u } = Y(), { locale: y } = E(), g = r(() => {
     const c = new Intl.DateTimeFormat(y, { month: "long" });
-    return Array.from({ length: 12 }, (B, _) => ({
-      value: _ + 1,
-      label: c.format(new Date(2024, _))
+    return Array.from({ length: 12 }, (B, v) => ({
+      value: v + 1,
+      label: c.format(new Date(2024, v))
     }));
   }, [y]), n = I({
     defaultValues: {
@@ -38,7 +38,7 @@ function ce({
       resetDay: 1,
       ...F
     }
-  }), { control: h } = n, D = v({ control: h, name: "accrualMethod" }), O = v({ control: h, name: "resetDateType" }), T = o(
+  }), { control: D } = n, h = M({ control: D, name: "accrualMethod" }), T = M({ control: D, name: "resetDateType" }), H = r(
     () => [
       {
         value: "per_hour_paid",
@@ -57,7 +57,7 @@ function ce({
       }
     ],
     [e]
-  ), P = o(
+  ), O = r(
     () => [
       {
         value: "per_pay_period",
@@ -71,7 +71,7 @@ function ce({
       }
     ],
     [e]
-  ), C = o(
+  ), P = r(
     () => [
       {
         value: "per_anniversary_year",
@@ -83,63 +83,74 @@ function ce({
       }
     ],
     [e]
-  ), g = (c) => {
-    d(c);
-  }, b = D === "per_hour_paid", f = D === "per_calendar_year", N = b || f, A = O === "per_calendar_year";
-  return /* @__PURE__ */ a(S, { ...n, children: /* @__PURE__ */ a(Y, { onSubmit: n.handleSubmit(g), children: /* @__PURE__ */ i(r, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ a(M, { as: "h2", children: e("policyDetails.title") }),
-    /* @__PURE__ */ i(r, { flexDirection: "column", gap: 20, children: [
-      /* @__PURE__ */ a(W, { name: "name", label: e("policyDetails.policyNameLabel"), isRequired: !0 }),
+  ), C = (c) => {
+    m(c);
+  }, b = h === "per_hour_paid", f = h === "per_calendar_year", N = b || f, A = T === "per_calendar_year";
+  return /* @__PURE__ */ a(S, { ...n, children: /* @__PURE__ */ a(U, { onSubmit: n.handleSubmit(C), children: /* @__PURE__ */ i(o, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ a(L, { as: "h2", children: e("policyDetails.title") }),
+    /* @__PURE__ */ i(o, { flexDirection: "column", gap: 20, children: [
+      /* @__PURE__ */ a(
+        W,
+        {
+          name: "name",
+          label: e("policyDetails.policyNameLabel"),
+          isRequired: !0,
+          errorMessage: e("policyDetails.validations.policyName")
+        }
+      ),
       /* @__PURE__ */ a(
         p,
         {
           name: "accrualMethod",
           label: e("policyDetails.accrualMethodLabel"),
           description: e("policyDetails.accrualMethodHint"),
-          options: T,
-          isRequired: !0
+          options: H,
+          isRequired: !0,
+          errorMessage: e("policyDetails.validations.accrualMethod")
         }
       ),
       b && /* @__PURE__ */ i(s, { children: [
         /* @__PURE__ */ a("hr", { className: l.divider }),
         /* @__PURE__ */ a(
-          m,
+          d,
           {
             className: l.narrowInput,
             name: "accrualRate",
             label: e("policyDetails.employeesWillAccrueLabel"),
             adornmentEnd: e("policyDetails.hoursUnit"),
             isRequired: !0,
+            errorMessage: e("policyDetails.validations.accrualRate"),
             min: 0
           }
         ),
         /* @__PURE__ */ a(
-          m,
+          d,
           {
             className: l.narrowInput,
             name: "accrualRateUnit",
             label: e("policyDetails.forEveryLabel"),
             adornmentEnd: e("policyDetails.hoursWorkedUnit"),
             isRequired: !0,
+            errorMessage: e("policyDetails.validations.accrualRateUnit"),
             min: 1
           }
         ),
-        /* @__PURE__ */ i(r, { flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ i(o, { flexDirection: "column", gap: 8, children: [
           /* @__PURE__ */ a(R, { children: e("policyDetails.additionalOptionsLabel") }),
           /* @__PURE__ */ a(
-            L,
+            _,
             {
               name: "includeOvertime",
               label: e("policyDetails.includeOvertimeLabel")
             }
           ),
-          /* @__PURE__ */ a(L, { name: "allPaidHours", label: e("policyDetails.allPaidHoursLabel") })
+          /* @__PURE__ */ a(_, { name: "allPaidHours", label: e("policyDetails.allPaidHoursLabel") })
         ] })
       ] }),
       f && /* @__PURE__ */ i(s, { children: [
         /* @__PURE__ */ a("hr", { className: l.divider }),
         /* @__PURE__ */ a(
-          m,
+          d,
           {
             className: l.narrowInput,
             name: "accrualRate",
@@ -147,6 +158,7 @@ function ce({
             description: e("policyDetails.fixedAccrualRateHint"),
             adornmentEnd: e("policyDetails.hoursUnit"),
             isRequired: !0,
+            errorMessage: e("policyDetails.validations.accrualRate"),
             min: 0
           }
         ),
@@ -156,8 +168,9 @@ function ce({
             name: "accrualMethodFixed",
             label: e("policyDetails.accrualMethodFixed"),
             description: e("policyDetails.accrualMethodFixedHint"),
-            options: P,
-            isRequired: !0
+            options: O,
+            isRequired: !0,
+            errorMessage: e("policyDetails.validations.accrualMethodFixed")
           }
         )
       ] }),
@@ -169,18 +182,19 @@ function ce({
             name: "resetDateType",
             label: e("policyDetails.policyResetDateType"),
             description: e("policyDetails.policyResetDateTypeHint"),
-            options: C,
-            isRequired: !0
+            options: P,
+            isRequired: !0,
+            errorMessage: e("policyDetails.validations.resetDateType")
           }
         ),
-        A && /* @__PURE__ */ i(r, { gap: 8, children: [
+        A && /* @__PURE__ */ i(o, { gap: 8, children: [
           /* @__PURE__ */ a(
             x,
             {
               className: l.dateSelect,
               name: "resetMonth",
               label: e("policyDetails.monthLabel"),
-              options: H
+              options: g
             }
           ),
           /* @__PURE__ */ a(

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { 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'\n\nconst DAY_OPTIONS = Array.from({ length: 31 }, (_, i) => ({\n  value: i + 1,\n  label: String(i + 1),\n}))\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\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 } = formMethods\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\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 onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\">{t('policyDetails.title')}</Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField name=\"name\" label={t('policyDetails.policyNameLabel')} isRequired />\n\n            <RadioGroupField<AccrualMethod>\n              name=\"accrualMethod\"\n              label={t('policyDetails.accrualMethodLabel')}\n              description={t('policyDetails.accrualMethodHint')}\n              options={accrualMethodOptions}\n              isRequired\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                  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                  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                  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                />\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\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={DAY_OPTIONS}\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":["DAY_OPTIONS","_","i","PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","monthOptions","useMemo","formatter","formMethods","useForm","control","accrualMethod","useWatch","resetDateType","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/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { 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'\n\nconst DAY_OPTIONS = Array.from({ length: 31 }, (_, i) => ({\n  value: i + 1,\n  label: String(i + 1),\n}))\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\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 } = formMethods\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\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 onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\">{t('policyDetails.title')}</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\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={DAY_OPTIONS}\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":["DAY_OPTIONS","_","i","PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","monthOptions","useMemo","formatter","formMethods","useForm","control","accrualMethod","useWatch","resetDateType","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/UNSTABLE_TimeOff/TimeOffManagement/SelectEmployees/SelectEmployees.d.ts

@@ -0,0 +1,2 @@
+import { SelectEmployeesProps } from './SelectEmployeesTypes';
+export declare function SelectEmployees({ employees, selectedUuids, searchValue, onSelect, onSearchChange, onSearchClear, onBack, onContinue, showReassignmentWarning, balances, onBalanceChange, pagination, isFetching, }: SelectEmployeesProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+interface SelectEmployeesHolidayProps {
+    companyId: string;
+    mode?: 'standalone' | 'wizard';
+}
+export declare function SelectEmployeesHoliday({ companyId, mode, }: SelectEmployeesHolidayProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,66 @@
+import { jsx as D } from "react/jsx-runtime";
+import { useCallback as r } from "react";
+import { useHolidayPayPoliciesAddEmployeesMutation as _ } from "@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees";
+import { useHolidayPayPoliciesGetSuspense as C } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { SelectEmployeesPresentation as O } from "./SelectEmployeesPresentation.js";
+import { useSelectEmployeesData as A } from "./useSelectEmployeesData.js";
+import { useBase as g } from "../../../Base/useBase.js";
+import { componentEvents as t } from "../../../../shared/constants.js";
+function Y({
+  companyId: o,
+  mode: n = "standalone"
+}) {
+  const { onEvent: e, baseSubmitHandler: s } = g(), {
+    filteredEmployees: c,
+    selectedUuids: a,
+    searchValue: m,
+    pagination: y,
+    isFetching: p,
+    handleSelect: u,
+    handleSearchChange: d,
+    handleSearchClear: E
+  } = A(o), { data: i } = C({
+    companyUuid: o
+  }), { mutateAsync: l } = _(), h = r(async () => {
+    if (n === "wizard") {
+      e(t.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {
+        employeeUuids: [...a]
+      });
+      return;
+    }
+    await s({}, async () => {
+      const f = await l({
+        request: {
+          companyUuid: o,
+          requestBody: {
+            version: i.holidayPayPolicy?.version ?? "",
+            employees: [...a].map((P) => ({ uuid: P }))
+          }
+        }
+      });
+      e(t.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, f.holidayPayPolicy);
+    });
+  }, [n, s, l, o, i, a, e]), S = r(() => {
+    e(t.CANCEL);
+  }, [e]);
+  return /* @__PURE__ */ D(
+    O,
+    {
+      employees: c,
+      selectedUuids: a,
+      searchValue: m,
+      onSelect: u,
+      onSearchChange: d,
+      onSearchClear: E,
+      onBack: S,
+      onContinue: h,
+      showReassignmentWarning: !1,
+      pagination: y,
+      isFetching: p
+    }
+  );
+}
+export {
+  Y as SelectEmployeesHoliday
+};
+//# sourceMappingURL=SelectEmployeesHoliday.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEmployeesHoliday.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useHolidayPayPoliciesAddEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees'\nimport { useHolidayPayPoliciesGetSuspense } from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\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({\n  companyId,\n  mode = 'standalone',\n}: SelectEmployeesHolidayProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const {\n    filteredEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId)\n\n  const { data: policyData } = useHolidayPayPoliciesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const { mutateAsync: addEmployees } = useHolidayPayPoliciesAddEmployeesMutation()\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    await baseSubmitHandler({}, async () => {\n      const result = await addEmployees({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: policyData.holidayPayPolicy?.version ?? '',\n            employees: [...selectedUuids].map(uuid => ({ uuid })),\n          },\n        },\n      })\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, result.holidayPayPolicy)\n    })\n  }, [mode, baseSubmitHandler, addEmployees, companyId, policyData, selectedUuids, onEvent])\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      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      showReassignmentWarning={false}\n      pagination={pagination}\n      isFetching={isFetching}\n    />\n  )\n}\n"],"names":["SelectEmployeesHoliday","companyId","mode","onEvent","baseSubmitHandler","useBase","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSearchChange","handleSearchClear","useSelectEmployeesData","policyData","useHolidayPayPoliciesGetSuspense","addEmployees","useHolidayPayPoliciesAddEmployeesMutation","handleContinue","useCallback","componentEvents","result","uuid","handleBack","jsx","SelectEmployeesPresentation"],"mappings":";;;;;;;;AAaO,SAASA,EAAuB;AAAA,EACrC,WAAAC;AAAA,EACA,MAAAC,IAAO;AACT,GAAgC;AAC9B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC;AAAA,IACJ,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAuBb,CAAS,GAE9B,EAAE,MAAMc,EAAA,IAAeC,EAAiC;AAAA,IAC5D,aAAaf;AAAA,EAAA,CACd,GAEK,EAAE,aAAagB,EAAA,IAAiBC,EAAA,GAEhCC,IAAiBC,EAAY,YAAY;AAC7C,QAAIlB,MAAS,UAAU;AACrB,MAAAC,EAAQkB,EAAgB,qCAAqC;AAAA,QAC3D,eAAe,CAAC,GAAGd,CAAa;AAAA,MAAA,CACjC;AACD;AAAA,IACF;AAEA,UAAMH,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMkB,IAAS,MAAML,EAAa;AAAA,QAChC,SAAS;AAAA,UACP,aAAahB;AAAA,UACb,aAAa;AAAA,YACX,SAASc,EAAW,kBAAkB,WAAW;AAAA,YACjD,WAAW,CAAC,GAAGR,CAAa,EAAE,IAAI,CAAAgB,OAAS,EAAE,MAAAA,IAAO;AAAA,UAAA;AAAA,QACtD;AAAA,MACF,CACD;AACD,MAAApB,EAAQkB,EAAgB,qCAAqCC,EAAO,gBAAgB;AAAA,IACtF,CAAC;AAAA,EACH,GAAG,CAACpB,GAAME,GAAmBa,GAAchB,GAAWc,GAAYR,GAAeJ,CAAO,CAAC,GAEnFqB,IAAaJ,EAAY,MAAM;AACnC,IAAAjB,EAAQkB,EAAgB,MAAM;AAAA,EAChC,GAAG,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWpB;AAAA,MACX,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUG;AAAA,MACV,gBAAgBC;AAAA,MAChB,eAAeC;AAAA,MACf,QAAQW;AAAA,MACR,YAAYL;AAAA,MACZ,yBAAyB;AAAA,MACzB,YAAAV;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

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

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

@@ -0,0 +1,82 @@
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useId as E } from "react";
+import { useTranslation as S } from "react-i18next";
+import { EmployeeTable as D } from "../../shared/EmployeeTable/EmployeeTable.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { ActionsLayout as H } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as $ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as j } from "../../../../i18n/I18n.js";
+function w({
+  employees: s,
+  selectedUuids: d,
+  searchValue: u,
+  onSelect: p,
+  onSearchChange: f,
+  onSearchClear: C,
+  onBack: h,
+  onContinue: y,
+  showReassignmentWarning: o,
+  balances: b,
+  onBalanceChange: a,
+  pagination: g,
+  isFetching: x
+}) {
+  j("Company.TimeOff.SelectEmployees");
+  const { t: e } = S("Company.TimeOff.SelectEmployees"), l = $(), { Heading: I, Text: T, Button: r, Alert: k } = l, m = E();
+  return /* @__PURE__ */ i(c, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
+    /* @__PURE__ */ i(c, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(I, { as: "h2", children: e("title") }),
+      /* @__PURE__ */ t(T, { variant: "supporting", children: e(o ? "description" : "holidayDescription") })
+    ] }),
+    o && /* @__PURE__ */ t(k, { status: "warning", label: e("reassignmentWarning") }),
+    /* @__PURE__ */ t(
+      D,
+      {
+        data: s,
+        searchValue: u,
+        onSearchChange: f,
+        onSearchClear: C,
+        selectionMode: "multiple",
+        onSelect: p,
+        getIsItemSelected: (n) => d.has(n.uuid),
+        isFetching: x,
+        pagination: g,
+        additionalColumns: [
+          {
+            key: "department",
+            title: e("departmentColumn")
+          },
+          ...a ? [
+            {
+              key: "balance",
+              title: /* @__PURE__ */ t("span", { id: m, children: e("startingBalanceColumn") }),
+              render: (n) => /* @__PURE__ */ t(
+                l.TextInput,
+                {
+                  name: `balance-${n.uuid}`,
+                  label: e("startingBalanceColumn"),
+                  shouldVisuallyHideLabel: !0,
+                  "aria-labelledby": `employee-name-${n.uuid} ${m}`,
+                  value: b?.[n.uuid] ?? "",
+                  onChange: (v) => {
+                    a(n.uuid, v);
+                  },
+                  placeholder: "0"
+                }
+              )
+            }
+          ] : []
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(H, { children: [
+      /* @__PURE__ */ t(r, { variant: "secondary", onClick: h, children: e("backCta") }),
+      /* @__PURE__ */ t(r, { variant: "primary", onClick: y, children: e("continueCta") })
+    ] })
+  ] });
+}
+export {
+  w as SelectEmployeesPresentation
+};
+//# sourceMappingURL=SelectEmployeesPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEmployeesPresentation.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.tsx"],"sourcesContent":["import { useId } from 'react'\nimport { useTranslation } from 'react-i18next'\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  onSearchChange,\n  onSearchClear,\n  onBack,\n  onContinue,\n  showReassignmentWarning,\n  balances,\n  onBalanceChange,\n  pagination,\n  isFetching,\n}: SelectEmployeesPresentationProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const Components = useComponentContext()\n  const { Heading, Text, Button, Alert } = Components\n  const balanceColHeaderId = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">\n          {showReassignmentWarning ? t('description') : t('holidayDescription')}\n        </Text>\n      </Flex>\n\n      {showReassignmentWarning && <Alert status=\"warning\" label={t('reassignmentWarning')} />}\n\n      <EmployeeTable<EmployeeItem>\n        data={employees}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchClear={onSearchClear}\n        selectionMode=\"multiple\"\n        onSelect={onSelect}\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: <span id={balanceColHeaderId}>{t('startingBalanceColumn')}</span>,\n                  render: (employee: EmployeeItem) => (\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      <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    </Flex>\n  )\n}\n"],"names":["SelectEmployeesPresentation","employees","selectedUuids","searchValue","onSelect","onSearchChange","onSearchClear","onBack","onContinue","showReassignmentWarning","balances","onBalanceChange","pagination","isFetching","useI18n","t","useTranslation","Components","useComponentContext","Heading","Text","Button","Alert","balanceColHeaderId","useId","Flex","jsxs","jsx","EmployeeTable","item","employee","value","ActionsLayout"],"mappings":";;;;;;;;;AAWO,SAASA,EAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GACb,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,MAAUL,GACnCM,IAAqBC,EAAA;AAE3B,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,WAAU,KAAK,IACrD,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAE,EAACR,GAAA,EAAQ,IAAG,MAAM,UAAAJ,EAAE,OAAO,GAAE;AAAA,MAC7B,gBAAAY,EAACP,GAAA,EAAK,SAAQ,cACX,UAA0BL,EAA1BN,IAA4B,gBAAmB,oBAAN,EAA0B,CACtE;AAAA,IAAA,GACF;AAAA,IAECA,uBAA4Ba,GAAA,EAAM,QAAO,WAAU,OAAOP,EAAE,qBAAqB,GAAG;AAAA,IAErF,gBAAAY;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAM3B;AAAA,QACN,aAAAE;AAAA,QACA,gBAAAE;AAAA,QACA,eAAAC;AAAA,QACA,eAAc;AAAA,QACd,UAAAF;AAAA,QACA,mBAAmB,CAAAyB,MAAQ3B,EAAc,IAAI2B,EAAK,IAAI;AAAA,QACtD,YAAAhB;AAAA,QACA,YAAAD;AAAA,QACA,mBAAmB;AAAA,UACjB;AAAA,YACE,KAAK;AAAA,YACL,OAAOG,EAAE,kBAAkB;AAAA,UAAA;AAAA,UAE7B,GAAIJ,IACA;AAAA,YACE;AAAA,cACE,KAAK;AAAA,cACL,OAAO,gBAAAgB,EAAC,QAAA,EAAK,IAAIJ,GAAqB,UAAAR,EAAE,uBAAuB,GAAE;AAAA,cACjE,QAAQ,CAACe,MACP,gBAAAH;AAAA,gBAACV,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAM,WAAWa,EAAS,IAAI;AAAA,kBAC9B,OAAOf,EAAE,uBAAuB;AAAA,kBAChC,yBAAuB;AAAA,kBACvB,mBAAiB,iBAAiBe,EAAS,IAAI,IAAIP,CAAkB;AAAA,kBACrE,OAAOb,IAAWoB,EAAS,IAAI,KAAK;AAAA,kBACpC,UAAU,CAACC,MAAkB;AAC3B,oBAAApB,EAAgBmB,EAAS,MAAMC,CAAK;AAAA,kBACtC;AAAA,kBACA,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YACd;AAAA,UAEJ,IAEF,CAAA;AAAA,QAAC;AAAA,MACP;AAAA,IAAA;AAAA,sBAGDC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACN,KAAO,SAAQ,aAAY,SAASd,GAClC,UAAAQ,EAAE,SAAS,GACd;AAAA,MACA,gBAAAY,EAACN,KAAO,SAAQ,WAAU,SAASb,GAChC,UAAAO,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -0,0 +1,24 @@
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+export interface EmployeeItem {
+    uuid: string;
+    firstName?: string | null;
+    lastName?: string | null;
+    jobTitle?: string | null;
+    department?: string | null;
+    balance?: string | null;
+}
+export interface SelectEmployeesPresentationProps {
+    employees: EmployeeItem[];
+    selectedUuids: Set<string>;
+    searchValue: string;
+    onSelect: (item: EmployeeItem, checked: boolean) => void;
+    onSearchChange: (value: string) => void;
+    onSearchClear: () => void;
+    onBack: () => void;
+    onContinue: () => void;
+    showReassignmentWarning: boolean;
+    balances?: Record<string, string>;
+    onBalanceChange?: (uuid: string, value: string) => void;
+    pagination?: PaginationControlProps;
+    isFetching?: boolean;
+}

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

@@ -0,0 +1,7 @@
+interface SelectEmployeesTimeOffProps {
+    companyId: string;
+    policyId: string;
+    mode?: 'standalone' | 'wizard';
+}
+export declare function SelectEmployeesTimeOff({ companyId, policyId, mode, }: SelectEmployeesTimeOffProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.js

@@ -0,0 +1,70 @@
+import { jsx as D } from "react/jsx-runtime";
+import { useState as P, useCallback as s } from "react";
+import { useTimeOffPoliciesAddEmployeesMutation as b } from "@gusto/embedded-api/react-query/timeOffPoliciesAddEmployees";
+import { SelectEmployeesPresentation as A } from "./SelectEmployeesPresentation.js";
+import { useSelectEmployeesData as F } from "./useSelectEmployeesData.js";
+import { useBase as M } from "../../../Base/useBase.js";
+import { componentEvents as l } from "../../../../shared/constants.js";
+function q({
+  companyId: p,
+  policyId: c,
+  mode: r = "standalone"
+}) {
+  const { onEvent: e, baseSubmitHandler: i } = M(), {
+    filteredEmployees: E,
+    selectedUuids: a,
+    searchValue: f,
+    pagination: h,
+    isFetching: d,
+    handleSelect: u,
+    handleSearchChange: y,
+    handleSearchClear: S
+  } = F(p), [o, C] = P({}), { mutateAsync: m } = b(), O = s((t, n) => {
+    C((B) => ({ ...B, [t]: n }));
+  }, []), g = s(async () => {
+    if (r === "wizard") {
+      e(l.TIME_OFF_ADD_EMPLOYEES_DONE, {
+        employeeUuids: [...a]
+      });
+      return;
+    }
+    await i({}, async () => {
+      const t = await m({
+        request: {
+          timeOffPolicyUuid: c,
+          requestBody: {
+            employees: [...a].map((n) => ({
+              uuid: n,
+              ...o[n] !== void 0 && { balance: o[n] }
+            }))
+          }
+        }
+      });
+      e(l.TIME_OFF_ADD_EMPLOYEES_DONE, t.timeOffPolicy);
+    });
+  }, [r, i, m, c, a, o, e]), _ = s(() => {
+    e(l.CANCEL);
+  }, [e]);
+  return /* @__PURE__ */ D(
+    A,
+    {
+      employees: E,
+      selectedUuids: a,
+      searchValue: f,
+      onSelect: u,
+      onSearchChange: y,
+      onSearchClear: S,
+      onBack: _,
+      onContinue: g,
+      showReassignmentWarning: !0,
+      balances: o,
+      onBalanceChange: O,
+      pagination: h,
+      isFetching: d
+    }
+  );
+}
+export {
+  q as SelectEmployeesTimeOff
+};
+//# sourceMappingURL=SelectEmployeesTimeOff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEmployeesTimeOff.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.tsx"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { useTimeOffPoliciesAddEmployeesMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesAddEmployees'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { useSelectEmployeesData } from './useSelectEmployeesData'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\ninterface SelectEmployeesTimeOffProps {\n  companyId: string\n  policyId: string\n  mode?: 'standalone' | 'wizard'\n}\n\nexport function SelectEmployeesTimeOff({\n  companyId,\n  policyId,\n  mode = 'standalone',\n}: SelectEmployeesTimeOffProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const {\n    filteredEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId)\n  const [balances, setBalances] = useState<Record<string, string>>({})\n\n  const { mutateAsync: addEmployees } = useTimeOffPoliciesAddEmployeesMutation()\n\n  const handleBalanceChange = useCallback((uuid: string, value: string) => {\n    setBalances(prev => ({ ...prev, [uuid]: value }))\n  }, [])\n\n  const handleContinue = useCallback(async () => {\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE, {\n        employeeUuids: [...selectedUuids],\n      })\n      return\n    }\n\n    await baseSubmitHandler({}, async () => {\n      const response = await addEmployees({\n        request: {\n          timeOffPolicyUuid: policyId,\n          requestBody: {\n            employees: [...selectedUuids].map(uuid => ({\n              uuid,\n              ...(balances[uuid] !== undefined && { balance: balances[uuid] }),\n            })),\n          },\n        },\n      })\n      onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE, response.timeOffPolicy)\n    })\n  }, [mode, baseSubmitHandler, addEmployees, policyId, selectedUuids, balances, onEvent])\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      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      showReassignmentWarning\n      balances={balances}\n      onBalanceChange={handleBalanceChange}\n      pagination={pagination}\n      isFetching={isFetching}\n    />\n  )\n}\n"],"names":["SelectEmployeesTimeOff","companyId","policyId","mode","onEvent","baseSubmitHandler","useBase","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSearchChange","handleSearchClear","useSelectEmployeesData","balances","setBalances","useState","addEmployees","useTimeOffPoliciesAddEmployeesMutation","handleBalanceChange","useCallback","uuid","value","prev","handleContinue","componentEvents","response","handleBack","jsx","SelectEmployeesPresentation"],"mappings":";;;;;;;AAaO,SAASA,EAAuB;AAAA,EACrC,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AACT,GAAgC;AAC9B,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC;AAAA,IACJ,mBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,YAAAC;AAAA,IACA,cAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAuBd,CAAS,GAC9B,CAACe,GAAUC,CAAW,IAAIC,EAAiC,CAAA,CAAE,GAE7D,EAAE,aAAaC,EAAA,IAAiBC,EAAA,GAEhCC,IAAsBC,EAAY,CAACC,GAAcC,MAAkB;AACvE,IAAAP,EAAY,CAAAQ,OAAS,EAAE,GAAGA,GAAM,CAACF,CAAI,GAAGC,IAAQ;AAAA,EAClD,GAAG,CAAA,CAAE,GAECE,IAAiBJ,EAAY,YAAY;AAC7C,QAAInB,MAAS,UAAU;AACrB,MAAAC,EAAQuB,EAAgB,6BAA6B;AAAA,QACnD,eAAe,CAAC,GAAGnB,CAAa;AAAA,MAAA,CACjC;AACD;AAAA,IACF;AAEA,UAAMH,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMuB,IAAW,MAAMT,EAAa;AAAA,QAClC,SAAS;AAAA,UACP,mBAAmBjB;AAAA,UACnB,aAAa;AAAA,YACX,WAAW,CAAC,GAAGM,CAAa,EAAE,IAAI,CAAAe,OAAS;AAAA,cACzC,MAAAA;AAAA,cACA,GAAIP,EAASO,CAAI,MAAM,UAAa,EAAE,SAASP,EAASO,CAAI,EAAA;AAAA,YAAE,EAC9D;AAAA,UAAA;AAAA,QACJ;AAAA,MACF,CACD;AACD,MAAAnB,EAAQuB,EAAgB,6BAA6BC,EAAS,aAAa;AAAA,IAC7E,CAAC;AAAA,EACH,GAAG,CAACzB,GAAME,GAAmBc,GAAcjB,GAAUM,GAAeQ,GAAUZ,CAAO,CAAC,GAEhFyB,IAAaP,EAAY,MAAM;AACnC,IAAAlB,EAAQuB,EAAgB,MAAM;AAAA,EAChC,GAAG,CAACvB,CAAO,CAAC;AAEZ,SACE,gBAAA0B;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWxB;AAAA,MACX,eAAAC;AAAA,MACA,aAAAC;AAAA,MACA,UAAUG;AAAA,MACV,gBAAgBC;AAAA,MAChB,eAAeC;AAAA,MACf,QAAQe;AAAA,MACR,YAAYH;AAAA,MACZ,yBAAuB;AAAA,MACvB,UAAAV;AAAA,MACA,iBAAiBK;AAAA,MACjB,YAAAX;AAAA,MACA,YAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTypes.d.ts

@@ -0,0 +1,24 @@
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+export interface EmployeeItem {
+    uuid: string;
+    firstName?: string | null;
+    lastName?: string | null;
+    jobTitle?: string | null;
+    department?: string | null;
+    balance?: string | null;
+}
+export interface SelectEmployeesProps {
+    employees: EmployeeItem[];
+    selectedUuids: Set<string>;
+    searchValue: string;
+    onSelect: (item: EmployeeItem, checked: boolean) => void;
+    onSearchChange: (value: string) => void;
+    onSearchClear: () => void;
+    onBack: () => void;
+    onContinue: () => void;
+    showReassignmentWarning: boolean;
+    balances?: Record<string, string>;
+    onBalanceChange?: (uuid: string, value: string) => void;
+    pagination?: PaginationControlProps;
+    isFetching?: boolean;
+}

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

@@ -0,0 +1,11 @@
+import { EmployeeItem } from './SelectEmployeesPresentationTypes';
+export declare function useSelectEmployeesData(companyId: string): {
+    filteredEmployees: EmployeeItem[];
+    selectedUuids: Set<string>;
+    searchValue: string;
+    pagination: Required<Pick<import('../../../..').PaginationControlProps, "totalCount" | "itemsPerPage">> & Omit<import('../../../..').PaginationControlProps, "totalCount" | "itemsPerPage">;
+    isFetching: boolean;
+    handleSelect: (item: EmployeeItem, checked: boolean) => void;
+    handleSearchChange: (value: string) => void;
+    handleSearchClear: () => void;
+};