@gusto/embedded-react-sdk 0.46.0 → 0.46.2

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

@@ -1,63 +1,64 @@
-import { jsx as a, jsxs as r, Fragment as h } from "react/jsx-runtime";
-import { useId as z, useMemo as s, useEffect as L, useCallback as J } from "react";
-import { useForm as K, useWatch as m, FormProvider as Q } from "react-hook-form";
-import { useTranslation as X } from "react-i18next";
+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 o from "./PolicyConfigurationForm.module.scss.js";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
+import { Flex as d } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { ActionsLayout as Z } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { Form as $ } from "../../../Common/Form/Form.js";
-import { useComponentContext as ee } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLocale as ae } from "../../../../contexts/LocaleProvider/useLocale.js";
-import { useI18n as ie } from "../../../../i18n/I18n.js";
-import { getDaysInMonth as T } from "../../../../helpers/dateFormatting.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 { getDaysInMonth as C } from "../../../../helpers/dateFormatting.js";
 import { TextInputField as te } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as b } from "../../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as f } from "../../../Common/Fields/NumberInputField/NumberInputField.js";
-import { CheckboxField as C } from "../../../Common/Fields/CheckboxField/CheckboxField.js";
-import { SelectField as H } from "../../../Common/Fields/SelectField/SelectField.js";
-function Re({
-  onContinue: O,
-  onCancel: P,
-  defaultValues: I,
-  editingPolicyName: v,
-  isPending: M = !1
+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 Le({
+  onContinue: N,
+  onCancel: w,
+  defaultValues: q,
+  editingPolicyName: g,
+  isPending: x = !1,
+  lockedAccrualCategory: y
 }) {
-  ie("Company.TimeOff.CreateTimeOffPolicy");
-  const { t: e } = X("Company.TimeOff.CreateTimeOffPolicy"), { Heading: N, Text: A, Button: _ } = ee(), { locale: g } = ae(), R = z(), q = s(() => {
-    const t = new Intl.DateTimeFormat(g, { month: "long" });
-    return Array.from({ length: 12 }, (d, n) => ({
-      value: n + 1,
-      label: t.format(new Date(2024, n))
+  le("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: e } = Z("Company.TimeOff.CreateTimeOffPolicy"), { Heading: A, Text: D, Button: L } = ae(), { locale: R } = ie(), F = J(), S = 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))
     }));
-  }, [g]), y = K({
+  }, [R]), h = Q({
     defaultValues: {
       name: "",
       resetMonth: 1,
       resetDay: 1,
-      ...I
+      ...q
     }
-  }), { control: c, setValue: i, getValues: x } = y, w = m({ control: c, name: "name" }), l = m({ control: c, name: "accrualMethod" }), S = m({ control: c, name: "resetDateType" }), p = m({ control: c, name: "resetMonth" }), U = !w.trim() || !l, E = s(() => {
-    const t = T(p ?? 1);
-    return Array.from({ length: t }, (d, n) => ({
-      value: n + 1,
-      label: String(n + 1)
+  }), { control: p, setValue: l, getValues: T } = h, 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(() => {
+    const i = C(m ?? 1);
+    return Array.from({ length: i }, (r, s) => ({
+      value: s + 1,
+      label: String(s + 1)
     }));
-  }, [p]);
-  L(() => {
-    const t = T(p ?? 1), d = x("resetDay");
-    d != null && d > t && i("resetDay", t);
-  }, [p, x, i]), L(() => {
-    l !== "per_hour_paid" && (i("accrualRateUnit", void 0), i("includeOvertime", void 0), i("allPaidHours", void 0)), l !== "per_calendar_year" && i("accrualMethodFixed", void 0), l !== "per_hour_paid" && l !== "per_calendar_year" && (i("resetDateType", void 0), i("resetMonth", 1), i("resetDay", 1), i("accrualRate", void 0));
-  }, [l, i]);
-  const k = J(
-    (t) => {
-      t === "per_anniversary_year" && (i("resetMonth", 1), i("resetDay", 1));
+  }, [m]);
+  O(() => {
+    const i = C(m ?? 1), r = T("resetDay");
+    r != null && r > i && l("resetDay", i);
+  }, [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(
+    (i) => {
+      i === "per_anniversary_year" && (l("resetMonth", 1), l("resetDay", 1));
     },
-    [i]
-  ), Y = s(
-    () => [
+    [l]
+  ), b = c(() => {
+    const i = [
       {
         value: "per_hour_paid",
         label: e("policyDetails.perHourPaidLabel"),
@@ -73,9 +74,9 @@ function Re({
         label: e("policyDetails.unlimitedLabel"),
         description: e("policyDetails.unlimitedHint")
       }
-    ],
-    [e]
-  ), V = s(
+    ];
+    return y === "unlimited" ? i.filter((r) => r.value === "unlimited") : y === "accrual_based" ? i.filter((r) => r.value !== "unlimited") : i;
+  }, [e, y]), j = c(
     () => [
       {
         value: "per_pay_period",
@@ -89,7 +90,7 @@ function Re({
       }
     ],
     [e]
-  ), W = s(
+  ), k = c(
     () => [
       {
         value: "per_anniversary_year",
@@ -101,12 +102,12 @@ function Re({
       }
     ],
     [e]
-  ), j = (t) => {
-    O(t);
-  }, D = l === "per_hour_paid", F = l === "per_calendar_year", B = D || F, G = S === "per_calendar_year";
-  return /* @__PURE__ */ a(Q, { ...y, children: /* @__PURE__ */ a($, { "aria-labelledby": R, onSubmit: y.handleSubmit(j), children: /* @__PURE__ */ r(u, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ a(N, { as: "h2", id: R, children: v ? e("policyDetails.editTitle", { name: v }) : e("policyDetails.createTitle") }),
-    /* @__PURE__ */ r(u, { flexDirection: "column", gap: 20, children: [
+  ), B = (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, { ...h, children: /* @__PURE__ */ a(ee, { "aria-labelledby": F, onSubmit: h.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,
         {
@@ -116,21 +117,24 @@ function Re({
           errorMessage: e("policyDetails.validations.policyName")
         }
       ),
-      /* @__PURE__ */ a(
-        b,
+      b.length === 1 ? /* @__PURE__ */ t(d, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ a(D, { weight: "medium", children: e("policyDetails.accrualMethodLabel") }),
+        /* @__PURE__ */ a(D, { children: b[0].label })
+      ] }) : /* @__PURE__ */ a(
+        M,
         {
           name: "accrualMethod",
           label: e("policyDetails.accrualMethodLabel"),
           description: e("policyDetails.accrualMethodHint"),
-          options: Y,
+          options: b,
           isRequired: !0,
           errorMessage: e("policyDetails.validations.accrualMethod")
         }
       ),
-      D && /* @__PURE__ */ r(h, { children: [
+      f && /* @__PURE__ */ t(v, { children: [
         /* @__PURE__ */ a("hr", { className: o.divider }),
         /* @__PURE__ */ a(
-          f,
+          _,
           {
             className: o.narrowInput,
             name: "accrualRate",
@@ -142,7 +146,7 @@ function Re({
           }
         ),
         /* @__PURE__ */ a(
-          f,
+          _,
           {
             className: o.narrowInput,
             name: "accrualRateUnit",
@@ -153,22 +157,22 @@ function Re({
             min: 1
           }
         ),
-        /* @__PURE__ */ r(u, { flexDirection: "column", gap: 8, children: [
-          /* @__PURE__ */ a(A, { children: e("policyDetails.additionalOptionsLabel") }),
+        /* @__PURE__ */ t(d, { flexDirection: "column", gap: 8, children: [
+          /* @__PURE__ */ a(D, { children: e("policyDetails.additionalOptionsLabel") }),
           /* @__PURE__ */ a(
-            C,
+            P,
             {
               name: "includeOvertime",
               label: e("policyDetails.includeOvertimeLabel")
             }
           ),
-          /* @__PURE__ */ a(C, { name: "allPaidHours", label: e("policyDetails.allPaidHoursLabel") })
+          /* @__PURE__ */ a(P, { name: "allPaidHours", label: e("policyDetails.allPaidHoursLabel") })
         ] })
       ] }),
-      F && /* @__PURE__ */ r(h, { children: [
+      H && /* @__PURE__ */ t(v, { children: [
         /* @__PURE__ */ a("hr", { className: o.divider }),
         /* @__PURE__ */ a(
-          f,
+          _,
           {
             className: o.narrowInput,
             name: "accrualRate",
@@ -181,61 +185,61 @@ function Re({
           }
         ),
         /* @__PURE__ */ a(
-          b,
+          M,
           {
             name: "accrualMethodFixed",
             label: e("policyDetails.accrualMethodFixed"),
             description: e("policyDetails.accrualMethodFixedHint"),
-            options: V,
+            options: j,
             isRequired: !0,
             errorMessage: e("policyDetails.validations.accrualMethodFixed")
           }
         )
       ] }),
-      B && /* @__PURE__ */ r(h, { children: [
+      G && /* @__PURE__ */ t(v, { children: [
         /* @__PURE__ */ a("hr", { className: o.divider }),
         /* @__PURE__ */ a(
-          b,
+          M,
           {
             name: "resetDateType",
             label: e("policyDetails.policyResetDateType"),
             description: e("policyDetails.policyResetDateTypeHint"),
-            options: W,
-            isRequired: !D,
+            options: k,
+            isRequired: !f,
             errorMessage: e("policyDetails.validations.resetDateType"),
-            onChange: k
+            onChange: W
           }
         ),
-        G && /* @__PURE__ */ r(u, { gap: 8, children: [
+        z && /* @__PURE__ */ t(d, { gap: 8, children: [
           /* @__PURE__ */ a(
-            H,
+            I,
             {
               className: o.dateSelect,
               name: "resetMonth",
               label: e("policyDetails.monthLabel"),
-              options: q
+              options: S
             }
           ),
           /* @__PURE__ */ a(
-            H,
+            I,
             {
               className: o.dateSelect,
               name: "resetDay",
               label: e("policyDetails.dayLabel"),
-              options: E
+              options: V
             }
           )
         ] })
       ] }),
-      /* @__PURE__ */ r(Z, { children: [
-        /* @__PURE__ */ a(_, { variant: "secondary", onClick: P, isDisabled: M, children: e("cancelCta") }),
+      /* @__PURE__ */ t($, { children: [
+        /* @__PURE__ */ a(L, { variant: "secondary", onClick: w, isDisabled: x, children: e("cancelCta") }),
         /* @__PURE__ */ a(
-          _,
+          L,
           {
             variant: "primary",
             type: "submit",
-            isLoading: M,
-            isDisabled: U,
+            isLoading: x,
+            isDisabled: Y,
             children: e("continueCta")
           }
         )
@@ -244,6 +248,6 @@ function Re({
   ] }) }) });
 }
 export {
-  Re as PolicyConfigurationFormPresentation
+  Le 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\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n  editingPolicyName,\n  isPending = false,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n  const headingId = useId()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control, setValue, getValues } = formMethods\n  const name = useWatch({ control, name: 'name' })\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\n  const isContinueDisabled = !name.trim() || !accrualMethod\n\n  const dayOptions = useMemo(() => {\n    const days = getDaysInMonth(resetMonth ?? 1)\n    return Array.from({ length: days }, (_, i) => ({\n      value: i + 1,\n      label: String(i + 1),\n    }))\n  }, [resetMonth])\n\n  useEffect(() => {\n    const maxDay = getDaysInMonth(resetMonth ?? 1)\n    const currentDay = getValues('resetDay')\n    if (currentDay != null && currentDay > maxDay) {\n      setValue('resetDay', maxDay)\n    }\n  }, [resetMonth, getValues, setValue])\n\n  useEffect(() => {\n    if (accrualMethod !== 'per_hour_paid') {\n      setValue('accrualRateUnit', undefined)\n      setValue('includeOvertime', undefined)\n      setValue('allPaidHours', undefined)\n    }\n    if (accrualMethod !== 'per_calendar_year') {\n      setValue('accrualMethodFixed', undefined)\n    }\n    if (accrualMethod !== 'per_hour_paid' && accrualMethod !== 'per_calendar_year') {\n      setValue('resetDateType', undefined)\n      setValue('resetMonth', 1)\n      setValue('resetDay', 1)\n      setValue('accrualRate', undefined)\n    }\n  }, [accrualMethod, setValue])\n\n  const handleResetDateTypeChange = useCallback(\n    (value: ResetDateType) => {\n      if (value === 'per_anniversary_year') {\n        setValue('resetMonth', 1)\n        setValue('resetDay', 1)\n      }\n    },\n    [setValue],\n  )\n\n  const accrualMethodOptions = useMemo(\n    () => [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ],\n    [t],\n  )\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\" id={headingId}>\n            {editingPolicyName\n              ? t('policyDetails.editTitle', { name: editingPolicyName })\n              : t('policyDetails.createTitle')}\n          </Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField\n              name=\"name\"\n              label={t('policyDetails.policyNameLabel')}\n              isRequired\n              errorMessage={t('policyDetails.validations.policyName')}\n            />\n\n            <RadioGroupField<AccrualMethod>\n              name=\"accrualMethod\"\n              label={t('policyDetails.accrualMethodLabel')}\n              description={t('policyDetails.accrualMethodHint')}\n              options={accrualMethodOptions}\n              isRequired\n              errorMessage={t('policyDetails.validations.accrualMethod')}\n            />\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRateUnit')}\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualMethodFixed')}\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired={!isHourlyMethod}\n                  errorMessage={t('policyDetails.validations.resetDateType')}\n                  onChange={handleResetDateTypeChange}\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={dayOptions}\n                    />\n                  </Flex>\n                )}\n              </>\n            )}\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n                {t('cancelCta')}\n              </Button>\n              <Button\n                variant=\"primary\"\n                type=\"submit\"\n                isLoading={isPending}\n                isDisabled={isContinueDisabled}\n              >\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","editingPolicyName","isPending","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","name","useWatch","accrualMethod","resetDateType","resetMonth","isContinueDisabled","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","handleResetDateTypeChange","useCallback","value","accrualMethodOptions","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\nimport { getDaysInMonth } from '@/helpers/dateFormatting'\n\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n  editingPolicyName,\n  isPending = false,\n  lockedAccrualCategory,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n  const headingId = useId()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control, setValue, getValues } = formMethods\n  const name = useWatch({ control, name: 'name' })\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\n  const isContinueDisabled = !name.trim() || !accrualMethod\n\n  const dayOptions = useMemo(() => {\n    const days = getDaysInMonth(resetMonth ?? 1)\n    return Array.from({ length: days }, (_, i) => ({\n      value: i + 1,\n      label: String(i + 1),\n    }))\n  }, [resetMonth])\n\n  useEffect(() => {\n    const maxDay = getDaysInMonth(resetMonth ?? 1)\n    const currentDay = getValues('resetDay')\n    if (currentDay != null && currentDay > maxDay) {\n      setValue('resetDay', maxDay)\n    }\n  }, [resetMonth, getValues, setValue])\n\n  useEffect(() => {\n    if (accrualMethod === 'unlimited') {\n      return\n    }\n    if (accrualMethod !== 'per_hour_paid') {\n      setValue('accrualRateUnit', undefined)\n      setValue('includeOvertime', undefined)\n      setValue('allPaidHours', undefined)\n    }\n    if (accrualMethod !== 'per_calendar_year') {\n      setValue('accrualMethodFixed', undefined)\n    }\n  }, [accrualMethod, setValue])\n\n  const handleResetDateTypeChange = useCallback(\n    (value: ResetDateType) => {\n      if (value === 'per_anniversary_year') {\n        setValue('resetMonth', 1)\n        setValue('resetDay', 1)\n      }\n    },\n    [setValue],\n  )\n\n  const accrualMethodOptions = useMemo(() => {\n    const allOptions = [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ]\n    if (lockedAccrualCategory === 'unlimited') {\n      return allOptions.filter(option => option.value === 'unlimited')\n    }\n    if (lockedAccrualCategory === 'accrual_based') {\n      return allOptions.filter(option => option.value !== 'unlimited')\n    }\n    return allOptions\n  }, [t, lockedAccrualCategory])\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\" id={headingId}>\n            {editingPolicyName\n              ? t('policyDetails.editTitle', { name: editingPolicyName })\n              : t('policyDetails.createTitle')}\n          </Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField\n              name=\"name\"\n              label={t('policyDetails.policyNameLabel')}\n              isRequired\n              errorMessage={t('policyDetails.validations.policyName')}\n            />\n\n            {accrualMethodOptions.length === 1 ? (\n              <Flex flexDirection=\"column\" gap={4}>\n                <Text weight=\"medium\">{t('policyDetails.accrualMethodLabel')}</Text>\n                <Text>{accrualMethodOptions[0]!.label}</Text>\n              </Flex>\n            ) : (\n              <RadioGroupField<AccrualMethod>\n                name=\"accrualMethod\"\n                label={t('policyDetails.accrualMethodLabel')}\n                description={t('policyDetails.accrualMethodHint')}\n                options={accrualMethodOptions}\n                isRequired\n                errorMessage={t('policyDetails.validations.accrualMethod')}\n              />\n            )}\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRateUnit')}\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualMethodFixed')}\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired={!isHourlyMethod}\n                  errorMessage={t('policyDetails.validations.resetDateType')}\n                  onChange={handleResetDateTypeChange}\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={dayOptions}\n                    />\n                  </Flex>\n                )}\n              </>\n            )}\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel} isDisabled={isPending}>\n                {t('cancelCta')}\n              </Button>\n              <Button\n                variant=\"primary\"\n                type=\"submit\"\n                isLoading={isPending}\n                isDisabled={isContinueDisabled}\n              >\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","editingPolicyName","isPending","lockedAccrualCategory","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","name","useWatch","accrualMethod","resetDateType","resetMonth","isContinueDisabled","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","handleResetDateTypeChange","useCallback","value","accrualMethodOptions","allOptions","option","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":"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"}

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

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