@gusto/embedded-react-sdk 0.38.0 → 0.40.0

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

@@ -0,0 +1,71 @@
+import { jsx as a } from "react/jsx-runtime";
+import { useCallback as u } from "react";
+import { useTimeOffPoliciesCreateMutation as f } from "@gusto/embedded-api/react-query/timeOffPoliciesCreate";
+import { PolicyConfigurationFormPresentation as y } from "./PolicyConfigurationFormPresentation.js";
+import { BaseComponent as d } from "../../../Base/Base.js";
+import { useBase as h } from "../../../Base/useBase.js";
+import { componentEvents as l } from "../../../../shared/constants.js";
+import { formatMonthDay as v } from "../../../../helpers/dateFormatting.js";
+function A(e) {
+  return /* @__PURE__ */ a(d, { ...e, children: /* @__PURE__ */ a(P, { ...e }) });
+}
+function C(e) {
+  switch (e.accrualMethod) {
+    case "unlimited":
+      return "unlimited";
+    case "per_hour_paid": {
+      const o = e.allPaidHours ?? !1, r = e.includeOvertime ?? !1;
+      return o && r ? "per_hour_paid" : o && !r ? "per_hour_paid_no_overtime" : !o && r ? "per_hour_worked" : "per_hour_worked_no_overtime";
+    }
+    case "per_calendar_year":
+      return e.accrualMethodFixed === "per_pay_period" ? "per_pay_period" : e.resetDateType === "per_anniversary_year" ? "per_anniversary_year" : "per_calendar_year";
+  }
+}
+function R(e, o) {
+  const r = C(e), n = { name: e.name, policyType: o, accrualMethod: r };
+  if (r === "unlimited")
+    return n;
+  const i = r === "per_hour_paid" || r === "per_hour_paid_no_overtime" || r === "per_hour_worked" || r === "per_hour_worked_no_overtime", t = e.resetDateType === "per_calendar_year" ? v(e.resetMonth, e.resetDay) : void 0;
+  return i ? {
+    ...n,
+    accrualRate: e.accrualRate != null ? String(e.accrualRate) : void 0,
+    accrualRateUnit: e.accrualRateUnit != null ? String(e.accrualRateUnit) : void 0,
+    policyResetDate: t
+  } : {
+    ...n,
+    accrualRate: e.accrualRate != null ? String(e.accrualRate) : void 0,
+    policyResetDate: t
+  };
+}
+function P({ companyId: e, policyType: o, defaultValues: r }) {
+  const { onEvent: n, baseSubmitHandler: i } = h(), { mutateAsync: t } = f(), s = u(
+    async (c) => {
+      await i(c, async () => {
+        const p = R(c, o), m = await t({
+          request: {
+            companyUuid: e,
+            timeOffPolicyRequest: p
+          }
+        });
+        n(l.TIME_OFF_POLICY_DETAILS_DONE, {
+          policyId: m.timeOffPolicy.uuid
+        });
+      });
+    },
+    [i, e, t, n, o]
+  ), _ = u(() => {
+    n(l.CANCEL);
+  }, [n]);
+  return /* @__PURE__ */ a(
+    y,
+    {
+      onContinue: s,
+      onCancel: _,
+      defaultValues: r
+    }
+  );
+}
+export {
+  A as PolicyConfigurationForm
+};
+//# sourceMappingURL=PolicyConfigurationForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyConfigurationForm.js","sources":["../../../../../src/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useTimeOffPoliciesCreateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesCreate'\nimport type { TimeOffPolicyRequest } from '@gusto/embedded-api/models/components/timeoffpolicyrequest'\nimport { PolicyConfigurationFormPresentation } from './PolicyConfigurationFormPresentation'\nimport type { PolicyConfigurationFormData } from './PolicyConfigurationFormTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { formatMonthDay } from '@/helpers/dateFormatting'\n\nexport interface PolicyConfigurationFormProps extends BaseComponentInterface<'Company.TimeOff.CreateTimeOffPolicy'> {\n  companyId: string\n  policyType: 'sick' | 'vacation'\n  defaultValues?: Partial<PolicyConfigurationFormData>\n}\n\nexport function PolicyConfigurationForm(props: PolicyConfigurationFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction resolveApiAccrualMethod(\n  data: PolicyConfigurationFormData,\n): TimeOffPolicyRequest['accrualMethod'] {\n  switch (data.accrualMethod) {\n    case 'unlimited':\n      return 'unlimited'\n\n    case 'per_hour_paid': {\n      const paid = data.allPaidHours ?? false\n      const overtime = data.includeOvertime ?? false\n\n      if (paid && overtime) return 'per_hour_paid'\n      if (paid && !overtime) return 'per_hour_paid_no_overtime'\n      if (!paid && overtime) return 'per_hour_worked'\n      return 'per_hour_worked_no_overtime'\n    }\n\n    case 'per_calendar_year': {\n      if (data.accrualMethodFixed === 'per_pay_period') return 'per_pay_period'\n\n      return data.resetDateType === 'per_anniversary_year'\n        ? 'per_anniversary_year'\n        : 'per_calendar_year'\n    }\n  }\n}\n\nfunction buildCreateRequestBody(\n  data: PolicyConfigurationFormData,\n  policyType: 'sick' | 'vacation',\n): TimeOffPolicyRequest {\n  const accrualMethod = resolveApiAccrualMethod(data)\n\n  const base: TimeOffPolicyRequest = { name: data.name, policyType, accrualMethod }\n\n  if (accrualMethod === 'unlimited') {\n    return base\n  }\n\n  const isHourly =\n    accrualMethod === 'per_hour_paid' ||\n    accrualMethod === 'per_hour_paid_no_overtime' ||\n    accrualMethod === 'per_hour_worked' ||\n    accrualMethod === 'per_hour_worked_no_overtime'\n\n  const policyResetDate =\n    data.resetDateType === 'per_calendar_year'\n      ? formatMonthDay(data.resetMonth, data.resetDay)\n      : undefined\n\n  if (isHourly) {\n    return {\n      ...base,\n      accrualRate: data.accrualRate != null ? String(data.accrualRate) : undefined,\n      accrualRateUnit: data.accrualRateUnit != null ? String(data.accrualRateUnit) : undefined,\n      policyResetDate,\n    }\n  }\n\n  return {\n    ...base,\n    accrualRate: data.accrualRate != null ? String(data.accrualRate) : undefined,\n    policyResetDate,\n  }\n}\n\nfunction Root({ companyId, policyType, defaultValues }: PolicyConfigurationFormProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { mutateAsync: createTimeOffPolicy } = useTimeOffPoliciesCreateMutation()\n\n  const handleContinue = useCallback(\n    async (data: PolicyConfigurationFormData) => {\n      await baseSubmitHandler(data, async () => {\n        const requestBody = buildCreateRequestBody(data, policyType)\n\n        const response = await createTimeOffPolicy({\n          request: {\n            companyUuid: companyId,\n            timeOffPolicyRequest: requestBody,\n          },\n        })\n\n        onEvent(componentEvents.TIME_OFF_POLICY_DETAILS_DONE, {\n          policyId: response.timeOffPolicy!.uuid,\n        })\n      })\n    },\n    [baseSubmitHandler, companyId, createTimeOffPolicy, onEvent, policyType],\n  )\n\n  const handleCancel = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <PolicyConfigurationFormPresentation\n      onContinue={handleContinue}\n      onCancel={handleCancel}\n      defaultValues={defaultValues}\n    />\n  )\n}\n"],"names":["PolicyConfigurationForm","props","jsx","BaseComponent","Root","resolveApiAccrualMethod","data","paid","overtime","buildCreateRequestBody","policyType","accrualMethod","base","isHourly","policyResetDate","formatMonthDay","companyId","defaultValues","onEvent","baseSubmitHandler","useBase","createTimeOffPolicy","useTimeOffPoliciesCreateMutation","handleContinue","useCallback","requestBody","response","componentEvents","handleCancel","PolicyConfigurationFormPresentation"],"mappings":";;;;;;;;AAgBO,SAASA,EAAwBC,GAAqC;AAC3E,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASI,EACPC,GACuC;AACvC,UAAQA,EAAK,eAAA;AAAA,IACX,KAAK;AACH,aAAO;AAAA,IAET,KAAK,iBAAiB;AACpB,YAAMC,IAAOD,EAAK,gBAAgB,IAC5BE,IAAWF,EAAK,mBAAmB;AAEzC,aAAIC,KAAQC,IAAiB,kBACzBD,KAAQ,CAACC,IAAiB,8BAC1B,CAACD,KAAQC,IAAiB,oBACvB;AAAA,IACT;AAAA,IAEA,KAAK;AACH,aAAIF,EAAK,uBAAuB,mBAAyB,mBAElDA,EAAK,kBAAkB,yBAC1B,yBACA;AAAA,EACN;AAEJ;AAEA,SAASG,EACPH,GACAI,GACsB;AACtB,QAAMC,IAAgBN,EAAwBC,CAAI,GAE5CM,IAA6B,EAAE,MAAMN,EAAK,MAAM,YAAAI,GAAY,eAAAC,EAAA;AAElE,MAAIA,MAAkB;AACpB,WAAOC;AAGT,QAAMC,IACJF,MAAkB,mBAClBA,MAAkB,+BAClBA,MAAkB,qBAClBA,MAAkB,+BAEdG,IACJR,EAAK,kBAAkB,sBACnBS,EAAeT,EAAK,YAAYA,EAAK,QAAQ,IAC7C;AAEN,SAAIO,IACK;AAAA,IACL,GAAGD;AAAA,IACH,aAAaN,EAAK,eAAe,OAAO,OAAOA,EAAK,WAAW,IAAI;AAAA,IACnE,iBAAiBA,EAAK,mBAAmB,OAAO,OAAOA,EAAK,eAAe,IAAI;AAAA,IAC/E,iBAAAQ;AAAA,EAAA,IAIG;AAAA,IACL,GAAGF;AAAA,IACH,aAAaN,EAAK,eAAe,OAAO,OAAOA,EAAK,WAAW,IAAI;AAAA,IACnE,iBAAAQ;AAAA,EAAA;AAEJ;AAEA,SAASV,EAAK,EAAE,WAAAY,GAAW,YAAAN,GAAY,eAAAO,KAA+C;AACpF,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjC,EAAE,aAAaC,EAAA,IAAwBC,EAAA,GAEvCC,IAAiBC;AAAA,IACrB,OAAOlB,MAAsC;AAC3C,YAAMa,EAAkBb,GAAM,YAAY;AACxC,cAAMmB,IAAchB,EAAuBH,GAAMI,CAAU,GAErDgB,IAAW,MAAML,EAAoB;AAAA,UACzC,SAAS;AAAA,YACP,aAAaL;AAAA,YACb,sBAAsBS;AAAA,UAAA;AAAA,QACxB,CACD;AAED,QAAAP,EAAQS,EAAgB,8BAA8B;AAAA,UACpD,UAAUD,EAAS,cAAe;AAAA,QAAA,CACnC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,CAACP,GAAmBH,GAAWK,GAAqBH,GAASR,CAAU;AAAA,EAAA,GAGnEkB,IAAeJ,EAAY,MAAM;AACrC,IAAAN,EAAQS,EAAgB,MAAM;AAAA,EAChC,GAAG,CAACT,CAAO,CAAC;AAEZ,SACE,gBAAAhB;AAAA,IAAC2B;AAAA,IAAA;AAAA,MACC,YAAYN;AAAA,MACZ,UAAUK;AAAA,MACV,eAAAX;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.module.scss.js

@@ -0,0 +1,12 @@
+const t = "_divider_12b2y_1", e = "_narrowInput_12b2y_7", d = "_dateSelect_12b2y_11", n = {
+  divider: t,
+  narrowInput: e,
+  dateSelect: d
+};
+export {
+  d as dateSelect,
+  n as default,
+  t as divider,
+  e as narrowInput
+};
+//# sourceMappingURL=PolicyConfigurationForm.module.scss.js.map

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.module.scss.js.map

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

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.d.ts

@@ -0,0 +1,2 @@
+import { PolicyConfigurationFormPresentationProps } from './PolicyConfigurationFormTypes';
+export declare function PolicyConfigurationFormPresentation({ onContinue, onCancel, defaultValues, }: PolicyConfigurationFormPresentationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,206 @@
+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 { useTranslation as q } from "react-i18next";
+import l from "./PolicyConfigurationForm.module.scss.js";
+import { Flex as r } from "../../../Common/Flex/Flex.js";
+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 { 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 { SelectField as x } from "../../../Common/Fields/SelectField/SelectField.js";
+const j = Array.from({ length: 31 }, (d, t) => ({
+  value: t + 1,
+  label: String(t + 1)
+}));
+function ne({
+  onContinue: d,
+  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 c = new Intl.DateTimeFormat(y, { month: "long" });
+    return Array.from({ length: 12 }, (B, _) => ({
+      value: _ + 1,
+      label: c.format(new Date(2024, _))
+    }));
+  }, [y]), n = I({
+    defaultValues: {
+      name: "",
+      resetMonth: 1,
+      resetDay: 1,
+      ...F
+    }
+  }), { control: h } = n, D = v({ control: h, name: "accrualMethod" }), O = v({ control: h, name: "resetDateType" }), T = o(
+    () => [
+      {
+        value: "per_hour_paid",
+        label: e("policyDetails.perHourPaidLabel"),
+        description: e("policyDetails.perHourPaidHint")
+      },
+      {
+        value: "per_calendar_year",
+        label: e("policyDetails.perYearLabel"),
+        description: e("policyDetails.perYearHint")
+      },
+      {
+        value: "unlimited",
+        label: e("policyDetails.unlimitedLabel"),
+        description: e("policyDetails.unlimitedHint")
+      }
+    ],
+    [e]
+  ), P = o(
+    () => [
+      {
+        value: "per_pay_period",
+        label: e("policyDetails.perPayPeriodLabel"),
+        description: e("policyDetails.perPayPeriodHint")
+      },
+      {
+        value: "all_at_once",
+        label: e("policyDetails.allAtOnceLabel"),
+        description: e("policyDetails.allAtOnceHint")
+      }
+    ],
+    [e]
+  ), C = o(
+    () => [
+      {
+        value: "per_anniversary_year",
+        label: e("policyDetails.perAnniversaryYearLabel")
+      },
+      {
+        value: "per_calendar_year",
+        label: e("policyDetails.perCalendarYearLabel")
+      }
+    ],
+    [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 }),
+      /* @__PURE__ */ a(
+        p,
+        {
+          name: "accrualMethod",
+          label: e("policyDetails.accrualMethodLabel"),
+          description: e("policyDetails.accrualMethodHint"),
+          options: T,
+          isRequired: !0
+        }
+      ),
+      b && /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ a("hr", { className: l.divider }),
+        /* @__PURE__ */ a(
+          m,
+          {
+            className: l.narrowInput,
+            name: "accrualRate",
+            label: e("policyDetails.employeesWillAccrueLabel"),
+            adornmentEnd: e("policyDetails.hoursUnit"),
+            isRequired: !0,
+            min: 0
+          }
+        ),
+        /* @__PURE__ */ a(
+          m,
+          {
+            className: l.narrowInput,
+            name: "accrualRateUnit",
+            label: e("policyDetails.forEveryLabel"),
+            adornmentEnd: e("policyDetails.hoursWorkedUnit"),
+            isRequired: !0,
+            min: 1
+          }
+        ),
+        /* @__PURE__ */ i(r, { 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") })
+        ] })
+      ] }),
+      f && /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ a("hr", { className: l.divider }),
+        /* @__PURE__ */ a(
+          m,
+          {
+            className: l.narrowInput,
+            name: "accrualRate",
+            label: e("policyDetails.fixedAccrualRateLabel"),
+            description: e("policyDetails.fixedAccrualRateHint"),
+            adornmentEnd: e("policyDetails.hoursUnit"),
+            isRequired: !0,
+            min: 0
+          }
+        ),
+        /* @__PURE__ */ a(
+          p,
+          {
+            name: "accrualMethodFixed",
+            label: e("policyDetails.accrualMethodFixed"),
+            description: e("policyDetails.accrualMethodFixedHint"),
+            options: P,
+            isRequired: !0
+          }
+        )
+      ] }),
+      N && /* @__PURE__ */ i(s, { children: [
+        /* @__PURE__ */ a("hr", { className: l.divider }),
+        /* @__PURE__ */ a(
+          p,
+          {
+            name: "resetDateType",
+            label: e("policyDetails.policyResetDateType"),
+            description: e("policyDetails.policyResetDateTypeHint"),
+            options: C,
+            isRequired: !0
+          }
+        ),
+        A && /* @__PURE__ */ i(r, { gap: 8, children: [
+          /* @__PURE__ */ a(
+            x,
+            {
+              className: l.dateSelect,
+              name: "resetMonth",
+              label: e("policyDetails.monthLabel"),
+              options: H
+            }
+          ),
+          /* @__PURE__ */ a(
+            x,
+            {
+              className: l.dateSelect,
+              name: "resetDay",
+              label: e("policyDetails.dayLabel"),
+              options: j
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ i(w, { children: [
+        /* @__PURE__ */ a(u, { variant: "secondary", onClick: t, children: e("cancelCta") }),
+        /* @__PURE__ */ a(u, { variant: "primary", type: "submit", children: e("continueCta") })
+      ] })
+    ] })
+  ] }) }) });
+}
+export {
+  ne as PolicyConfigurationFormPresentation
+};
+//# sourceMappingURL=PolicyConfigurationFormPresentation.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,20 @@
+export type AccrualMethod = 'per_hour_paid' | 'per_calendar_year' | 'unlimited';
+export type AccrualMethodFixed = 'per_pay_period' | 'all_at_once';
+export type ResetDateType = 'per_anniversary_year' | 'per_calendar_year';
+export interface PolicyConfigurationFormData {
+    name: string;
+    accrualMethod: AccrualMethod;
+    accrualRate?: number;
+    accrualRateUnit?: number;
+    includeOvertime?: boolean;
+    allPaidHours?: boolean;
+    accrualMethodFixed?: AccrualMethodFixed;
+    resetDateType?: ResetDateType;
+    resetMonth?: number;
+    resetDay?: number;
+}
+export interface PolicyConfigurationFormPresentationProps {
+    onContinue: (data: PolicyConfigurationFormData) => void;
+    onCancel: () => void;
+    defaultValues?: Partial<PolicyConfigurationFormData>;
+}

package/dist/components/UNSTABLE_TimeOff/TimeOffManagement/PolicyConfigurationForm/index.d.ts

@@ -0,0 +1,6 @@
+import "./types/i18next.d.ts"
+export { PolicyConfigurationForm } from './PolicyConfigurationForm';
+export type { PolicyConfigurationFormProps } from './PolicyConfigurationForm';
+export { PolicyConfigurationFormPresentation } from './PolicyConfigurationFormPresentation';
+export type { PolicyConfigurationFormPresentationProps } from './PolicyConfigurationFormTypes';
+export type { PolicyConfigurationFormData, AccrualMethod, AccrualMethodFixed, ResetDateType, } from './PolicyConfigurationFormTypes';

package/dist/components/UNSTABLE_TimeOff/index.d.ts

@@ -3,10 +3,12 @@ export { PolicyList } from './PolicyList/PolicyList';
 export type { PolicyListProps } from './PolicyList/PolicyList';
 export { PolicyTypeSelector } from './PolicyTypeSelector/PolicyTypeSelector';
 export type { PolicyTypeSelectorProps } from './PolicyTypeSelector/PolicyTypeSelector';
-export { PolicyDetailsForm } from './PolicyDetailsForm/PolicyDetailsForm';
-export type { PolicyDetailsFormProps } from './PolicyDetailsForm/PolicyDetailsForm';
+export { PolicyConfigurationForm } from './TimeOffManagement/PolicyConfigurationForm';
+export type { PolicyConfigurationFormProps } from './TimeOffManagement/PolicyConfigurationForm';
 export { PolicySettings } from './PolicySettings/PolicySettings';
 export type { PolicySettingsProps } from './PolicySettings/PolicySettings';
+export { PolicySettingsPresentation } from './PolicySettings/PolicySettingsPresentation';
+export type { PolicySettingsPresentationProps } from './PolicySettings/PolicySettingsTypes';
 export { AddEmployeesToPolicy } from './AddEmployeesToPolicy/AddEmployeesToPolicy';
 export type { AddEmployeesToPolicyProps } from './AddEmployeesToPolicy/AddEmployeesToPolicy';
 export { ViewPolicyDetails } from './ViewPolicyDetails/ViewPolicyDetails';

package/dist/components/UNSTABLE_TimeOff/index.js

@@ -1,26 +1,28 @@
 import { PolicyList as r } from "./PolicyList/PolicyList.js";
-import { PolicyTypeSelector as l } from "./PolicyTypeSelector/PolicyTypeSelector.js";
-import { PolicyDetailsForm as t } from "./PolicyDetailsForm/PolicyDetailsForm.js";
-import { PolicySettings as y } from "./PolicySettings/PolicySettings.js";
+import { PolicyTypeSelector as t } from "./PolicyTypeSelector/PolicyTypeSelector.js";
+import { PolicySettings as m } from "./PolicySettings/PolicySettings.js";
+import { PolicySettingsPresentation as y } from "./PolicySettings/PolicySettingsPresentation.js";
 import { AddEmployeesToPolicy as x } from "./AddEmployeesToPolicy/AddEmployeesToPolicy.js";
 import { ViewPolicyDetails as d } from "./ViewPolicyDetails/ViewPolicyDetails.js";
 import { ViewPolicyEmployees as P } from "./ViewPolicyEmployees/ViewPolicyEmployees.js";
-import { HolidaySelectionForm as w } from "./HolidaySelectionForm/HolidaySelectionForm.js";
-import { AddEmployeesHoliday as H } from "./AddEmployeesHoliday/AddEmployeesHoliday.js";
-import { ViewHolidayEmployees as V } from "./ViewHolidayEmployees/ViewHolidayEmployees.js";
-import { ViewHolidaySchedule as T } from "./ViewHolidaySchedule/ViewHolidaySchedule.js";
-import { TimeOffFlow as A } from "./TimeOffFlow/TimeOffFlow.js";
+import { HolidaySelectionForm as n } from "./HolidaySelectionForm/HolidaySelectionForm.js";
+import { AddEmployeesHoliday as S } from "./AddEmployeesHoliday/AddEmployeesHoliday.js";
+import { ViewHolidayEmployees as H } from "./ViewHolidayEmployees/ViewHolidayEmployees.js";
+import { ViewHolidaySchedule as g } from "./ViewHolidaySchedule/ViewHolidaySchedule.js";
+import { TimeOffFlow as T } from "./TimeOffFlow/TimeOffFlow.js";
+import { PolicyConfigurationForm as A } from "./TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.js";
 export {
-  H as AddEmployeesHoliday,
+  S as AddEmployeesHoliday,
   x as AddEmployeesToPolicy,
-  w as HolidaySelectionForm,
-  t as PolicyDetailsForm,
+  n as HolidaySelectionForm,
+  A as PolicyConfigurationForm,
   r as PolicyList,
-  y as PolicySettings,
-  l as PolicyTypeSelector,
-  A as TimeOffFlow,
-  V as ViewHolidayEmployees,
-  T as ViewHolidaySchedule,
+  m as PolicySettings,
+  y as PolicySettingsPresentation,
+  t as PolicyTypeSelector,
+  T as TimeOffFlow,
+  H as ViewHolidayEmployees,
+  g as ViewHolidaySchedule,
   d as ViewPolicyDetails,
   P as ViewPolicyEmployees
 };

package/dist/components/UNSTABLE_TimeOff/index.js.map

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

package/dist/components/UNSTABLE_TimeOff/shared/EmployeeTable/EmployeeTable.d.ts

@@ -0,0 +1,2 @@
+import { EmployeeTableItem, EmployeeTableProps } from './EmployeeTableTypes';
+export declare function EmployeeTable<T extends EmployeeTableItem>({ data, label, additionalColumns, searchValue, onSearchChange, onSearchClear, searchPlaceholder, selectionMode, onSelect, getIsItemSelected, itemMenu, pagination, isFetching, emptyState, emptySearchState, footer, }: EmployeeTableProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_TimeOff/{TimeOffManagement/shared → shared}/EmployeeTable/EmployeeTableTypes.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { useDataViewProp, SelectionMode } from '../../../../Common/DataView/useDataView';
-import { PaginationControlProps } from '../../../../Common/PaginationControl/PaginationControlTypes';
+import { useDataViewProp, SelectionMode } from '../../../Common/DataView/useDataView';
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
 export interface EmployeeTableItem {
     firstName?: string | null;
     lastName?: string | null;
@@ -16,7 +16,7 @@ export interface EmployeeTableProps<T extends EmployeeTableItem> {
     searchPlaceholder?: string;
     selectionMode?: SelectionMode;
     onSelect?: (item: T, checked: boolean) => void;
-    isItemSelected?: (item: T, index: number) => boolean;
+    getIsItemSelected?: (item: T) => boolean;
     itemMenu?: (item: T) => ReactNode;
     pagination?: PaginationControlProps;
     isFetching?: boolean;

package/dist/components/UNSTABLE_TimeOff/shared/holidayHelpers.d.ts

@@ -0,0 +1,30 @@
+import { TFunction } from 'i18next';
+import { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes';
+type HolidayDateRule = {
+    type: 'fixed';
+    month: number;
+    day: number;
+} | {
+    type: 'nthWeekday';
+    month: number;
+    weekday: number;
+    nth: number;
+} | {
+    type: 'lastWeekday';
+    month: number;
+    weekday: number;
+};
+interface FederalHolidayDef {
+    key: string;
+    dateRule: HolidayDateRule;
+}
+export declare const FEDERAL_HOLIDAYS: FederalHolidayDef[];
+export declare const FEDERAL_HOLIDAY_KEYS: string[];
+export declare function getNextObservationDate(holidayKey: string, referenceDate?: Date): Date;
+export declare function getDefaultHolidayItems(t: TFunction<'Company.TimeOff.HolidayPolicy'>, referenceDate?: Date): HolidayItem[];
+interface FederalHolidaySelection {
+    selected: boolean;
+}
+type FederalHolidaysPayload = Record<string, FederalHolidaySelection>;
+export declare function buildFederalHolidaysPayload(selectedKeys: Set<string>): FederalHolidaysPayload;
+export {};

package/dist/components/UNSTABLE_TimeOff/shared/holidayHelpers.js

@@ -0,0 +1,97 @@
+const o = [
+  { key: "newYearsDay", dateRule: { type: "fixed", month: 0, day: 1 } },
+  { key: "mlkDay", dateRule: { type: "nthWeekday", month: 0, weekday: 1, nth: 3 } },
+  { key: "presidentsDay", dateRule: { type: "nthWeekday", month: 1, weekday: 1, nth: 3 } },
+  { key: "memorialDay", dateRule: { type: "lastWeekday", month: 4, weekday: 1 } },
+  { key: "juneteenth", dateRule: { type: "fixed", month: 5, day: 19 } },
+  { key: "independenceDay", dateRule: { type: "fixed", month: 6, day: 4 } },
+  { key: "laborDay", dateRule: { type: "nthWeekday", month: 8, weekday: 1, nth: 1 } },
+  { key: "columbusDay", dateRule: { type: "nthWeekday", month: 9, weekday: 1, nth: 2 } },
+  { key: "veteransDay", dateRule: { type: "fixed", month: 10, day: 11 } },
+  { key: "thanksgiving", dateRule: { type: "nthWeekday", month: 10, weekday: 4, nth: 4 } },
+  { key: "christmasDay", dateRule: { type: "fixed", month: 11, day: 25 } }
+], u = o.map((e) => e.key);
+function i(e, a, t, n) {
+  const y = new Date(e, a, 1).getDay();
+  let d = 1 + (t - y + 7) % 7;
+  return d += (n - 1) * 7, new Date(e, a, d);
+}
+function h(e, a, t) {
+  const n = new Date(e, a + 1, 0), y = (n.getDay() - t + 7) % 7;
+  return new Date(e, a, n.getDate() - y);
+}
+function D(e, a) {
+  switch (e.type) {
+    case "fixed":
+      return new Date(a, e.month, e.day);
+    case "nthWeekday":
+      return i(a, e.month, e.weekday, e.nth);
+    case "lastWeekday":
+      return h(a, e.month, e.weekday);
+  }
+}
+function l(e, a = /* @__PURE__ */ new Date()) {
+  const t = o.find((d) => d.key === e);
+  if (!t)
+    throw new Error(`Unknown holiday key: ${e}`);
+  const n = a.getFullYear(), s = D(t.dateRule, n), y = new Date(
+    a.getFullYear(),
+    a.getMonth(),
+    a.getDate()
+  );
+  return s >= y ? s : D(t.dateRule, n + 1);
+}
+function r(e) {
+  return e.toLocaleDateString("en-US", {
+    month: "long",
+    day: "numeric",
+    year: "numeric"
+  });
+}
+const m = {
+  newYearsDay: "holidays.newYearsDay.name",
+  mlkDay: "holidays.mlkDay.name",
+  presidentsDay: "holidays.presidentsDay.name",
+  memorialDay: "holidays.memorialDay.name",
+  juneteenth: "holidays.juneteenth.name",
+  independenceDay: "holidays.independenceDay.name",
+  laborDay: "holidays.laborDay.name",
+  columbusDay: "holidays.columbusDay.name",
+  veteransDay: "holidays.veteransDay.name",
+  thanksgiving: "holidays.thanksgiving.name",
+  christmasDay: "holidays.christmasDay.name"
+}, k = {
+  newYearsDay: "holidays.newYearsDay.observedDate",
+  mlkDay: "holidays.mlkDay.observedDate",
+  presidentsDay: "holidays.presidentsDay.observedDate",
+  memorialDay: "holidays.memorialDay.observedDate",
+  juneteenth: "holidays.juneteenth.observedDate",
+  independenceDay: "holidays.independenceDay.observedDate",
+  laborDay: "holidays.laborDay.observedDate",
+  columbusDay: "holidays.columbusDay.observedDate",
+  veteransDay: "holidays.veteransDay.observedDate",
+  thanksgiving: "holidays.thanksgiving.observedDate",
+  christmasDay: "holidays.christmasDay.observedDate"
+};
+function c(e, a) {
+  return o.map((t) => ({
+    uuid: t.key,
+    name: e(m[t.key]),
+    observedDate: e(k[t.key]),
+    nextObservation: r(l(t.key, a))
+  }));
+}
+function p(e) {
+  const a = {};
+  for (const t of o)
+    a[t.key] = { selected: e.has(t.key) };
+  return a;
+}
+export {
+  o as FEDERAL_HOLIDAYS,
+  u as FEDERAL_HOLIDAY_KEYS,
+  p as buildFederalHolidaysPayload,
+  c as getDefaultHolidayItems,
+  l as getNextObservationDate
+};
+//# sourceMappingURL=holidayHelpers.js.map

package/dist/components/UNSTABLE_TimeOff/shared/holidayHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"holidayHelpers.js","sources":["../../../../src/components/UNSTABLE_TimeOff/shared/holidayHelpers.ts"],"sourcesContent":["import type { TFunction } from 'i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\n\ntype HolidayDateRule =\n  | { type: 'fixed'; month: number; day: number }\n  | { type: 'nthWeekday'; month: number; weekday: number; nth: number }\n  | { type: 'lastWeekday'; month: number; weekday: number }\n\ninterface FederalHolidayDef {\n  key: string\n  dateRule: HolidayDateRule\n}\n\nconst MONDAY = 1\nconst THURSDAY = 4\n\nexport const FEDERAL_HOLIDAYS: FederalHolidayDef[] = [\n  { key: 'newYearsDay', dateRule: { type: 'fixed', month: 0, day: 1 } },\n  { key: 'mlkDay', dateRule: { type: 'nthWeekday', month: 0, weekday: MONDAY, nth: 3 } },\n  { key: 'presidentsDay', dateRule: { type: 'nthWeekday', month: 1, weekday: MONDAY, nth: 3 } },\n  { key: 'memorialDay', dateRule: { type: 'lastWeekday', month: 4, weekday: MONDAY } },\n  { key: 'juneteenth', dateRule: { type: 'fixed', month: 5, day: 19 } },\n  { key: 'independenceDay', dateRule: { type: 'fixed', month: 6, day: 4 } },\n  { key: 'laborDay', dateRule: { type: 'nthWeekday', month: 8, weekday: MONDAY, nth: 1 } },\n  { key: 'columbusDay', dateRule: { type: 'nthWeekday', month: 9, weekday: MONDAY, nth: 2 } },\n  { key: 'veteransDay', dateRule: { type: 'fixed', month: 10, day: 11 } },\n  { key: 'thanksgiving', dateRule: { type: 'nthWeekday', month: 10, weekday: THURSDAY, nth: 4 } },\n  { key: 'christmasDay', dateRule: { type: 'fixed', month: 11, day: 25 } },\n]\n\nexport const FEDERAL_HOLIDAY_KEYS = FEDERAL_HOLIDAYS.map(h => h.key)\n\nfunction getNthWeekdayOfMonth(year: number, month: number, weekday: number, nth: number): Date {\n  const first = new Date(year, month, 1)\n  const firstWeekday = first.getDay()\n  let day = 1 + ((weekday - firstWeekday + 7) % 7)\n  day += (nth - 1) * 7\n  return new Date(year, month, day)\n}\n\nfunction getLastWeekdayOfMonth(year: number, month: number, weekday: number): Date {\n  const lastDay = new Date(year, month + 1, 0)\n  const lastDayWeekday = lastDay.getDay()\n  const diff = (lastDayWeekday - weekday + 7) % 7\n  return new Date(year, month, lastDay.getDate() - diff)\n}\n\nfunction computeDate(rule: HolidayDateRule, year: number): Date {\n  switch (rule.type) {\n    case 'fixed':\n      return new Date(year, rule.month, rule.day)\n    case 'nthWeekday':\n      return getNthWeekdayOfMonth(year, rule.month, rule.weekday, rule.nth)\n    case 'lastWeekday':\n      return getLastWeekdayOfMonth(year, rule.month, rule.weekday)\n  }\n}\n\nexport function getNextObservationDate(holidayKey: string, referenceDate: Date = new Date()): Date {\n  const holiday = FEDERAL_HOLIDAYS.find(h => h.key === holidayKey)\n  if (!holiday) {\n    throw new Error(`Unknown holiday key: ${holidayKey}`)\n  }\n\n  const year = referenceDate.getFullYear()\n  const thisYear = computeDate(holiday.dateRule, year)\n\n  const refDateOnly = new Date(\n    referenceDate.getFullYear(),\n    referenceDate.getMonth(),\n    referenceDate.getDate(),\n  )\n\n  if (thisYear >= refDateOnly) {\n    return thisYear\n  }\n  return computeDate(holiday.dateRule, year + 1)\n}\n\nfunction formatDate(date: Date): string {\n  return date.toLocaleDateString('en-US', {\n    month: 'long',\n    day: 'numeric',\n    year: 'numeric',\n  })\n}\n\nconst HOLIDAY_NAME_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.name',\n  mlkDay: 'holidays.mlkDay.name',\n  presidentsDay: 'holidays.presidentsDay.name',\n  memorialDay: 'holidays.memorialDay.name',\n  juneteenth: 'holidays.juneteenth.name',\n  independenceDay: 'holidays.independenceDay.name',\n  laborDay: 'holidays.laborDay.name',\n  columbusDay: 'holidays.columbusDay.name',\n  veteransDay: 'holidays.veteransDay.name',\n  thanksgiving: 'holidays.thanksgiving.name',\n  christmasDay: 'holidays.christmasDay.name',\n} as const\n\nconst HOLIDAY_DATE_KEYS = {\n  newYearsDay: 'holidays.newYearsDay.observedDate',\n  mlkDay: 'holidays.mlkDay.observedDate',\n  presidentsDay: 'holidays.presidentsDay.observedDate',\n  memorialDay: 'holidays.memorialDay.observedDate',\n  juneteenth: 'holidays.juneteenth.observedDate',\n  independenceDay: 'holidays.independenceDay.observedDate',\n  laborDay: 'holidays.laborDay.observedDate',\n  columbusDay: 'holidays.columbusDay.observedDate',\n  veteransDay: 'holidays.veteransDay.observedDate',\n  thanksgiving: 'holidays.thanksgiving.observedDate',\n  christmasDay: 'holidays.christmasDay.observedDate',\n} as const\n\nexport function getDefaultHolidayItems(\n  t: TFunction<'Company.TimeOff.HolidayPolicy'>,\n  referenceDate?: Date,\n): HolidayItem[] {\n  return FEDERAL_HOLIDAYS.map(holiday => ({\n    uuid: holiday.key,\n    name: t(HOLIDAY_NAME_KEYS[holiday.key as keyof typeof HOLIDAY_NAME_KEYS]),\n    observedDate: t(HOLIDAY_DATE_KEYS[holiday.key as keyof typeof HOLIDAY_DATE_KEYS]),\n    nextObservation: formatDate(getNextObservationDate(holiday.key, referenceDate)),\n  }))\n}\n\ninterface FederalHolidaySelection {\n  selected: boolean\n}\n\ntype FederalHolidaysPayload = Record<string, FederalHolidaySelection>\n\nexport function buildFederalHolidaysPayload(selectedKeys: Set<string>): FederalHolidaysPayload {\n  const payload: FederalHolidaysPayload = {}\n  for (const holiday of FEDERAL_HOLIDAYS) {\n    payload[holiday.key] = { selected: selectedKeys.has(holiday.key) }\n  }\n  return payload\n}\n"],"names":["FEDERAL_HOLIDAYS","FEDERAL_HOLIDAY_KEYS","h","getNthWeekdayOfMonth","year","month","weekday","nth","firstWeekday","day","getLastWeekdayOfMonth","lastDay","diff","computeDate","rule","getNextObservationDate","holidayKey","referenceDate","holiday","thisYear","refDateOnly","formatDate","date","HOLIDAY_NAME_KEYS","HOLIDAY_DATE_KEYS","getDefaultHolidayItems","t","buildFederalHolidaysPayload","selectedKeys","payload"],"mappings":"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"}

package/dist/components/index.d.ts

@@ -1,7 +1,14 @@
 import "./types/i18next.d.ts"
+/** @deprecated Use `CompanyOnboarding` (or future `CompanyManagement`) instead. Will be removed in a future major version. */
 export * as Company from './Company';
+/** @deprecated Use `ContractorOnboarding` (or future `ContractorManagement`) instead. Will be removed in a future major version. */
 export * as Contractor from './Contractor';
+/** @deprecated Use `EmployeeOnboarding` or `EmployeeManagement` instead. Will be removed in a future major version. */
 export * as Employee from './Employee';
 export * as InformationRequests from './InformationRequests';
 export * as Payroll from './Payroll';
 export * as UNSTABLE_TimeOff from './UNSTABLE_TimeOff';
+export * as EmployeeOnboarding from './Employee/exports/employeeOnboarding';
+export * as EmployeeManagement from './Employee/exports/employeeManagement';
+export * as CompanyOnboarding from './Company/exports/companyOnboarding';
+export * as ContractorOnboarding from './Contractor/exports/contractorOnboarding';