@gusto/embedded-react-sdk 0.42.0 → 0.44.0

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

@@ -0,0 +1,158 @@
+import { jsx as u } from "react/jsx-runtime";
+import { useCallback as _ } from "react";
+import { useTimeOffPoliciesCreateMutation as O } from "@gusto/embedded-api/react-query/timeOffPoliciesCreate";
+import { useTimeOffPoliciesUpdateMutation as P } from "@gusto/embedded-api/react-query/timeOffPoliciesUpdate";
+import { useTimeOffPoliciesGetSuspense as w } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
+import { useQueryClient as U } from "@tanstack/react-query";
+import { PolicyConfigurationFormPresentation as h } from "./PolicyConfigurationFormPresentation.js";
+import { BaseComponent as b } from "../../../Base/Base.js";
+import { useBase as y } from "../../../Base/useBase.js";
+import { componentEvents as p } from "../../../../shared/constants.js";
+import { formatMonthDay as R } from "../../../../helpers/dateFormatting.js";
+function z(e) {
+  return /* @__PURE__ */ u(b, { ...e, children: /* @__PURE__ */ u(k, { ...e }) });
+}
+function v(e) {
+  switch (e.accrualMethod) {
+    case "unlimited":
+      return "unlimited";
+    case "per_hour_paid": {
+      const r = e.allPaidHours ?? !1, t = e.includeOvertime ?? !1;
+      return r && t ? "per_hour_paid" : r && !t ? "per_hour_paid_no_overtime" : !r && t ? "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";
+  }
+}
+const E = [
+  "per_hour_paid",
+  "per_hour_paid_no_overtime",
+  "per_hour_worked",
+  "per_hour_worked_no_overtime"
+];
+function T(e) {
+  const r = { name: e.name }, t = e.accrualMethod;
+  if (t === "unlimited" ? r.accrualMethod = "unlimited" : E.includes(t) ? (r.accrualMethod = "per_hour_paid", r.allPaidHours = t === "per_hour_paid" || t === "per_hour_paid_no_overtime", r.includeOvertime = t === "per_hour_paid" || t === "per_hour_worked", e.accrualRate != null && (r.accrualRate = Number(e.accrualRate)), e.accrualRateUnit != null && (r.accrualRateUnit = Number(e.accrualRateUnit)), e.policyResetDate && (r.resetDateType = "per_calendar_year")) : (r.accrualMethod = "per_calendar_year", t === "per_pay_period" ? (r.accrualMethodFixed = "per_pay_period", r.resetDateType = e.policyResetDate ? "per_calendar_year" : "per_anniversary_year") : (r.accrualMethodFixed = "all_at_once", r.resetDateType = t === "per_anniversary_year" ? "per_anniversary_year" : "per_calendar_year"), e.accrualRate != null && (r.accrualRate = Number(e.accrualRate))), e.policyResetDate) {
+    const [a, o] = e.policyResetDate.split("-").map(Number);
+    a && (r.resetMonth = a), o && (r.resetDay = o);
+  }
+  return r;
+}
+function g(e, r) {
+  const t = v(e), a = { name: e.name, policyType: r, accrualMethod: t };
+  if (t === "unlimited")
+    return { ...a, complete: !0 };
+  const o = t === "per_hour_paid" || t === "per_hour_paid_no_overtime" || t === "per_hour_worked" || t === "per_hour_worked_no_overtime", n = e.resetDateType === "per_calendar_year" ? R(e.resetMonth, e.resetDay) : void 0;
+  return o ? {
+    ...a,
+    accrualRate: e.accrualRate != null ? String(e.accrualRate) : void 0,
+    accrualRateUnit: e.accrualRateUnit != null ? String(e.accrualRateUnit) : void 0,
+    policyResetDate: n,
+    complete: !1
+  } : {
+    ...a,
+    accrualRate: e.accrualRate != null ? String(e.accrualRate) : void 0,
+    policyResetDate: n,
+    complete: !1
+  };
+}
+function S(e, r, t) {
+  const a = v(e), o = {
+    name: e.name,
+    policyType: r,
+    accrualMethod: a,
+    version: t
+  };
+  if (a === "unlimited")
+    return { ...o, complete: !0 };
+  const n = a === "per_hour_paid" || a === "per_hour_paid_no_overtime" || a === "per_hour_worked" || a === "per_hour_worked_no_overtime", i = e.resetDateType === "per_calendar_year" ? R(e.resetMonth, e.resetDay) : void 0;
+  return n ? {
+    ...o,
+    accrualRate: e.accrualRate != null ? String(e.accrualRate) : void 0,
+    accrualRateUnit: e.accrualRateUnit != null ? String(e.accrualRateUnit) : void 0,
+    policyResetDate: i
+  } : {
+    ...o,
+    accrualRate: e.accrualRate != null ? String(e.accrualRate) : void 0,
+    policyResetDate: i
+  };
+}
+function k({ companyId: e, policyType: r, defaultValues: t, policyId: a }) {
+  return a ? /* @__PURE__ */ u(
+    q,
+    {
+      companyId: e,
+      policyType: r,
+      policyId: a,
+      defaultValues: t
+    }
+  ) : /* @__PURE__ */ u(F, { companyId: e, policyType: r, defaultValues: t });
+}
+function F({ companyId: e, policyType: r, defaultValues: t }) {
+  const { onEvent: a, baseSubmitHandler: o } = y(), { mutateAsync: n } = O(), i = _(
+    async (l) => {
+      await o(l, async () => {
+        const c = g(l, r), s = await n({
+          request: {
+            companyUuid: e,
+            timeOffPolicyRequest: c
+          }
+        });
+        a(p.TIME_OFF_POLICY_DETAILS_DONE, {
+          policyId: s.timeOffPolicy.uuid,
+          accrualMethod: c.accrualMethod
+        });
+      });
+    },
+    [o, e, n, a, r]
+  ), m = _(() => {
+    a(p.CANCEL);
+  }, [a]);
+  return /* @__PURE__ */ u(
+    h,
+    {
+      onContinue: i,
+      onCancel: m,
+      defaultValues: t
+    }
+  );
+}
+function q({ companyId: e, policyType: r, policyId: t, defaultValues: a }) {
+  const { onEvent: o, baseSubmitHandler: n } = y(), i = U(), { data: m } = w({
+    timeOffPolicyUuid: t
+  }), { mutateAsync: l } = P(), c = m.timeOffPolicy;
+  if (!c) throw new Error("Unexpected response: missing timeOffPolicy");
+  const s = c.version ?? "", D = { ...T(c), ...a }, M = _(
+    async (d) => {
+      await n(d, async () => {
+        const f = S(d, r, s);
+        await l({
+          request: {
+            timeOffPolicyUuid: t,
+            requestBody: f
+          }
+        }), i.invalidateQueries({
+          queryKey: ["@gusto/embedded-api", "timeOffPolicies", "get"]
+        }), o(p.TIME_OFF_POLICY_DETAILS_DONE, {
+          policyId: t,
+          accrualMethod: f.accrualMethod
+        });
+      });
+    },
+    [n, t, r, s, l, i, o]
+  ), C = _(() => {
+    o(p.CANCEL);
+  }, [o]);
+  return /* @__PURE__ */ u(
+    h,
+    {
+      onContinue: M,
+      onCancel: C,
+      defaultValues: D
+    }
+  );
+}
+export {
+  z as PolicyConfigurationForm
+};
+//# sourceMappingURL=PolicyConfigurationForm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyConfigurationForm.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationForm.tsx"],"sourcesContent":["import { useCallback } from 'react'\nimport { useTimeOffPoliciesCreateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesCreate'\nimport { useTimeOffPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesUpdate'\nimport { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api/react-query/timeOffPoliciesGet'\nimport type { TimeOffPolicyRequest } from '@gusto/embedded-api/models/components/timeoffpolicyrequest'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport type { PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1timeoffpoliciestimeoffpolicyuuid'\nimport { useQueryClient } from '@tanstack/react-query'\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  policyId?: string\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\nconst HOURLY_API_METHODS = [\n  'per_hour_paid',\n  'per_hour_paid_no_overtime',\n  'per_hour_worked',\n  'per_hour_worked_no_overtime',\n]\n\nfunction deriveFormDefaults(policy: TimeOffPolicy): Partial<PolicyConfigurationFormData> {\n  const defaults: Partial<PolicyConfigurationFormData> = { name: policy.name }\n  const apiMethod = policy.accrualMethod\n\n  if (apiMethod === 'unlimited') {\n    defaults.accrualMethod = 'unlimited'\n  } else if (HOURLY_API_METHODS.includes(apiMethod)) {\n    defaults.accrualMethod = 'per_hour_paid'\n    defaults.allPaidHours =\n      apiMethod === 'per_hour_paid' || apiMethod === 'per_hour_paid_no_overtime'\n    defaults.includeOvertime = apiMethod === 'per_hour_paid' || apiMethod === 'per_hour_worked'\n\n    if (policy.accrualRate != null) defaults.accrualRate = Number(policy.accrualRate)\n    if (policy.accrualRateUnit != null) defaults.accrualRateUnit = Number(policy.accrualRateUnit)\n\n    if (policy.policyResetDate) {\n      defaults.resetDateType = 'per_calendar_year'\n    }\n  } else {\n    defaults.accrualMethod = 'per_calendar_year'\n\n    if (apiMethod === 'per_pay_period') {\n      defaults.accrualMethodFixed = 'per_pay_period'\n      defaults.resetDateType = policy.policyResetDate ? 'per_calendar_year' : 'per_anniversary_year'\n    } else {\n      defaults.accrualMethodFixed = 'all_at_once'\n      defaults.resetDateType =\n        apiMethod === 'per_anniversary_year' ? 'per_anniversary_year' : 'per_calendar_year'\n    }\n\n    if (policy.accrualRate != null) defaults.accrualRate = Number(policy.accrualRate)\n  }\n\n  if (policy.policyResetDate) {\n    const [month, day] = policy.policyResetDate.split('-').map(Number)\n    if (month) defaults.resetMonth = month\n    if (day) defaults.resetDay = day\n  }\n\n  return defaults\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, complete: true }\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      complete: false,\n    }\n  }\n\n  return {\n    ...base,\n    accrualRate: data.accrualRate != null ? String(data.accrualRate) : undefined,\n    policyResetDate,\n    complete: false,\n  }\n}\n\nfunction buildUpdateRequestBody(\n  data: PolicyConfigurationFormData,\n  policyType: 'sick' | 'vacation',\n  version: string,\n): PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody {\n  const accrualMethod = resolveApiAccrualMethod(data)\n\n  const base: PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody = {\n    name: data.name,\n    policyType,\n    accrualMethod,\n    version,\n  }\n\n  if (accrualMethod === 'unlimited') {\n    return { ...base, complete: true }\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, policyId }: PolicyConfigurationFormProps) {\n  if (policyId) {\n    return (\n      <EditRoot\n        companyId={companyId}\n        policyType={policyType}\n        policyId={policyId}\n        defaultValues={defaultValues}\n      />\n    )\n  }\n  return <CreateRoot companyId={companyId} policyType={policyType} defaultValues={defaultValues} />\n}\n\ninterface CreateRootProps {\n  companyId: string\n  policyType: 'sick' | 'vacation'\n  defaultValues?: Partial<PolicyConfigurationFormData>\n}\n\nfunction CreateRoot({ companyId, policyType, defaultValues }: CreateRootProps) {\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          accrualMethod: requestBody.accrualMethod,\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\ninterface EditRootProps {\n  companyId: string\n  policyType: 'sick' | 'vacation'\n  policyId: string\n  defaultValues?: Partial<PolicyConfigurationFormData>\n}\n\nfunction EditRoot({ companyId, policyType, policyId, defaultValues }: EditRootProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: updateTimeOffPolicy } = useTimeOffPoliciesUpdateMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const version = policy.version ?? ''\n  const fetchedDefaults = deriveFormDefaults(policy)\n  const mergedDefaults = { ...fetchedDefaults, ...defaultValues }\n\n  const handleContinue = useCallback(\n    async (data: PolicyConfigurationFormData) => {\n      await baseSubmitHandler(data, async () => {\n        const requestBody = buildUpdateRequestBody(data, policyType, version)\n\n        await updateTimeOffPolicy({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody,\n          },\n        })\n\n        void queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api', 'timeOffPolicies', 'get'],\n        })\n\n        onEvent(componentEvents.TIME_OFF_POLICY_DETAILS_DONE, {\n          policyId,\n          accrualMethod: requestBody.accrualMethod,\n        })\n      })\n    },\n    [baseSubmitHandler, policyId, policyType, version, updateTimeOffPolicy, queryClient, onEvent],\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={mergedDefaults}\n    />\n  )\n}\n"],"names":["PolicyConfigurationForm","props","jsx","BaseComponent","Root","resolveApiAccrualMethod","data","paid","overtime","HOURLY_API_METHODS","deriveFormDefaults","policy","defaults","apiMethod","month","day","buildCreateRequestBody","policyType","accrualMethod","base","isHourly","policyResetDate","formatMonthDay","buildUpdateRequestBody","version","companyId","defaultValues","policyId","EditRoot","CreateRoot","onEvent","baseSubmitHandler","useBase","createTimeOffPolicy","useTimeOffPoliciesCreateMutation","handleContinue","useCallback","requestBody","response","componentEvents","handleCancel","PolicyConfigurationFormPresentation","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","updateTimeOffPolicy","useTimeOffPoliciesUpdateMutation","mergedDefaults"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyConfigurationFormPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/PolicyConfigurationForm/PolicyConfigurationFormPresentation.tsx"],"sourcesContent":["import { useEffect, useId, useMemo } from 'react'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  AccrualMethod,\n  AccrualMethodFixed,\n  PolicyConfigurationFormData,\n  PolicyConfigurationFormPresentationProps,\n  ResetDateType,\n} from './PolicyConfigurationFormTypes'\nimport styles from './PolicyConfigurationForm.module.scss'\nimport {\n  Flex,\n  ActionsLayout,\n  RadioGroupField,\n  NumberInputField,\n  CheckboxField,\n  SelectField,\n  TextInputField,\n} from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { useI18n } from '@/i18n'\nimport { getDaysInMonth } from '@/helpers/dateFormatting'\n\nexport function PolicyConfigurationFormPresentation({\n  onContinue,\n  onCancel,\n  defaultValues,\n}: PolicyConfigurationFormPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n  const { locale } = useLocale()\n  const headingId = useId()\n\n  const monthOptions = useMemo(() => {\n    const formatter = new Intl.DateTimeFormat(locale, { month: 'long' })\n    return Array.from({ length: 12 }, (_, i) => ({\n      value: i + 1,\n      label: formatter.format(new Date(2024, i)),\n    }))\n  }, [locale])\n\n  const formMethods = useForm<PolicyConfigurationFormData>({\n    defaultValues: {\n      name: '',\n      resetMonth: 1,\n      resetDay: 1,\n      ...defaultValues,\n    },\n  })\n\n  const { control, setValue, getValues } = formMethods\n  const accrualMethod = useWatch({ control, name: 'accrualMethod' })\n  const resetDateType = useWatch({ control, name: 'resetDateType' })\n  const resetMonth = useWatch({ control, name: 'resetMonth' })\n\n  const dayOptions = useMemo(() => {\n    const days = getDaysInMonth(resetMonth ?? 1)\n    return Array.from({ length: days }, (_, i) => ({\n      value: i + 1,\n      label: String(i + 1),\n    }))\n  }, [resetMonth])\n\n  useEffect(() => {\n    const maxDay = getDaysInMonth(resetMonth ?? 1)\n    const currentDay = getValues('resetDay')\n    if (currentDay != null && currentDay > maxDay) {\n      setValue('resetDay', maxDay)\n    }\n  }, [resetMonth, getValues, setValue])\n\n  const accrualMethodOptions = useMemo(\n    () => [\n      {\n        value: 'per_hour_paid' as AccrualMethod,\n        label: t('policyDetails.perHourPaidLabel'),\n        description: t('policyDetails.perHourPaidHint'),\n      },\n      {\n        value: 'per_calendar_year' as AccrualMethod,\n        label: t('policyDetails.perYearLabel'),\n        description: t('policyDetails.perYearHint'),\n      },\n      {\n        value: 'unlimited' as AccrualMethod,\n        label: t('policyDetails.unlimitedLabel'),\n        description: t('policyDetails.unlimitedHint'),\n      },\n    ],\n    [t],\n  )\n\n  const accrualMethodFixedOptions = useMemo(\n    () => [\n      {\n        value: 'per_pay_period' as AccrualMethodFixed,\n        label: t('policyDetails.perPayPeriodLabel'),\n        description: t('policyDetails.perPayPeriodHint'),\n      },\n      {\n        value: 'all_at_once' as AccrualMethodFixed,\n        label: t('policyDetails.allAtOnceLabel'),\n        description: t('policyDetails.allAtOnceHint'),\n      },\n    ],\n    [t],\n  )\n\n  const resetDateTypeOptions = useMemo(\n    () => [\n      {\n        value: 'per_anniversary_year' as ResetDateType,\n        label: t('policyDetails.perAnniversaryYearLabel'),\n      },\n      {\n        value: 'per_calendar_year' as ResetDateType,\n        label: t('policyDetails.perCalendarYearLabel'),\n      },\n    ],\n    [t],\n  )\n\n  const handleSubmit = (data: PolicyConfigurationFormData) => {\n    onContinue(data)\n  }\n\n  const isHourlyMethod = accrualMethod === 'per_hour_paid'\n  const isFixedMethod = accrualMethod === 'per_calendar_year'\n  const showResetDate = isHourlyMethod || isFixedMethod\n  const showCustomDateFields = resetDateType === 'per_calendar_year'\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm aria-labelledby={headingId} onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <Flex flexDirection=\"column\" gap={32}>\n          <Heading as=\"h2\" id={headingId}>\n            {t('policyDetails.title')}\n          </Heading>\n\n          <Flex flexDirection=\"column\" gap={20}>\n            <TextInputField\n              name=\"name\"\n              label={t('policyDetails.policyNameLabel')}\n              isRequired\n              errorMessage={t('policyDetails.validations.policyName')}\n            />\n\n            <RadioGroupField<AccrualMethod>\n              name=\"accrualMethod\"\n              label={t('policyDetails.accrualMethodLabel')}\n              description={t('policyDetails.accrualMethodHint')}\n              options={accrualMethodOptions}\n              isRequired\n              errorMessage={t('policyDetails.validations.accrualMethod')}\n            />\n\n            {isHourlyMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.employeesWillAccrueLabel')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRateUnit\"\n                  label={t('policyDetails.forEveryLabel')}\n                  adornmentEnd={t('policyDetails.hoursWorkedUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRateUnit')}\n                  min={1}\n                />\n\n                <Flex flexDirection=\"column\" gap={8}>\n                  <Text>{t('policyDetails.additionalOptionsLabel')}</Text>\n                  <CheckboxField\n                    name=\"includeOvertime\"\n                    label={t('policyDetails.includeOvertimeLabel')}\n                  />\n                  <CheckboxField name=\"allPaidHours\" label={t('policyDetails.allPaidHoursLabel')} />\n                </Flex>\n              </>\n            )}\n\n            {isFixedMethod && (\n              <>\n                <hr className={styles.divider} />\n\n                <NumberInputField\n                  className={styles.narrowInput}\n                  name=\"accrualRate\"\n                  label={t('policyDetails.fixedAccrualRateLabel')}\n                  description={t('policyDetails.fixedAccrualRateHint')}\n                  adornmentEnd={t('policyDetails.hoursUnit')}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualRate')}\n                  min={0}\n                />\n\n                <RadioGroupField<AccrualMethodFixed>\n                  name=\"accrualMethodFixed\"\n                  label={t('policyDetails.accrualMethodFixed')}\n                  description={t('policyDetails.accrualMethodFixedHint')}\n                  options={accrualMethodFixedOptions}\n                  isRequired\n                  errorMessage={t('policyDetails.validations.accrualMethodFixed')}\n                />\n              </>\n            )}\n\n            {showResetDate && (\n              <>\n                <hr className={styles.divider} />\n\n                <RadioGroupField<ResetDateType>\n                  name=\"resetDateType\"\n                  label={t('policyDetails.policyResetDateType')}\n                  description={t('policyDetails.policyResetDateTypeHint')}\n                  options={resetDateTypeOptions}\n                  isRequired={!isHourlyMethod}\n                  errorMessage={t('policyDetails.validations.resetDateType')}\n                />\n\n                {showCustomDateFields && (\n                  <Flex gap={8}>\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetMonth\"\n                      label={t('policyDetails.monthLabel')}\n                      options={monthOptions}\n                    />\n                    <SelectField<number>\n                      className={styles.dateSelect}\n                      name=\"resetDay\"\n                      label={t('policyDetails.dayLabel')}\n                      options={dayOptions}\n                    />\n                  </Flex>\n                )}\n              </>\n            )}\n\n            <ActionsLayout>\n              <Button variant=\"secondary\" onClick={onCancel}>\n                {t('cancelCta')}\n              </Button>\n              <Button variant=\"primary\" type=\"submit\">\n                {t('continueCta')}\n              </Button>\n            </ActionsLayout>\n          </Flex>\n        </Flex>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicyConfigurationFormPresentation","onContinue","onCancel","defaultValues","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","locale","useLocale","headingId","useId","monthOptions","useMemo","formatter","_","i","formMethods","useForm","control","setValue","getValues","accrualMethod","useWatch","resetDateType","resetMonth","dayOptions","days","getDaysInMonth","useEffect","maxDay","currentDay","accrualMethodOptions","accrualMethodFixedOptions","resetDateTypeOptions","handleSubmit","data","isHourlyMethod","isFixedMethod","showResetDate","showCustomDateFields","FormProvider","jsx","HtmlForm","jsxs","Flex","TextInputField","RadioGroupField","Fragment","styles","NumberInputField","CheckboxField","SelectField","ActionsLayout"],"mappings":";;;;;;;;;;;;;;;;;;;AA0BO,SAASA,GAAoC;AAAA,EAClD,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AACF,GAA6C;AAC3C,EAAAC,EAAQ,qCAAqC;AAC7C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qCAAqC,GAC5D,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAC5B,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbC,IAAYC,EAAA,GAEZC,IAAeC,EAAQ,MAAM;AACjC,UAAMC,IAAY,IAAI,KAAK,eAAeN,GAAQ,EAAE,OAAO,QAAQ;AACnE,WAAO,MAAM,KAAK,EAAE,QAAQ,MAAM,CAACO,GAAGC,OAAO;AAAA,MAC3C,OAAOA,IAAI;AAAA,MACX,OAAOF,EAAU,OAAO,IAAI,KAAK,MAAME,CAAC,CAAC;AAAA,IAAA,EACzC;AAAA,EACJ,GAAG,CAACR,CAAM,CAAC,GAELS,IAAcC,EAAqC;AAAA,IACvD,eAAe;AAAA,MACb,MAAM;AAAA,MACN,YAAY;AAAA,MACZ,UAAU;AAAA,MACV,GAAGlB;AAAA,IAAA;AAAA,EACL,CACD,GAEK,EAAE,SAAAmB,GAAS,UAAAC,GAAU,WAAAC,EAAA,IAAcJ,GACnCK,IAAgBC,EAAS,EAAE,SAAAJ,GAAS,MAAM,iBAAiB,GAC3DK,IAAgBD,EAAS,EAAE,SAAAJ,GAAS,MAAM,iBAAiB,GAC3DM,IAAaF,EAAS,EAAE,SAAAJ,GAAS,MAAM,cAAc,GAErDO,IAAab,EAAQ,MAAM;AAC/B,UAAMc,IAAOC,EAAeH,KAAc,CAAC;AAC3C,WAAO,MAAM,KAAK,EAAE,QAAQE,KAAQ,CAACZ,GAAGC,OAAO;AAAA,MAC7C,OAAOA,IAAI;AAAA,MACX,OAAO,OAAOA,IAAI,CAAC;AAAA,IAAA,EACnB;AAAA,EACJ,GAAG,CAACS,CAAU,CAAC;AAEf,EAAAI,EAAU,MAAM;AACd,UAAMC,IAASF,EAAeH,KAAc,CAAC,GACvCM,IAAaV,EAAU,UAAU;AACvC,IAAIU,KAAc,QAAQA,IAAaD,KACrCV,EAAS,YAAYU,CAAM;AAAA,EAE/B,GAAG,CAACL,GAAYJ,GAAWD,CAAQ,CAAC;AAEpC,QAAMY,IAAuBnB;AAAA,IAC3B,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOX,EAAE,gCAAgC;AAAA,QACzC,aAAaA,EAAE,+BAA+B;AAAA,MAAA;AAAA,MAEhD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,4BAA4B;AAAA,QACrC,aAAaA,EAAE,2BAA2B;AAAA,MAAA;AAAA,MAE5C;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,8BAA8B;AAAA,QACvC,aAAaA,EAAE,6BAA6B;AAAA,MAAA;AAAA,IAC9C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGE+B,IAA4BpB;AAAA,IAChC,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOX,EAAE,iCAAiC;AAAA,QAC1C,aAAaA,EAAE,gCAAgC;AAAA,MAAA;AAAA,MAEjD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,8BAA8B;AAAA,QACvC,aAAaA,EAAE,6BAA6B;AAAA,MAAA;AAAA,IAC9C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEgC,IAAuBrB;AAAA,IAC3B,MAAM;AAAA,MACJ;AAAA,QACE,OAAO;AAAA,QACP,OAAOX,EAAE,uCAAuC;AAAA,MAAA;AAAA,MAElD;AAAA,QACE,OAAO;AAAA,QACP,OAAOA,EAAE,oCAAoC;AAAA,MAAA;AAAA,IAC/C;AAAA,IAEF,CAACA,CAAC;AAAA,EAAA,GAGEiC,IAAe,CAACC,MAAsC;AAC1D,IAAAtC,EAAWsC,CAAI;AAAA,EACjB,GAEMC,IAAiBf,MAAkB,iBACnCgB,IAAgBhB,MAAkB,qBAClCiB,IAAgBF,KAAkBC,GAClCE,IAAuBhB,MAAkB;AAE/C,2BACGiB,GAAA,EAAc,GAAGxB,GAChB,UAAA,gBAAAyB,EAACC,GAAA,EAAS,mBAAiBjC,GAAW,UAAUO,EAAY,aAAakB,CAAY,GACnF,UAAA,gBAAAS,EAACC,KAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACtC,KAAQ,IAAG,MAAK,IAAIM,GAClB,UAAAR,EAAE,qBAAqB,GAC1B;AAAA,IAEA,gBAAA0C,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAH;AAAA,QAACI;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO5C,EAAE,+BAA+B;AAAA,UACxC,YAAU;AAAA,UACV,cAAcA,EAAE,sCAAsC;AAAA,QAAA;AAAA,MAAA;AAAA,MAGxD,gBAAAwC;AAAA,QAACK;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAO7C,EAAE,kCAAkC;AAAA,UAC3C,aAAaA,EAAE,iCAAiC;AAAA,UAChD,SAAS8B;AAAA,UACT,YAAU;AAAA,UACV,cAAc9B,EAAE,yCAAyC;AAAA,QAAA;AAAA,MAAA;AAAA,MAG1DmC,KACC,gBAAAO,EAAAI,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAN,EAAC,MAAA,EAAG,WAAWO,EAAO,QAAA,CAAS;AAAA,QAE/B,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAWD,EAAO;AAAA,YAClB,MAAK;AAAA,YACL,OAAO/C,EAAE,wCAAwC;AAAA,YACjD,cAAcA,EAAE,yBAAyB;AAAA,YACzC,YAAU;AAAA,YACV,cAAcA,EAAE,uCAAuC;AAAA,YACvD,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP,gBAAAwC;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAWD,EAAO;AAAA,YAClB,MAAK;AAAA,YACL,OAAO/C,EAAE,6BAA6B;AAAA,YACtC,cAAcA,EAAE,+BAA+B;AAAA,YAC/C,YAAU;AAAA,YACV,cAAcA,EAAE,2CAA2C;AAAA,YAC3D,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP,gBAAA0C,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAH,EAACrC,GAAA,EAAM,UAAAH,EAAE,sCAAsC,EAAA,CAAE;AAAA,UACjD,gBAAAwC;AAAA,YAACS;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAOjD,EAAE,oCAAoC;AAAA,YAAA;AAAA,UAAA;AAAA,4BAE9CiD,GAAA,EAAc,MAAK,gBAAe,OAAOjD,EAAE,iCAAiC,EAAA,CAAG;AAAA,QAAA,EAAA,CAClF;AAAA,MAAA,GACF;AAAA,MAGDoC,KACC,gBAAAM,EAAAI,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAN,EAAC,MAAA,EAAG,WAAWO,EAAO,QAAA,CAAS;AAAA,QAE/B,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YACC,WAAWD,EAAO;AAAA,YAClB,MAAK;AAAA,YACL,OAAO/C,EAAE,qCAAqC;AAAA,YAC9C,aAAaA,EAAE,oCAAoC;AAAA,YACnD,cAAcA,EAAE,yBAAyB;AAAA,YACzC,YAAU;AAAA,YACV,cAAcA,EAAE,uCAAuC;AAAA,YACvD,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,QAGP,gBAAAwC;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO7C,EAAE,kCAAkC;AAAA,YAC3C,aAAaA,EAAE,sCAAsC;AAAA,YACrD,SAAS+B;AAAA,YACT,YAAU;AAAA,YACV,cAAc/B,EAAE,8CAA8C;AAAA,UAAA;AAAA,QAAA;AAAA,MAChE,GACF;AAAA,MAGDqC,KACC,gBAAAK,EAAAI,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAN,EAAC,MAAA,EAAG,WAAWO,EAAO,QAAA,CAAS;AAAA,QAE/B,gBAAAP;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAO7C,EAAE,mCAAmC;AAAA,YAC5C,aAAaA,EAAE,uCAAuC;AAAA,YACtD,SAASgC;AAAA,YACT,YAAY,CAACG;AAAA,YACb,cAAcnC,EAAE,yCAAyC;AAAA,UAAA;AAAA,QAAA;AAAA,QAG1DsC,KACC,gBAAAI,EAACC,GAAA,EAAK,KAAK,GACT,UAAA;AAAA,UAAA,gBAAAH;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,WAAWH,EAAO;AAAA,cAClB,MAAK;AAAA,cACL,OAAO/C,EAAE,0BAA0B;AAAA,cACnC,SAASU;AAAA,YAAA;AAAA,UAAA;AAAA,UAEX,gBAAA8B;AAAA,YAACU;AAAA,YAAA;AAAA,cACC,WAAWH,EAAO;AAAA,cAClB,MAAK;AAAA,cACL,OAAO/C,EAAE,wBAAwB;AAAA,cACjC,SAASwB;AAAA,YAAA;AAAA,UAAA;AAAA,QACX,EAAA,CACF;AAAA,MAAA,GAEJ;AAAA,wBAGD2B,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAX,EAACpC,KAAO,SAAQ,aAAY,SAASP,GAClC,UAAAG,EAAE,WAAW,GAChB;AAAA,QACA,gBAAAwC,EAACpC,KAAO,SAAQ,WAAU,MAAK,UAC5B,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,MAAA,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,EAAA,CACF,GACF,GACF;AAEJ;"}

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

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

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

@@ -0,0 +1,143 @@
+import { jsx as p } from "react/jsx-runtime";
+import { useState as I, useCallback as u, useMemo as C } from "react";
+import { useQueryClient as N } from "@tanstack/react-query";
+import { useHolidayPayPoliciesAddEmployeesMutation as k } from "@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees";
+import { useHolidayPayPoliciesRemoveEmployeesMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees";
+import { queryKeyHolidayPayPoliciesGet as z, invalidateAllHolidayPayPoliciesGet as G, useHolidayPayPoliciesGetSuspense as T } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { SelectEmployeesPresentation as Q } from "./SelectEmployeesPresentation.js";
+import { useSelectEmployeesData as V } from "./useSelectEmployeesData.js";
+import { useBase as j } from "../../../Base/useBase.js";
+import { componentEvents as f } from "../../../../shared/constants.js";
+function ie(n) {
+  return n.mode === "wizard" ? /* @__PURE__ */ p(D, { ...n, mode: "wizard" }) : /* @__PURE__ */ p(K, { ...n });
+}
+function K(n) {
+  const { data: c } = T({
+    companyUuid: n.companyId
+  }), e = c.holidayPayPolicy;
+  if (!e) throw new Error("Unexpected response: missing holidayPayPolicy");
+  const m = C(() => {
+    const i = /* @__PURE__ */ new Set();
+    for (const y of e.employees)
+      y.uuid && i.add(y.uuid);
+    return i;
+  }, [e.employees]);
+  return /* @__PURE__ */ p(
+    D,
+    {
+      ...n,
+      mode: "standalone",
+      originalUuids: m,
+      version: e.version
+    }
+  );
+}
+function D({
+  companyId: n,
+  mode: c = "standalone",
+  originalUuids: e,
+  version: m
+}) {
+  const { onEvent: i, baseSubmitHandler: y } = j(), h = N(), {
+    filteredEmployees: O,
+    selectedUuids: s,
+    searchValue: w,
+    pagination: _,
+    isFetching: A,
+    handleSelect: g,
+    handleSelectAll: H,
+    handleSearchChange: M,
+    handleSearchClear: L
+  } = V(n, e), { mutateAsync: S } = k(), { mutateAsync: v, isPending: R } = x(), [F, P] = I(!1), d = u(
+    async (t, a) => {
+      await y({}, async () => {
+        let l = m ?? "", o;
+        if (a.length > 0) {
+          const r = await v({
+            request: {
+              companyUuid: n,
+              requestBody: {
+                version: l,
+                employees: a.map((E) => ({ uuid: E }))
+              }
+            }
+          });
+          r.holidayPayPolicy?.version && (l = r.holidayPayPolicy.version), o = r.holidayPayPolicy;
+        }
+        t.length > 0 && (o = (await S({
+          request: {
+            companyUuid: n,
+            requestBody: {
+              version: l,
+              employees: t.map((E) => ({ uuid: E }))
+            }
+          }
+        })).holidayPayPolicy), o && h.setQueryData(
+          z(n, {}),
+          (r) => r ? { ...r, holidayPayPolicy: o } : void 0
+        ), await G(h), i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, o);
+      });
+    },
+    [y, v, S, n, m, h, i]
+  ), q = u(async () => {
+    if (c === "wizard") {
+      i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {
+        employeeUuids: [...s]
+      });
+      return;
+    }
+    const t = e ?? /* @__PURE__ */ new Set(), a = [...s].filter((o) => !t.has(o)), l = [...t].filter((o) => !s.has(o));
+    if (a.length === 0 && l.length === 0) {
+      i(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE);
+      return;
+    }
+    if (l.length > 0) {
+      P(!0);
+      return;
+    }
+    await d(a, l);
+  }, [c, e, s, i, d]), Y = u(async () => {
+    const t = e ?? /* @__PURE__ */ new Set(), a = [...s].filter((o) => !t.has(o)), l = [...t].filter((o) => !s.has(o));
+    P(!1), await d(a, l);
+  }, [e, s, d]), B = C(() => {
+    if (!e) return 0;
+    let t = 0;
+    for (const a of e) s.has(a) || (t += 1);
+    return t;
+  }, [e, s]), b = u(() => {
+    i(f.CANCEL);
+  }, [i]);
+  return /* @__PURE__ */ p(
+    Q,
+    {
+      employees: O,
+      selectedUuids: s,
+      searchValue: w,
+      onSelect: g,
+      onSelectAll: H,
+      onSearchChange: M,
+      onSearchClear: L,
+      onBack: b,
+      onContinue: q,
+      showReassignmentWarning: !1,
+      pagination: _,
+      isFetching: A,
+      originallyOnPolicyUuids: e,
+      removeConfirmDialog: c === "standalone" ? {
+        isOpen: F,
+        count: B,
+        onConfirm: () => {
+          Y();
+        },
+        onClose: () => {
+          P(!1);
+        },
+        isPending: R
+      } : void 0
+    }
+  );
+}
+export {
+  ie as SelectEmployeesHoliday
+};
+//# sourceMappingURL=SelectEmployeesHoliday.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEmployeesHoliday.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesAddEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees'\nimport { useHolidayPayPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/models/components/holidaypaypolicy'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { useSelectEmployeesData } from './useSelectEmployeesData'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\ninterface SelectEmployeesHolidayProps {\n  companyId: string\n  mode?: 'standalone' | 'wizard'\n}\n\nexport function SelectEmployeesHoliday(props: SelectEmployeesHolidayProps) {\n  if (props.mode === 'wizard') {\n    return <SelectEmployeesHolidayInner {...props} mode=\"wizard\" />\n  }\n  return <StandaloneLoader {...props} />\n}\n\nfunction StandaloneLoader(props: SelectEmployeesHolidayProps) {\n  const { data: policyResponse } = useHolidayPayPoliciesGetSuspense({\n    companyUuid: props.companyId,\n  })\n  const policy = policyResponse.holidayPayPolicy\n  if (!policy) throw new Error('Unexpected response: missing holidayPayPolicy')\n\n  const originalUuids = useMemo(() => {\n    const set = new Set<string>()\n    for (const e of policy.employees) {\n      if (e.uuid) set.add(e.uuid)\n    }\n    return set\n  }, [policy.employees])\n\n  return (\n    <SelectEmployeesHolidayInner\n      {...props}\n      mode=\"standalone\"\n      originalUuids={originalUuids}\n      version={policy.version}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesHolidayProps {\n  originalUuids?: Set<string>\n  version?: string\n}\n\nfunction SelectEmployeesHolidayInner({\n  companyId,\n  mode = 'standalone',\n  originalUuids,\n  version,\n}: InnerProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n  const {\n    filteredEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange,\n    handleSearchClear,\n  } = useSelectEmployeesData(companyId, originalUuids)\n\n  const { mutateAsync: addEmployees } = useHolidayPayPoliciesAddEmployeesMutation()\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useHolidayPayPoliciesRemoveEmployeesMutation()\n\n  const [confirmRemoveOpen, setConfirmRemoveOpen] = useState(false)\n\n  const submitDiff = useCallback(\n    async (toAdd: string[], toRemove: string[]) => {\n      await baseSubmitHandler({}, async () => {\n        let currentVersion = version ?? ''\n        let latestPolicy: HolidayPayPolicy | undefined\n        if (toRemove.length > 0) {\n          const response = await removeEmployees({\n            request: {\n              companyUuid: companyId,\n              requestBody: {\n                version: currentVersion,\n                employees: toRemove.map(uuid => ({ uuid })),\n              },\n            },\n          })\n          if (response.holidayPayPolicy?.version) {\n            currentVersion = response.holidayPayPolicy.version\n          }\n          latestPolicy = response.holidayPayPolicy\n        }\n        if (toAdd.length > 0) {\n          const response = await addEmployees({\n            request: {\n              companyUuid: companyId,\n              requestBody: {\n                version: currentVersion,\n                employees: toAdd.map(uuid => ({ uuid })),\n              },\n            },\n          })\n          latestPolicy = response.holidayPayPolicy\n        }\n        // Seed the GET cache from the mutation response so that the next mount\n        // of HolidayPolicyDetail reads fresh data immediately. invalidateQueries\n        // alone only refetches *active* subscriptions, but we navigate away\n        // before the refetch can complete.\n        if (latestPolicy) {\n          queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n            queryKeyHolidayPayPoliciesGet(companyId, {}),\n            prev =>\n              prev\n                ? { ...prev, holidayPayPolicy: latestPolicy }\n                : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n          )\n        }\n        await invalidateAllHolidayPayPoliciesGet(queryClient)\n        onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, latestPolicy)\n      })\n    },\n    [baseSubmitHandler, removeEmployees, addEmployees, companyId, version, queryClient, onEvent],\n  )\n\n  const handleContinue = useCallback(async () => {\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {\n        employeeUuids: [...selectedUuids],\n      })\n      return\n    }\n\n    const original = originalUuids ?? new Set<string>()\n    const toAdd = [...selectedUuids].filter(uuid => !original.has(uuid))\n    const toRemove = [...original].filter(uuid => !selectedUuids.has(uuid))\n\n    if (toAdd.length === 0 && toRemove.length === 0) {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    if (toRemove.length > 0) {\n      setConfirmRemoveOpen(true)\n      return\n    }\n\n    await submitDiff(toAdd, toRemove)\n  }, [mode, originalUuids, selectedUuids, onEvent, submitDiff])\n\n  const handleConfirmRemove = useCallback(async () => {\n    const original = originalUuids ?? new Set<string>()\n    const toAdd = [...selectedUuids].filter(uuid => !original.has(uuid))\n    const toRemove = [...original].filter(uuid => !selectedUuids.has(uuid))\n    setConfirmRemoveOpen(false)\n    await submitDiff(toAdd, toRemove)\n  }, [originalUuids, selectedUuids, submitDiff])\n\n  const removeCount = useMemo(() => {\n    if (!originalUuids) return 0\n    let count = 0\n    for (const uuid of originalUuids) if (!selectedUuids.has(uuid)) count += 1\n    return count\n  }, [originalUuids, selectedUuids])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <SelectEmployeesPresentation\n      employees={filteredEmployees}\n      selectedUuids={selectedUuids}\n      searchValue={searchValue}\n      onSelect={handleSelect}\n      onSelectAll={handleSelectAll}\n      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      showReassignmentWarning={false}\n      pagination={pagination}\n      isFetching={isFetching}\n      originallyOnPolicyUuids={originalUuids}\n      removeConfirmDialog={\n        mode === 'standalone'\n          ? {\n              isOpen: confirmRemoveOpen,\n              count: removeCount,\n              onConfirm: () => {\n                void handleConfirmRemove()\n              },\n              onClose: () => {\n                setConfirmRemoveOpen(false)\n              },\n              isPending: isRemovePending,\n            }\n          : undefined\n      }\n    />\n  )\n}\n"],"names":["SelectEmployeesHoliday","props","jsx","SelectEmployeesHolidayInner","StandaloneLoader","policyResponse","useHolidayPayPoliciesGetSuspense","policy","originalUuids","useMemo","set","e","companyId","mode","version","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","addEmployees","useHolidayPayPoliciesAddEmployeesMutation","removeEmployees","isRemovePending","useHolidayPayPoliciesRemoveEmployeesMutation","confirmRemoveOpen","setConfirmRemoveOpen","useState","submitDiff","useCallback","toAdd","toRemove","currentVersion","latestPolicy","response","uuid","queryKeyHolidayPayPoliciesGet","prev","invalidateAllHolidayPayPoliciesGet","componentEvents","handleContinue","original","handleConfirmRemove","removeCount","count","handleBack","SelectEmployeesPresentation"],"mappings":"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"}

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

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