@gusto/embedded-react-sdk 0.44.2 → 0.45.0

package/dist/components/TimeOff/TimeOffPolicyDetail/EditEmployeeBalanceModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"EditEmployeeBalanceModal.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/EditEmployeeBalanceModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface EditEmployeeBalanceModalProps {\n  isOpen: boolean\n  onClose: () => void\n  employeeName: string\n  currentBalance: number\n  onConfirm: (newBalance: number) => void\n  isPending: boolean\n}\n\nexport function EditEmployeeBalanceModal({\n  isOpen,\n  onClose,\n  employeeName,\n  currentBalance,\n  onConfirm,\n  isPending,\n}: EditEmployeeBalanceModalProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Modal, Heading, NumberInput, Button } = useComponentContext()\n\n  const [balance, setBalance] = useState(currentBalance)\n\n  useEffect(() => {\n    setBalance(currentBalance)\n  }, [currentBalance])\n\n  const handleConfirm = () => {\n    onConfirm(balance)\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onClose} isDisabled={isPending}>\n            {t('editBalanceModal.cancelCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleConfirm} isLoading={isPending}>\n            {t('editBalanceModal.updateCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\" styledAs=\"h3\">\n          {t('editBalanceModal.title', { name: employeeName })}\n        </Heading>\n        <NumberInput\n          name=\"balance\"\n          label={t('editBalanceModal.balanceLabel')}\n          value={balance}\n          onChange={setBalance}\n          minimumFractionDigits={1}\n          maximumFractionDigits={2}\n          min={0}\n        />\n      </Flex>\n    </Modal>\n  )\n}\n"],"names":["EditEmployeeBalanceModal","isOpen","onClose","employeeName","currentBalance","onConfirm","isPending","useI18n","t","useTranslation","Modal","Heading","NumberInput","Button","useComponentContext","balance","setBalance","useState","useEffect","handleConfirm","jsx","ActionsLayout","jsxs","Flex"],"mappings":";;;;;;;;;AAeO,SAASA,EAAyB;AAAA,EACvC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAAkC;AAChC,EAAAC,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAC7D,EAAE,OAAAC,GAAO,SAAAC,GAAS,aAAAC,GAAa,QAAAC,EAAA,IAAWC,EAAA,GAE1C,CAACC,GAASC,CAAU,IAAIC,EAASb,CAAc;AAErD,EAAAc,EAAU,MAAM;AACd,IAAAF,EAAWZ,CAAc;AAAA,EAC3B,GAAG,CAACA,CAAc,CAAC;AAEnB,QAAMe,IAAgB,MAAM;AAC1B,IAAAd,EAAUU,CAAO;AAAA,EACnB;AAEA,SACE,gBAAAK;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,QAAAT;AAAA,MACA,SAAAC;AAAA,MACA,0BACGmB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASX,GAAS,YAAYI,GACvD,UAAAE,EAAE,4BAA4B,EAAA,CACjC;AAAA,QACA,gBAAAY,EAACP,GAAA,EAAO,SAAQ,WAAU,SAASM,GAAe,WAAWb,GAC1D,UAAAE,EAAE,4BAA4B,EAAA,CACjC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAc,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAH,EAACT,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAH,EAAE,0BAA0B,EAAE,MAAML,EAAA,CAAc,EAAA,CACrD;AAAA,QACA,gBAAAiB;AAAA,UAACR;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOJ,EAAE,+BAA+B;AAAA,YACxC,OAAOO;AAAA,YACP,UAAUC;AAAA,YACV,uBAAuB;AAAA,YACvB,uBAAuB;AAAA,YACvB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"EditEmployeeBalanceModal.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/EditEmployeeBalanceModal.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { SDKError } from '@/types/sdkError'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface EditEmployeeBalanceModalProps {\n  isOpen: boolean\n  onClose: () => void\n  employeeName: string\n  currentBalance: number\n  onConfirm: (newBalance: number) => void\n  isPending: boolean\n  error?: SDKError | null\n}\n\nexport function EditEmployeeBalanceModal({\n  isOpen,\n  onClose,\n  employeeName,\n  currentBalance,\n  onConfirm,\n  isPending,\n  error,\n}: EditEmployeeBalanceModalProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Modal, Heading, NumberInput, Button, Alert } = useComponentContext()\n\n  const [balance, setBalance] = useState(currentBalance)\n\n  useEffect(() => {\n    setBalance(currentBalance)\n  }, [currentBalance])\n\n  const handleConfirm = () => {\n    onConfirm(balance)\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      footer={\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={onClose} isDisabled={isPending}>\n            {t('editBalanceModal.cancelCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={handleConfirm} isLoading={isPending}>\n            {t('editBalanceModal.updateCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\" styledAs=\"h3\">\n          {t('editBalanceModal.title', { name: employeeName })}\n        </Heading>\n        {error && <Alert status=\"error\" label={error.message} />}\n        <NumberInput\n          name=\"balance\"\n          label={t('editBalanceModal.balanceLabel')}\n          value={balance}\n          onChange={setBalance}\n          minimumFractionDigits={1}\n          maximumFractionDigits={2}\n          min={0}\n        />\n      </Flex>\n    </Modal>\n  )\n}\n"],"names":["EditEmployeeBalanceModal","isOpen","onClose","employeeName","currentBalance","onConfirm","isPending","error","useI18n","t","useTranslation","Modal","Heading","NumberInput","Button","Alert","useComponentContext","balance","setBalance","useState","useEffect","handleConfirm","jsx","ActionsLayout","jsxs","Flex"],"mappings":";;;;;;;;;AAiBO,SAASA,EAAyB;AAAA,EACvC,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AACF,GAAkC;AAChC,EAAAC,EAAQ,sCAAsC;AAC9C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sCAAsC,GAC7D,EAAE,OAAAC,GAAO,SAAAC,GAAS,aAAAC,GAAa,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GAEjD,CAACC,GAASC,CAAU,IAAIC,EAASf,CAAc;AAErD,EAAAgB,EAAU,MAAM;AACd,IAAAF,EAAWd,CAAc;AAAA,EAC3B,GAAG,CAACA,CAAc,CAAC;AAEnB,QAAMiB,IAAgB,MAAM;AAC1B,IAAAhB,EAAUY,CAAO;AAAA,EACnB;AAEA,SACE,gBAAAK;AAAA,IAACX;AAAA,IAAA;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,0BACGqB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD,EAACR,GAAA,EAAO,SAAQ,aAAY,SAASZ,GAAS,YAAYI,GACvD,UAAAG,EAAE,4BAA4B,EAAA,CACjC;AAAA,QACA,gBAAAa,EAACR,GAAA,EAAO,SAAQ,WAAU,SAASO,GAAe,WAAWf,GAC1D,UAAAG,EAAE,4BAA4B,EAAA,CACjC;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAAe,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAH,EAACV,GAAA,EAAQ,IAAG,MAAK,UAAS,MACvB,UAAAH,EAAE,0BAA0B,EAAE,MAAMN,EAAA,CAAc,EAAA,CACrD;AAAA,QACCI,KAAS,gBAAAe,EAACP,GAAA,EAAM,QAAO,SAAQ,OAAOR,EAAM,SAAS;AAAA,QACtD,gBAAAe;AAAA,UAACT;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOJ,EAAE,+BAA+B;AAAA,YACxC,OAAOQ;AAAA,YACP,UAAUC;AAAA,YACV,uBAAuB;AAAA,YACvB,uBAAuB;AAAA,YACvB,KAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACP,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.js

@@ -1,28 +1,28 @@
-import { jsx as o, jsxs as j, Fragment as G } from "react/jsx-runtime";
-import { useState as c, useMemo as d, useCallback as T } from "react";
-import { useTranslation as K } from "react-i18next";
-import { useTimeOffPoliciesGetSuspense as Q } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
-import { useTimeOffPoliciesRemoveEmployeesMutation as V } from "@gusto/embedded-api/react-query/timeOffPoliciesRemoveEmployees";
-import { useTimeOffPoliciesUpdateBalanceMutation as z } from "@gusto/embedded-api/react-query/timeOffPoliciesUpdateBalance";
-import { useEmployeesListSuspense as J } from "@gusto/embedded-api/react-query/employeesList";
-import { useQueryClient as X } from "@tanstack/react-query";
-import { TimeOffPolicyDetailPresentation as Z } from "./TimeOffPolicyDetailPresentation.js";
-import { EditEmployeeBalanceModal as ee } from "./EditEmployeeBalanceModal.js";
-import { BaseComponent as te } from "../../Base/Base.js";
-import { useBase as ae } from "../../Base/useBase.js";
-import { componentEvents as v } from "../../../shared/constants.js";
-import { useComponentContext as ne } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as re } from "../../../i18n/I18n.js";
-import { useLocale as ie } from "../../../contexts/LocaleProvider/useLocale.js";
-import { isEditableTimeOffPolicyType as oe } from "../TimeOffFlow/timeOffPolicyTypes.js";
-import A from "../../../assets/icons/edit-02.svg.js";
-import le from "../../../assets/icons/trashcan.svg.js";
-import se from "../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as ue } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-function Fe(e) {
-  return /* @__PURE__ */ o(te, { ...e, children: /* @__PURE__ */ o(Te, { ...e }) });
+import { jsx as i, jsxs as Q, Fragment as V } from "react/jsx-runtime";
+import { useState as f, useMemo as p, useCallback as y } from "react";
+import { useTranslation as J } from "react-i18next";
+import { useTimeOffPoliciesGetSuspense as z } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
+import { useTimeOffPoliciesRemoveEmployeesMutation as X } from "@gusto/embedded-api/react-query/timeOffPoliciesRemoveEmployees";
+import { useTimeOffPoliciesUpdateBalanceMutation as Z } from "@gusto/embedded-api/react-query/timeOffPoliciesUpdateBalance";
+import { useEmployeesListSuspense as ee } from "@gusto/embedded-api/react-query/employeesList";
+import { useQueryClient as te } from "@tanstack/react-query";
+import { TimeOffPolicyDetailPresentation as ae } from "./TimeOffPolicyDetailPresentation.js";
+import { EditEmployeeBalanceModal as re } from "./EditEmployeeBalanceModal.js";
+import { BaseComponent as ne } from "../../Base/Base.js";
+import { useBase as oe } from "../../Base/useBase.js";
+import { componentEvents as b } from "../../../shared/constants.js";
+import { useComponentContext as ie } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as le } from "../../../i18n/I18n.js";
+import { useLocale as se } from "../../../contexts/LocaleProvider/useLocale.js";
+import { isEditableTimeOffPolicyType as ue } from "../TimeOffFlow/timeOffPolicyTypes.js";
+import L from "../../../assets/icons/edit-02.svg.js";
+import me from "../../../assets/icons/trashcan.svg.js";
+import ce from "../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as de } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+function Ie(e) {
+  return /* @__PURE__ */ i(ne, { ...e, children: /* @__PURE__ */ i(he, { ...e }) });
 }
-const me = {
+const fe = {
   unlimited: "unlimited",
   per_pay_period: "perPayPeriod",
   per_calendar_year: "perCalendarYear",
@@ -32,28 +32,28 @@ const me = {
   per_hour_paid: "perHourPaid",
   per_hour_paid_no_overtime: "perHourPaidNoOvertime"
 };
-function ce(e) {
-  return me[e] ?? "unlimited";
+function pe(e) {
+  return fe[e] ?? "unlimited";
 }
-function de(e) {
+function ye(e) {
   return e === "sick" ? "sick" : "vacation";
 }
-function fe(e, t) {
+function Pe(e, t) {
   if (!e) return;
-  const [n, a] = e.split("-");
-  return !n || !a ? e : new Date(2e3, parseInt(n, 10) - 1, parseInt(a, 10)).toLocaleDateString(t, { month: "long", day: "numeric" });
+  const [r, a] = e.split("-");
+  return !r || !a ? e : new Date(2e3, parseInt(r, 10) - 1, parseInt(a, 10)).toLocaleDateString(t, { month: "long", day: "numeric" });
 }
-function pe(e, t) {
-  const n = de(e.policyType), a = ce(e.accrualMethod);
-  return a === "unlimited" ? { policyType: n, accrualMethod: a } : {
-    policyType: n,
+function ve(e, t) {
+  const r = ye(e.policyType), a = pe(e.accrualMethod);
+  return a === "unlimited" ? { policyType: r, accrualMethod: a } : {
+    policyType: r,
     accrualMethod: a,
     accrualRate: e.accrualRate ? Number(e.accrualRate) : 0,
     accrualRateUnit: e.accrualRateUnit ? Number(e.accrualRateUnit) : void 0,
-    resetDate: fe(e.policyResetDate, t)
+    resetDate: Pe(e.policyResetDate, t)
   };
 }
-function ye(e) {
+function Te(e) {
   if (e.accrualMethod !== "unlimited")
     return {
       maxAccrualHoursPerYear: e.maxAccrualHoursPerYear != null ? Number(e.maxAccrualHoursPerYear) : null,
@@ -63,189 +63,191 @@ function ye(e) {
       paidOutOnTermination: e.paidOutOnTermination ?? !1
     };
 }
-function Pe(e, t) {
-  const n = new Map(t.map((a) => [a.uuid, a]));
+function be(e, t) {
+  const r = new Map(t.map((a) => [a.uuid, a]));
   return e.employees.map((a) => {
-    const l = n.get(a.uuid ?? "");
+    const u = r.get(a.uuid ?? ""), h = u?.jobs?.find((m) => m.primary);
     return {
       uuid: a.uuid ?? "",
-      firstName: l?.firstName ?? null,
-      lastName: l?.lastName ?? null,
-      jobTitle: l?.title ?? null,
+      firstName: u?.firstName ?? null,
+      lastName: u?.lastName ?? null,
+      jobTitle: h?.title ?? null,
       balance: a.balance != null ? Number(a.balance) : null
     };
   });
 }
-function Te({ policyId: e }) {
-  re("Company.TimeOff.TimeOffPolicyDetails");
-  const { t } = K("Company.TimeOff.TimeOffPolicyDetails"), { onEvent: n, baseSubmitHandler: a } = ae(), { Button: l } = ne(), { locale: C } = ie(), g = X(), { data: H } = Q({
+function he({ policyId: e }) {
+  le("Company.TimeOff.TimeOffPolicyDetails");
+  const { t } = J("Company.TimeOff.TimeOffPolicyDetails"), { onEvent: r, baseSubmitHandler: a, error: u, setError: h } = oe(), { Button: m } = ie(), { locale: N } = se(), S = te(), { data: U } = z({
     timeOffPolicyUuid: e
-  }), { mutateAsync: E, isPending: R } = V(), { mutateAsync: N, isPending: L } = z(), r = H.timeOffPolicy;
-  if (!r) throw new Error("Unexpected response: missing timeOffPolicy");
-  const f = oe(r.policyType), { data: S } = J({
-    companyId: r.companyUuid,
+  }), { mutateAsync: M, isPending: w } = X(), { mutateAsync: A, isPending: k } = Z(), n = U.timeOffPolicy;
+  if (!n) throw new Error("Unexpected response: missing timeOffPolicy");
+  const c = ue(n.policyType), { data: B } = ee({
+    companyId: n.companyUuid,
     terminated: !1
-  }), [U, w] = c("details"), [p, M] = c(""), [k, _] = c(), [m, b] = c(null), [u, h] = c(null), y = d(() => pe(r, C), [r, C]), x = d(() => ye(r), [r]), O = d(
-    () => Pe(r, S.showEmployees ?? []),
-    [r, S.showEmployees]
-  ), F = d(() => {
-    if (!p.trim()) return O;
-    const i = p.toLowerCase();
-    return O.filter((s) => `${s.firstName ?? ""} ${s.lastName ?? ""}`.toLowerCase().includes(i));
-  }, [O, p]), P = T(() => {
-    g.invalidateQueries({
+  }), [x, F] = f("details"), [P, D] = f(""), [Y, _] = f(), [d, O] = f(null), [s, C] = f(null), v = p(() => ve(n, N), [n, N]), q = p(() => Te(n), [n]), g = p(
+    () => be(n, B.showEmployees ?? []),
+    [n, B.showEmployees]
+  ), I = p(() => {
+    if (!P.trim()) return g;
+    const o = P.toLowerCase();
+    return g.filter((l) => `${l.firstName ?? ""} ${l.lastName ?? ""}`.toLowerCase().includes(o));
+  }, [g, P]), T = y(() => {
+    S.invalidateQueries({
       queryKey: ["@gusto/embedded-api", "timeOffPolicies", "get"]
     });
-  }, [g]), I = T(
-    async (i, s) => {
+  }, [S]), $ = y(
+    async (o, l) => {
       await a({}, async () => {
-        await E({
+        await M({
           request: {
             timeOffPolicyUuid: e,
-            requestBody: { employees: [{ uuid: i }] }
+            requestBody: { employees: [{ uuid: o }] }
           }
-        }), P(), b(null), _(t("flash.employeeRemoved", { name: s }));
+        }), T(), O(null), _(t("flash.employeeRemoved", { name: l }));
       });
     },
-    [a, E, e, P, t]
-  ), Y = T(
-    async (i) => {
-      u && await a({}, async () => {
-        await N({
+    [a, M, e, T, t]
+  ), j = y(
+    async (o) => {
+      s && await a({}, async () => {
+        await A({
           request: {
             timeOffPolicyUuid: e,
             requestBody: {
-              employees: [{ uuid: u.employeeUuid, balance: String(i) }]
+              employees: [{ uuid: s.employeeUuid, balance: String(o) }]
             }
           }
-        }), P(), h(null), _(t("flash.balanceUpdated", { name: u.employeeName }));
+        }), T(), C(null), _(t("flash.balanceUpdated", { name: s.employeeName }));
       });
     },
-    [a, N, e, u, P, t]
-  ), q = d(() => {
-    if (f)
+    [a, A, e, s, T, t]
+  ), E = y(() => {
+    r(b.TIME_OFF_ADD_EMPLOYEES_TO_POLICY, { policyId: e });
+  }, [r, e]), W = p(() => {
+    if (c)
       return [
-        /* @__PURE__ */ o(
-          l,
+        /* @__PURE__ */ i(
+          m,
           {
             variant: "secondary",
-            icon: /* @__PURE__ */ o(se, { "aria-hidden": !0 }),
-            onClick: () => {
-              n(v.TIME_OFF_ADD_EMPLOYEES_TO_POLICY, { policyId: e });
-            },
+            icon: /* @__PURE__ */ i(ce, { "aria-hidden": !0 }),
+            onClick: E,
             children: t("addEmployeeCta")
           },
           "add"
         ),
-        /* @__PURE__ */ o(
-          l,
+        /* @__PURE__ */ i(
+          m,
           {
             variant: "secondary",
-            icon: /* @__PURE__ */ o(A, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ i(L, { "aria-hidden": !0 }),
             onClick: () => {
-              n(v.TIME_OFF_EDIT_POLICY, { policyId: e });
+              r(b.TIME_OFF_EDIT_POLICY, { policyId: e });
             },
             children: t("editPolicyCta")
           },
           "edit"
         )
       ];
-  }, [l, n, e, t, f]), B = r.accrualMethod === "unlimited", $ = T(
-    (i) => {
-      const s = `${i.firstName ?? ""} ${i.lastName ?? ""}`.trim(), D = [
-        ...B ? [] : [
+  }, [m, r, e, t, c, E]), H = n.accrualMethod === "unlimited", G = y(
+    (o) => {
+      const l = `${o.firstName ?? ""} ${o.lastName ?? ""}`.trim(), R = [
+        ...H ? [] : [
           {
             label: t("employeeTable.editBalance"),
-            icon: /* @__PURE__ */ o(A, { "aria-hidden": !0 }),
+            icon: /* @__PURE__ */ i(L, { "aria-hidden": !0 }),
             onClick: () => {
-              h({
-                employeeUuid: i.uuid,
-                employeeName: s,
-                currentBalance: i.balance ?? 0
+              C({
+                employeeUuid: o.uuid,
+                employeeName: l,
+                currentBalance: o.balance ?? 0
               });
             }
           }
         ],
         {
           label: t("employeeTable.removeEmployee"),
-          icon: /* @__PURE__ */ o(le, { "aria-hidden": !0 }),
+          icon: /* @__PURE__ */ i(me, { "aria-hidden": !0 }),
           onClick: () => {
-            b({ uuid: i.uuid, name: s });
+            O({ uuid: o.uuid, name: l });
           }
         }
       ];
-      return /* @__PURE__ */ o(
-        ue,
+      return /* @__PURE__ */ i(
+        de,
         {
-          items: D,
-          triggerLabel: `${t("employeeTable.actions")} ${s}`
+          items: R,
+          triggerLabel: `${t("employeeTable.actions")} ${l}`
         }
       );
     },
-    [t, B]
-  ), W = y.accrualMethod === "unlimited" ? { policyDetails: y } : {
-    policyDetails: y,
-    policySettings: x,
-    onChangeSettings: f ? () => {
-      n(v.TIME_OFF_CHANGE_SETTINGS, { policyId: e });
+    [t, H]
+  ), K = v.accrualMethod === "unlimited" ? { policyDetails: v } : {
+    policyDetails: v,
+    policySettings: q,
+    onChangeSettings: c ? () => {
+      r(b.TIME_OFF_CHANGE_SETTINGS, { policyId: e });
     } : void 0
   };
-  return /* @__PURE__ */ j(G, { children: [
-    /* @__PURE__ */ o(
-      Z,
+  return /* @__PURE__ */ Q(V, { children: [
+    /* @__PURE__ */ i(
+      ae,
       {
-        ...W,
-        title: r.name,
-        subtitle: t(`subtitle.${y.policyType}`),
+        ...K,
+        title: n.name,
+        subtitle: t(`subtitle.${v.policyType}`),
         onBack: () => {
-          n(v.TIME_OFF_BACK_TO_LIST);
+          r(b.TIME_OFF_BACK_TO_LIST);
         },
         backLabel: t("breadcrumb"),
-        actions: q,
-        selectedTabId: U,
-        onTabChange: w,
+        actions: W,
+        selectedTabId: x,
+        onTabChange: F,
         employees: {
-          data: F,
-          searchValue: p,
-          onSearchChange: M,
+          data: I,
+          searchValue: P,
+          onSearchChange: D,
           onSearchClear: () => {
-            M("");
+            D("");
           },
-          ...f ? { itemMenu: $ } : {}
+          ...c ? { itemMenu: G } : {}
         },
+        onAddEmployee: c ? E : void 0,
         removeDialog: {
-          isOpen: m !== null,
-          employeeName: m?.name ?? "",
+          isOpen: d !== null,
+          employeeName: d?.name ?? "",
           onConfirm: () => {
-            m && I(m.uuid, m.name);
+            d && $(d.uuid, d.name);
           },
           onClose: () => {
-            b(null);
+            O(null);
           },
-          isPending: R
+          isPending: w
         },
-        successAlert: k,
+        successAlert: Y,
         onDismissAlert: () => {
           _(void 0);
         }
       }
     ),
-    /* @__PURE__ */ o(
-      ee,
+    /* @__PURE__ */ i(
+      re,
       {
-        isOpen: u !== null,
+        isOpen: s !== null,
         onClose: () => {
-          h(null);
+          C(null), h(null);
         },
-        employeeName: u?.employeeName ?? "",
-        currentBalance: u?.currentBalance ?? 0,
-        onConfirm: Y,
-        isPending: L
+        employeeName: s?.employeeName ?? "",
+        currentBalance: s?.currentBalance ?? 0,
+        onConfirm: j,
+        isPending: k,
+        error: u
       }
     )
   ] });
 }
 export {
-  Fe as TimeOffPolicyDetail
+  Ie as TimeOffPolicyDetail
 };
 //# sourceMappingURL=TimeOffPolicyDetail.js.map

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.js.map

@@ -1 +1 @@
-{"version":3,"file":"TimeOffPolicyDetail.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesRemoveEmployees'\nimport { useTimeOffPoliciesUpdateBalanceMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesUpdateBalance'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetailPresentation'\nimport { EditEmployeeBalanceModal } from './EditEmployeeBalanceModal'\nimport type {\n  TimeOffPolicyDetailEmployee,\n  AccrualMethodKey,\n  PolicyDetails,\n  PolicySettingsDisplay,\n  PolicyTypeKey,\n} from './TimeOffPolicyDetailTypes'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface TimeOffPolicyDetailProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function TimeOffPolicyDetail(props: TimeOffPolicyDetailProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst API_ACCRUAL_METHOD_MAP: Record<string, AccrualMethodKey> = {\n  unlimited: 'unlimited',\n  per_pay_period: 'perPayPeriod',\n  per_calendar_year: 'perCalendarYear',\n  per_anniversary_year: 'perAnniversaryYear',\n  per_hour_worked: 'perHourWorked',\n  per_hour_worked_no_overtime: 'perHourWorkedNoOvertime',\n  per_hour_paid: 'perHourPaid',\n  per_hour_paid_no_overtime: 'perHourPaidNoOvertime',\n}\n\nfunction mapAccrualMethod(apiMethod: string): AccrualMethodKey {\n  return API_ACCRUAL_METHOD_MAP[apiMethod] ?? 'unlimited'\n}\n\nfunction mapPolicyType(apiType: string): PolicyTypeKey {\n  if (apiType === 'sick') return 'sick'\n  return 'vacation'\n}\n\nfunction formatResetDate(\n  resetDate: string | null | undefined,\n  locale?: string,\n): string | undefined {\n  if (!resetDate) return undefined\n  const [month, day] = resetDate.split('-')\n  if (!month || !day) return resetDate\n  const date = new Date(2000, parseInt(month, 10) - 1, parseInt(day, 10))\n  return date.toLocaleDateString(locale, { month: 'long', day: 'numeric' })\n}\n\nfunction derivePolicyDetails(policy: TimeOffPolicy, locale?: string): PolicyDetails {\n  const policyType = mapPolicyType(policy.policyType)\n  const accrualMethod = mapAccrualMethod(policy.accrualMethod)\n\n  if (accrualMethod === 'unlimited') {\n    return { policyType, accrualMethod }\n  }\n\n  return {\n    policyType,\n    accrualMethod,\n    accrualRate: policy.accrualRate ? Number(policy.accrualRate) : 0,\n    accrualRateUnit: policy.accrualRateUnit ? Number(policy.accrualRateUnit) : undefined,\n    resetDate: formatResetDate(policy.policyResetDate, locale),\n  }\n}\n\nfunction derivePolicySettings(policy: TimeOffPolicy): PolicySettingsDisplay | undefined {\n  if (policy.accrualMethod === 'unlimited') return undefined\n\n  return {\n    maxAccrualHoursPerYear:\n      policy.maxAccrualHoursPerYear != null ? Number(policy.maxAccrualHoursPerYear) : null,\n    maxHours: policy.maxHours != null ? Number(policy.maxHours) : null,\n    carryoverLimitHours:\n      policy.carryoverLimitHours != null ? Number(policy.carryoverLimitHours) : null,\n    accrualWaitingPeriodDays: policy.accrualWaitingPeriodDays ?? null,\n    paidOutOnTermination: policy.paidOutOnTermination ?? false,\n  }\n}\n\nfunction deriveEmployees(\n  policy: TimeOffPolicy,\n  allEmployees: Array<{\n    uuid: string\n    firstName?: string | null\n    lastName?: string | null\n    title?: string | null\n  }>,\n): TimeOffPolicyDetailEmployee[] {\n  const employeeMap = new Map(allEmployees.map(e => [e.uuid, e]))\n  return policy.employees.map(policyEmp => {\n    const emp = employeeMap.get(policyEmp.uuid ?? '')\n    return {\n      uuid: policyEmp.uuid ?? '',\n      firstName: emp?.firstName ?? null,\n      lastName: emp?.lastName ?? null,\n      jobTitle: emp?.title ?? null,\n      balance: policyEmp.balance != null ? Number(policyEmp.balance) : null,\n    }\n  })\n}\n\ninterface EditBalanceState {\n  employeeUuid: string\n  employeeName: string\n  currentBalance: number\n}\n\nfunction Root({ policyId }: TimeOffPolicyDetailProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { Button } = useComponentContext()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useTimeOffPoliciesRemoveEmployeesMutation()\n  const { mutateAsync: updateBalance, isPending: isBalancePending } =\n    useTimeOffPoliciesUpdateBalanceMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId: policy.companyUuid,\n    terminated: false,\n  })\n\n  const [selectedTabId, setSelectedTabId] = useState('details')\n  const [searchValue, setSearchValue] = useState('')\n  const [successAlert, setSuccessAlert] = useState<string | undefined>()\n  const [removeTarget, setRemoveTarget] = useState<{\n    uuid: string\n    name: string\n  } | null>(null)\n  const [editBalanceState, setEditBalanceState] = useState<EditBalanceState | null>(null)\n\n  const policyDetails = useMemo(() => derivePolicyDetails(policy, locale), [policy, locale])\n  const policySettings = useMemo(() => derivePolicySettings(policy), [policy])\n  const employees = useMemo(\n    () => deriveEmployees(policy, employeesData.showEmployees ?? []),\n    [policy, employeesData.showEmployees],\n  )\n\n  const filteredEmployees = useMemo(() => {\n    if (!searchValue.trim()) return employees\n    const query = searchValue.toLowerCase()\n    return employees.filter(emp => {\n      const fullName = `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase()\n      return fullName.includes(query)\n    })\n  }, [employees, searchValue])\n\n  const invalidatePolicy = useCallback(() => {\n    void queryClient.invalidateQueries({\n      queryKey: ['@gusto/embedded-api', 'timeOffPolicies', 'get'],\n    })\n  }, [queryClient])\n\n  const handleRemoveEmployee = useCallback(\n    async (employeeUuid: string, employeeName: string) => {\n      await baseSubmitHandler({}, async () => {\n        await removeEmployees({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody: { employees: [{ uuid: employeeUuid }] },\n          },\n        })\n        invalidatePolicy()\n        setRemoveTarget(null)\n        setSuccessAlert(t('flash.employeeRemoved', { name: employeeName }))\n      })\n    },\n    [baseSubmitHandler, removeEmployees, policyId, invalidatePolicy, t],\n  )\n\n  const handleUpdateBalance = useCallback(\n    async (newBalance: number) => {\n      if (!editBalanceState) return\n      await baseSubmitHandler({}, async () => {\n        await updateBalance({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody: {\n              employees: [{ uuid: editBalanceState.employeeUuid, balance: String(newBalance) }],\n            },\n          },\n        })\n        invalidatePolicy()\n        setEditBalanceState(null)\n        setSuccessAlert(t('flash.balanceUpdated', { name: editBalanceState.employeeName }))\n      })\n    },\n    [baseSubmitHandler, updateBalance, policyId, editBalanceState, invalidatePolicy, t],\n  )\n\n  const actions = useMemo(() => {\n    if (!isEditable) return undefined\n    return [\n      <Button\n        key=\"add\"\n        variant=\"secondary\"\n        icon={<PlusCircleIcon aria-hidden />}\n        onClick={() => {\n          onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_TO_POLICY, { policyId })\n        }}\n      >\n        {t('addEmployeeCta')}\n      </Button>,\n      <Button\n        key=\"edit\"\n        variant=\"secondary\"\n        icon={<EditIcon aria-hidden />}\n        onClick={() => {\n          onEvent(componentEvents.TIME_OFF_EDIT_POLICY, { policyId })\n        }}\n      >\n        {t('editPolicyCta')}\n      </Button>,\n    ]\n  }, [Button, onEvent, policyId, t, isEditable])\n\n  const isUnlimited = policy.accrualMethod === 'unlimited'\n\n  const itemMenu = useCallback(\n    (employee: TimeOffPolicyDetailEmployee) => {\n      const employeeName = `${employee.firstName ?? ''} ${employee.lastName ?? ''}`.trim()\n      const items = [\n        ...(!isUnlimited\n          ? [\n              {\n                label: t('employeeTable.editBalance'),\n                icon: <EditIcon aria-hidden />,\n                onClick: () => {\n                  setEditBalanceState({\n                    employeeUuid: employee.uuid,\n                    employeeName,\n                    currentBalance: employee.balance ?? 0,\n                  })\n                },\n              },\n            ]\n          : []),\n        {\n          label: t('employeeTable.removeEmployee'),\n          icon: <TrashCanSvg aria-hidden />,\n          onClick: () => {\n            setRemoveTarget({ uuid: employee.uuid, name: employeeName })\n          },\n        },\n      ]\n      return (\n        <HamburgerMenu\n          items={items}\n          triggerLabel={`${t('employeeTable.actions')} ${employeeName}`}\n        />\n      )\n    },\n    [t, isUnlimited],\n  )\n\n  const discriminatedProps =\n    policyDetails.accrualMethod === 'unlimited'\n      ? { policyDetails }\n      : {\n          policyDetails,\n          policySettings: policySettings!,\n          onChangeSettings: isEditable\n            ? () => {\n                onEvent(componentEvents.TIME_OFF_CHANGE_SETTINGS, { policyId })\n              }\n            : undefined,\n        }\n\n  return (\n    <>\n      <TimeOffPolicyDetailPresentation\n        {...discriminatedProps}\n        title={policy.name}\n        subtitle={t(`subtitle.${policyDetails.policyType}`)}\n        onBack={() => {\n          onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n        }}\n        backLabel={t('breadcrumb')}\n        actions={actions}\n        selectedTabId={selectedTabId}\n        onTabChange={setSelectedTabId}\n        employees={{\n          data: filteredEmployees,\n          searchValue,\n          onSearchChange: setSearchValue,\n          onSearchClear: () => {\n            setSearchValue('')\n          },\n          ...(isEditable ? { itemMenu } : {}),\n        }}\n        removeDialog={{\n          isOpen: removeTarget !== null,\n          employeeName: removeTarget?.name ?? '',\n          onConfirm: () => {\n            if (removeTarget) {\n              void handleRemoveEmployee(removeTarget.uuid, removeTarget.name)\n            }\n          },\n          onClose: () => {\n            setRemoveTarget(null)\n          },\n          isPending: isRemovePending,\n        }}\n        successAlert={successAlert}\n        onDismissAlert={() => {\n          setSuccessAlert(undefined)\n        }}\n      />\n\n      <EditEmployeeBalanceModal\n        isOpen={editBalanceState !== null}\n        onClose={() => {\n          setEditBalanceState(null)\n        }}\n        employeeName={editBalanceState?.employeeName ?? ''}\n        currentBalance={editBalanceState?.currentBalance ?? 0}\n        onConfirm={handleUpdateBalance}\n        isPending={isBalancePending}\n      />\n    </>\n  )\n}\n"],"names":["TimeOffPolicyDetail","props","jsx","BaseComponent","Root","API_ACCRUAL_METHOD_MAP","mapAccrualMethod","apiMethod","mapPolicyType","apiType","formatResetDate","resetDate","locale","month","day","derivePolicyDetails","policy","policyType","accrualMethod","derivePolicySettings","deriveEmployees","allEmployees","employeeMap","e","policyEmp","emp","policyId","useI18n","useTranslation","onEvent","baseSubmitHandler","useBase","Button","useComponentContext","useLocale","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","removeEmployees","isRemovePending","useTimeOffPoliciesRemoveEmployeesMutation","updateBalance","isBalancePending","useTimeOffPoliciesUpdateBalanceMutation","isEditable","isEditableTimeOffPolicyType","employeesData","useEmployeesListSuspense","selectedTabId","setSelectedTabId","useState","searchValue","setSearchValue","successAlert","setSuccessAlert","removeTarget","setRemoveTarget","editBalanceState","setEditBalanceState","policyDetails","useMemo","policySettings","employees","filteredEmployees","query","invalidatePolicy","useCallback","handleRemoveEmployee","employeeUuid","employeeName","handleUpdateBalance","newBalance","actions","PlusCircleIcon","componentEvents","EditIcon","isUnlimited","itemMenu","employee","items","TrashCanSvg","HamburgerMenu","discriminatedProps","jsxs","Fragment","TimeOffPolicyDetailPresentation","EditEmployeeBalanceModal"],"mappings":"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"}
+{"version":3,"file":"TimeOffPolicyDetail.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesRemoveEmployees'\nimport { useTimeOffPoliciesUpdateBalanceMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesUpdateBalance'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { TimeOffPolicyDetailPresentation } from './TimeOffPolicyDetailPresentation'\nimport { EditEmployeeBalanceModal } from './EditEmployeeBalanceModal'\nimport type {\n  TimeOffPolicyDetailEmployee,\n  AccrualMethodKey,\n  PolicyDetails,\n  PolicySettingsDisplay,\n  PolicyTypeKey,\n} from './TimeOffPolicyDetailTypes'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\nimport EditIcon from '@/assets/icons/edit-02.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nexport interface TimeOffPolicyDetailProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function TimeOffPolicyDetail(props: TimeOffPolicyDetailProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst API_ACCRUAL_METHOD_MAP: Record<string, AccrualMethodKey> = {\n  unlimited: 'unlimited',\n  per_pay_period: 'perPayPeriod',\n  per_calendar_year: 'perCalendarYear',\n  per_anniversary_year: 'perAnniversaryYear',\n  per_hour_worked: 'perHourWorked',\n  per_hour_worked_no_overtime: 'perHourWorkedNoOvertime',\n  per_hour_paid: 'perHourPaid',\n  per_hour_paid_no_overtime: 'perHourPaidNoOvertime',\n}\n\nfunction mapAccrualMethod(apiMethod: string): AccrualMethodKey {\n  return API_ACCRUAL_METHOD_MAP[apiMethod] ?? 'unlimited'\n}\n\nfunction mapPolicyType(apiType: string): PolicyTypeKey {\n  if (apiType === 'sick') return 'sick'\n  return 'vacation'\n}\n\nfunction formatResetDate(\n  resetDate: string | null | undefined,\n  locale?: string,\n): string | undefined {\n  if (!resetDate) return undefined\n  const [month, day] = resetDate.split('-')\n  if (!month || !day) return resetDate\n  const date = new Date(2000, parseInt(month, 10) - 1, parseInt(day, 10))\n  return date.toLocaleDateString(locale, { month: 'long', day: 'numeric' })\n}\n\nfunction derivePolicyDetails(policy: TimeOffPolicy, locale?: string): PolicyDetails {\n  const policyType = mapPolicyType(policy.policyType)\n  const accrualMethod = mapAccrualMethod(policy.accrualMethod)\n\n  if (accrualMethod === 'unlimited') {\n    return { policyType, accrualMethod }\n  }\n\n  return {\n    policyType,\n    accrualMethod,\n    accrualRate: policy.accrualRate ? Number(policy.accrualRate) : 0,\n    accrualRateUnit: policy.accrualRateUnit ? Number(policy.accrualRateUnit) : undefined,\n    resetDate: formatResetDate(policy.policyResetDate, locale),\n  }\n}\n\nfunction derivePolicySettings(policy: TimeOffPolicy): PolicySettingsDisplay | undefined {\n  if (policy.accrualMethod === 'unlimited') return undefined\n\n  return {\n    maxAccrualHoursPerYear:\n      policy.maxAccrualHoursPerYear != null ? Number(policy.maxAccrualHoursPerYear) : null,\n    maxHours: policy.maxHours != null ? Number(policy.maxHours) : null,\n    carryoverLimitHours:\n      policy.carryoverLimitHours != null ? Number(policy.carryoverLimitHours) : null,\n    accrualWaitingPeriodDays: policy.accrualWaitingPeriodDays ?? null,\n    paidOutOnTermination: policy.paidOutOnTermination ?? false,\n  }\n}\n\nfunction deriveEmployees(\n  policy: TimeOffPolicy,\n  allEmployees: Array<{\n    uuid: string\n    firstName?: string | null\n    lastName?: string | null\n    jobs?: Array<{ primary?: boolean; title?: string | null }> | null\n  }>,\n): TimeOffPolicyDetailEmployee[] {\n  const employeeMap = new Map(allEmployees.map(e => [e.uuid, e]))\n  return policy.employees.map(policyEmp => {\n    const emp = employeeMap.get(policyEmp.uuid ?? '')\n    const primaryJob = emp?.jobs?.find(job => job.primary)\n    return {\n      uuid: policyEmp.uuid ?? '',\n      firstName: emp?.firstName ?? null,\n      lastName: emp?.lastName ?? null,\n      jobTitle: primaryJob?.title ?? null,\n      balance: policyEmp.balance != null ? Number(policyEmp.balance) : null,\n    }\n  })\n}\n\ninterface EditBalanceState {\n  employeeUuid: string\n  employeeName: string\n  currentBalance: number\n}\n\nfunction Root({ policyId }: TimeOffPolicyDetailProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { onEvent, baseSubmitHandler, error, setError } = useBase()\n  const { Button } = useComponentContext()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useTimeOffPoliciesRemoveEmployeesMutation()\n  const { mutateAsync: updateBalance, isPending: isBalancePending } =\n    useTimeOffPoliciesUpdateBalanceMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId: policy.companyUuid,\n    terminated: false,\n  })\n\n  const [selectedTabId, setSelectedTabId] = useState('details')\n  const [searchValue, setSearchValue] = useState('')\n  const [successAlert, setSuccessAlert] = useState<string | undefined>()\n  const [removeTarget, setRemoveTarget] = useState<{\n    uuid: string\n    name: string\n  } | null>(null)\n  const [editBalanceState, setEditBalanceState] = useState<EditBalanceState | null>(null)\n\n  const policyDetails = useMemo(() => derivePolicyDetails(policy, locale), [policy, locale])\n  const policySettings = useMemo(() => derivePolicySettings(policy), [policy])\n  const employees = useMemo(\n    () => deriveEmployees(policy, employeesData.showEmployees ?? []),\n    [policy, employeesData.showEmployees],\n  )\n\n  const filteredEmployees = useMemo(() => {\n    if (!searchValue.trim()) return employees\n    const query = searchValue.toLowerCase()\n    return employees.filter(emp => {\n      const fullName = `${emp.firstName ?? ''} ${emp.lastName ?? ''}`.toLowerCase()\n      return fullName.includes(query)\n    })\n  }, [employees, searchValue])\n\n  const invalidatePolicy = useCallback(() => {\n    void queryClient.invalidateQueries({\n      queryKey: ['@gusto/embedded-api', 'timeOffPolicies', 'get'],\n    })\n  }, [queryClient])\n\n  const handleRemoveEmployee = useCallback(\n    async (employeeUuid: string, employeeName: string) => {\n      await baseSubmitHandler({}, async () => {\n        await removeEmployees({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody: { employees: [{ uuid: employeeUuid }] },\n          },\n        })\n        invalidatePolicy()\n        setRemoveTarget(null)\n        setSuccessAlert(t('flash.employeeRemoved', { name: employeeName }))\n      })\n    },\n    [baseSubmitHandler, removeEmployees, policyId, invalidatePolicy, t],\n  )\n\n  const handleUpdateBalance = useCallback(\n    async (newBalance: number) => {\n      if (!editBalanceState) return\n      await baseSubmitHandler({}, async () => {\n        await updateBalance({\n          request: {\n            timeOffPolicyUuid: policyId,\n            requestBody: {\n              employees: [{ uuid: editBalanceState.employeeUuid, balance: String(newBalance) }],\n            },\n          },\n        })\n        invalidatePolicy()\n        setEditBalanceState(null)\n        setSuccessAlert(t('flash.balanceUpdated', { name: editBalanceState.employeeName }))\n      })\n    },\n    [baseSubmitHandler, updateBalance, policyId, editBalanceState, invalidatePolicy, t],\n  )\n\n  const handleAddEmployees = useCallback(() => {\n    onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_TO_POLICY, { policyId })\n  }, [onEvent, policyId])\n\n  const actions = useMemo(() => {\n    if (!isEditable) return undefined\n    return [\n      <Button\n        key=\"add\"\n        variant=\"secondary\"\n        icon={<PlusCircleIcon aria-hidden />}\n        onClick={handleAddEmployees}\n      >\n        {t('addEmployeeCta')}\n      </Button>,\n      <Button\n        key=\"edit\"\n        variant=\"secondary\"\n        icon={<EditIcon aria-hidden />}\n        onClick={() => {\n          onEvent(componentEvents.TIME_OFF_EDIT_POLICY, { policyId })\n        }}\n      >\n        {t('editPolicyCta')}\n      </Button>,\n    ]\n  }, [Button, onEvent, policyId, t, isEditable, handleAddEmployees])\n\n  const isUnlimited = policy.accrualMethod === 'unlimited'\n\n  const itemMenu = useCallback(\n    (employee: TimeOffPolicyDetailEmployee) => {\n      const employeeName = `${employee.firstName ?? ''} ${employee.lastName ?? ''}`.trim()\n      const items = [\n        ...(!isUnlimited\n          ? [\n              {\n                label: t('employeeTable.editBalance'),\n                icon: <EditIcon aria-hidden />,\n                onClick: () => {\n                  setEditBalanceState({\n                    employeeUuid: employee.uuid,\n                    employeeName,\n                    currentBalance: employee.balance ?? 0,\n                  })\n                },\n              },\n            ]\n          : []),\n        {\n          label: t('employeeTable.removeEmployee'),\n          icon: <TrashCanSvg aria-hidden />,\n          onClick: () => {\n            setRemoveTarget({ uuid: employee.uuid, name: employeeName })\n          },\n        },\n      ]\n      return (\n        <HamburgerMenu\n          items={items}\n          triggerLabel={`${t('employeeTable.actions')} ${employeeName}`}\n        />\n      )\n    },\n    [t, isUnlimited],\n  )\n\n  const discriminatedProps =\n    policyDetails.accrualMethod === 'unlimited'\n      ? { policyDetails }\n      : {\n          policyDetails,\n          policySettings: policySettings!,\n          onChangeSettings: isEditable\n            ? () => {\n                onEvent(componentEvents.TIME_OFF_CHANGE_SETTINGS, { policyId })\n              }\n            : undefined,\n        }\n\n  return (\n    <>\n      <TimeOffPolicyDetailPresentation\n        {...discriminatedProps}\n        title={policy.name}\n        subtitle={t(`subtitle.${policyDetails.policyType}`)}\n        onBack={() => {\n          onEvent(componentEvents.TIME_OFF_BACK_TO_LIST)\n        }}\n        backLabel={t('breadcrumb')}\n        actions={actions}\n        selectedTabId={selectedTabId}\n        onTabChange={setSelectedTabId}\n        employees={{\n          data: filteredEmployees,\n          searchValue,\n          onSearchChange: setSearchValue,\n          onSearchClear: () => {\n            setSearchValue('')\n          },\n          ...(isEditable ? { itemMenu } : {}),\n        }}\n        onAddEmployee={isEditable ? handleAddEmployees : undefined}\n        removeDialog={{\n          isOpen: removeTarget !== null,\n          employeeName: removeTarget?.name ?? '',\n          onConfirm: () => {\n            if (removeTarget) {\n              void handleRemoveEmployee(removeTarget.uuid, removeTarget.name)\n            }\n          },\n          onClose: () => {\n            setRemoveTarget(null)\n          },\n          isPending: isRemovePending,\n        }}\n        successAlert={successAlert}\n        onDismissAlert={() => {\n          setSuccessAlert(undefined)\n        }}\n      />\n\n      <EditEmployeeBalanceModal\n        isOpen={editBalanceState !== null}\n        onClose={() => {\n          setEditBalanceState(null)\n          setError(null)\n        }}\n        employeeName={editBalanceState?.employeeName ?? ''}\n        currentBalance={editBalanceState?.currentBalance ?? 0}\n        onConfirm={handleUpdateBalance}\n        isPending={isBalancePending}\n        error={error}\n      />\n    </>\n  )\n}\n"],"names":["TimeOffPolicyDetail","props","jsx","BaseComponent","Root","API_ACCRUAL_METHOD_MAP","mapAccrualMethod","apiMethod","mapPolicyType","apiType","formatResetDate","resetDate","locale","month","day","derivePolicyDetails","policy","policyType","accrualMethod","derivePolicySettings","deriveEmployees","allEmployees","employeeMap","e","policyEmp","emp","primaryJob","job","policyId","useI18n","useTranslation","onEvent","baseSubmitHandler","error","setError","useBase","Button","useComponentContext","useLocale","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","removeEmployees","isRemovePending","useTimeOffPoliciesRemoveEmployeesMutation","updateBalance","isBalancePending","useTimeOffPoliciesUpdateBalanceMutation","isEditable","isEditableTimeOffPolicyType","employeesData","useEmployeesListSuspense","selectedTabId","setSelectedTabId","useState","searchValue","setSearchValue","successAlert","setSuccessAlert","removeTarget","setRemoveTarget","editBalanceState","setEditBalanceState","policyDetails","useMemo","policySettings","employees","filteredEmployees","query","invalidatePolicy","useCallback","handleRemoveEmployee","employeeUuid","employeeName","handleUpdateBalance","newBalance","handleAddEmployees","componentEvents","actions","PlusCircleIcon","EditIcon","isUnlimited","itemMenu","employee","items","TrashCanSvg","HamburgerMenu","discriminatedProps","jsxs","Fragment","TimeOffPolicyDetailPresentation","EditEmployeeBalanceModal"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetail.module.scss.js

@@ -1,10 +1,10 @@
-const i = "_descriptionCard_1iq4w_1", d = "_descriptionCardUnlimited_1iq4w_5", t = {
-  descriptionCard: i,
-  descriptionCardUnlimited: d
+const s = "_cardsContainer_k4iu5_1", a = "_cards_k4iu5_1", r = {
+  cardsContainer: s,
+  cards: a
 };
 export {
-  t as default,
-  i as descriptionCard,
-  d as descriptionCardUnlimited
+  a as cards,
+  s as cardsContainer,
+  r as default
 };
 //# sourceMappingURL=TimeOffPolicyDetail.module.scss.js.map

package/dist/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.d.ts

@@ -1,2 +1,2 @@
 import { TimeOffPolicyDetailPresentationProps } from './TimeOffPolicyDetailTypes';
-export declare function TimeOffPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, policyDetails, policySettings, onChangeSettings, selectedTabId, onTabChange, employees, removeDialog, successAlert, onDismissAlert, }: TimeOffPolicyDetailPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function TimeOffPolicyDetailPresentation({ title, subtitle, onBack, backLabel, actions, policyDetails, policySettings, onChangeSettings, selectedTabId, onTabChange, employees, onAddEmployee, removeDialog, successAlert, onDismissAlert, }: TimeOffPolicyDetailPresentationProps): import("react/jsx-runtime").JSX.Element;