@gusto/embedded-react-sdk 0.46.0 → 0.46.2

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

@@ -1,64 +1,87 @@
-import { useState as h, useDeferredValue as x, useMemo as S, useCallback as l } from "react";
-import { useEmployeesListSuspense as D } from "@gusto/embedded-api/react-query/employeesList";
-import { Include as M } from "@gusto/embedded-api/models/operations/getv1companiescompanyidemployees";
-import { usePagination as j } from "../../../../hooks/usePagination/usePagination.js";
-function F(g, P) {
-  const [y, i] = h(
-    () => new Set(P ?? [])
-  ), [d, u] = h(""), c = x(d), { currentPage: m, itemsPerPage: p, getPaginationProps: b, resetPage: a } = j(), { data: n, isFetching: r } = D({
-    companyId: g,
+import { useState as x, useMemo as M, useCallback as f } from "react";
+import { useEmployeesListSuspense as R, buildEmployeesListQuery as _ } from "@gusto/embedded-api/react-query/employeesList";
+import { useGustoEmbeddedContext as L } from "@gusto/embedded-api/react-query/_context";
+import { useSuspenseQueries as T } from "@tanstack/react-query";
+import { Include as h } from "@gusto/embedded-api/models/operations/getv1companiescompanyidemployees";
+import { useClientPagination as O } from "../../../../hooks/useClientPagination/useClientPagination.js";
+const g = 100;
+function v(t) {
+  if (!t) return !1;
+  const a = (/* @__PURE__ */ new Date()).toISOString().slice(0, 10);
+  return t <= a;
+}
+function S(t, a) {
+  return `${t.firstName ?? ""} ${t.lastName ?? ""}`.toLowerCase().includes(a.toLowerCase());
+}
+function k(t, a) {
+  const y = L(), [E, m] = x(() => /* @__PURE__ */ new Set()), { data: r, isFetching: b } = R({
+    companyId: t,
     terminated: !1,
-    page: m,
-    per: p,
-    include: [M.AllCompensations],
-    ...c ? { searchTerm: c } : {}
-  }), w = S(
-    () => (n.showEmployees ?? []).map((e) => ({
-      uuid: e.uuid,
-      firstName: e.firstName,
-      lastName: e.lastName,
-      jobTitle: e.jobs?.find((s) => s.primary)?.title ?? null,
-      department: e.department ?? null,
-      eligiblePaidTimeOff: e.eligiblePaidTimeOff
-    })),
-    [n.showEmployees]
-  ), E = S(
-    () => b(n.httpMeta.response.headers, r),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [n.httpMeta.response.headers, r, m, p]
-  ), C = l((e, s) => {
-    i((o) => {
-      const t = new Set(o);
-      return s ? t.add(e.uuid) : t.delete(e.uuid), t;
-    });
-  }, []), N = l((e, s) => {
-    i((o) => {
-      const t = new Set(o);
-      for (const f of s)
-        e ? t.add(f.uuid) : t.delete(f.uuid);
-      return t;
+    page: 1,
+    per: g,
+    include: [h.AllCompensations]
+  }), C = Number(r.httpMeta.response.headers.get("x-total-pages") ?? 1), u = T({
+    queries: Array.from(
+      { length: Math.max(0, C - 1) },
+      (s, e) => _(y, {
+        companyId: t,
+        terminated: !1,
+        page: e + 2,
+        per: g,
+        include: [h.AllCompensations]
+      })
+    )
+  }), n = M(() => [
+    ...r.showEmployees ?? [],
+    ...u.flatMap((e) => e.data.showEmployees ?? [])
+  ].filter((e) => v((e.jobs?.find((i) => i.primary) ?? e.jobs?.[0])?.hireDate)).filter((e) => !a?.has(e.uuid)).map((e) => ({
+    uuid: e.uuid,
+    firstName: e.firstName,
+    lastName: e.lastName,
+    jobTitle: e.jobs?.find((i) => i.primary)?.title ?? e.jobs?.[0]?.title ?? null,
+    department: e.department ?? null,
+    eligiblePaidTimeOff: e.eligiblePaidTimeOff
+  })), [r.showEmployees, u, a]), {
+    data: w,
+    pagination: P,
+    searchValue: l,
+    actions: d
+  } = O(n, {
+    searchPredicate: S
+  }), A = u.some((s) => s.isFetching), N = b || A, F = f((s, e) => {
+    m((i) => {
+      const o = new Set(i);
+      return e ? o.add(s.uuid) : o.delete(s.uuid), o;
     });
-  }, []), T = l(
-    (e) => {
-      u(e), a();
+  }, []), j = f(
+    (s, e) => {
+      const i = l ? n.filter((o) => S(o, l)) : n;
+      m((o) => {
+        const c = new Set(o);
+        for (const p of i)
+          s ? c.add(p.uuid) : c.delete(p.uuid);
+        return c;
+      });
     },
-    [a]
-  ), V = l(() => {
-    u(""), a();
-  }, [a]);
+    [n, l]
+  );
   return {
     filteredEmployees: w,
-    selectedUuids: y,
-    searchValue: d,
-    pagination: E,
-    isFetching: r,
-    handleSelect: C,
-    handleSelectAll: N,
-    handleSearchChange: T,
-    handleSearchClear: V
+    eligibleEmployees: n,
+    eligibleCount: n.length,
+    selectedUuids: E,
+    searchValue: l,
+    pagination: P,
+    isFetching: N,
+    handleSelect: F,
+    handleSelectAll: j,
+    handleSearchChange: d.onSearchChange,
+    handleSearchClear: d.onSearchClear
   };
 }
 export {
-  F as useSelectEmployeesData
+  v as isStartedByToday,
+  S as matchesEmployeeSearch,
+  k as useSelectEmployeesData
 };
 //# sourceMappingURL=useSelectEmployeesData.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectEmployeesData.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.ts"],"sourcesContent":["import { useCallback, useDeferredValue, useMemo, useState } from 'react'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport { Include } from '@gusto/embedded-api/models/operations/getv1companiescompanyidemployees'\nimport type { PaidTimeOff } from '@gusto/embedded-api/models/components/paidtimeoff'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\nexport function useSelectEmployeesData(companyId: string, initialSelectedUuids?: Set<string>) {\n  const [selectedUuids, setSelectedUuids] = useState<Set<string>>(\n    () => new Set(initialSelectedUuids ?? []),\n  )\n  const [searchValue, setSearchValue] = useState('')\n  const deferredSearchValue = useDeferredValue(searchValue)\n  const { currentPage, itemsPerPage, getPaginationProps, resetPage } = usePagination()\n\n  // include: all_compensations is required to populate eligiblePaidTimeOff,\n  // which carries each employee's current balance on their existing time-off\n  // policies — used to pre-fill carry-over balances for selection.\n  const { data: employeesData, isFetching } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n    page: currentPage,\n    per: itemsPerPage,\n    include: [Include.AllCompensations],\n    ...(deferredSearchValue ? { searchTerm: deferredSearchValue } : {}),\n  })\n\n  const filteredEmployees = useMemo<EmployeeItem[]>(\n    () =>\n      (employeesData.showEmployees ?? []).map(e => ({\n        uuid: e.uuid,\n        firstName: e.firstName,\n        lastName: e.lastName,\n        jobTitle: e.jobs?.find(job => job.primary)?.title ?? null,\n        department: e.department ?? null,\n        eligiblePaidTimeOff: e.eligiblePaidTimeOff as PaidTimeOff[] | undefined,\n      })),\n    [employeesData.showEmployees],\n  )\n\n  const pagination = useMemo(\n    () => getPaginationProps(employeesData.httpMeta.response.headers, isFetching),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [employeesData.httpMeta.response.headers, isFetching, currentPage, itemsPerPage],\n  )\n\n  const handleSelect = useCallback((item: EmployeeItem, checked: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(item.uuid)\n      else next.delete(item.uuid)\n      return next\n    })\n  }, [])\n\n  const handleSelectAll = useCallback((checked: boolean, visibleItems: EmployeeItem[]) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      for (const item of visibleItems) {\n        if (checked) next.add(item.uuid)\n        else next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSearchChange = useCallback(\n    (value: string) => {\n      setSearchValue(value)\n      resetPage()\n    },\n    [resetPage],\n  )\n\n  const handleSearchClear = useCallback(() => {\n    setSearchValue('')\n    resetPage()\n  }, [resetPage])\n\n  return {\n    filteredEmployees,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange,\n    handleSearchClear,\n  }\n}\n"],"names":["useSelectEmployeesData","companyId","initialSelectedUuids","selectedUuids","setSelectedUuids","useState","searchValue","setSearchValue","deferredSearchValue","useDeferredValue","currentPage","itemsPerPage","getPaginationProps","resetPage","usePagination","employeesData","isFetching","useEmployeesListSuspense","Include","filteredEmployees","useMemo","job","pagination","handleSelect","useCallback","item","checked","prev","next","handleSelectAll","visibleItems","handleSearchChange","value","handleSearchClear"],"mappings":";;;;AAOO,SAASA,EAAuBC,GAAmBC,GAAoC;AAC5F,QAAM,CAACC,GAAeC,CAAgB,IAAIC;AAAA,IACxC,MAAM,IAAI,IAAIH,KAAwB,CAAA,CAAE;AAAA,EAAA,GAEpC,CAACI,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAC3CG,IAAsBC,EAAiBH,CAAW,GAClD,EAAE,aAAAI,GAAa,cAAAC,GAAc,oBAAAC,GAAoB,WAAAC,EAAA,IAAcC,EAAA,GAK/D,EAAE,MAAMC,GAAe,YAAAC,EAAA,IAAeC,EAAyB;AAAA,IACnE,WAAAhB;AAAA,IACA,YAAY;AAAA,IACZ,MAAMS;AAAA,IACN,KAAKC;AAAA,IACL,SAAS,CAACO,EAAQ,gBAAgB;AAAA,IAClC,GAAIV,IAAsB,EAAE,YAAYA,MAAwB,CAAA;AAAA,EAAC,CAClE,GAEKW,IAAoBC;AAAA,IACxB,OACGL,EAAc,iBAAiB,CAAA,GAAI,IAAI,CAAA,OAAM;AAAA,MAC5C,MAAM,EAAE;AAAA,MACR,WAAW,EAAE;AAAA,MACb,UAAU,EAAE;AAAA,MACZ,UAAU,EAAE,MAAM,KAAK,OAAOM,EAAI,OAAO,GAAG,SAAS;AAAA,MACrD,YAAY,EAAE,cAAc;AAAA,MAC5B,qBAAqB,EAAE;AAAA,IAAA,EACvB;AAAA,IACJ,CAACN,EAAc,aAAa;AAAA,EAAA,GAGxBO,IAAaF;AAAA,IACjB,MAAMR,EAAmBG,EAAc,SAAS,SAAS,SAASC,CAAU;AAAA;AAAA,IAE5E,CAACD,EAAc,SAAS,SAAS,SAASC,GAAYN,GAAaC,CAAY;AAAA,EAAA,GAG3EY,IAAeC,EAAY,CAACC,GAAoBC,MAAqB;AACzE,IAAAtB,EAAiB,CAAAuB,MAAQ;AACvB,YAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,aAAID,IAASE,EAAK,IAAIH,EAAK,IAAI,IAC1BG,EAAK,OAAOH,EAAK,IAAI,GACnBG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECC,IAAkBL,EAAY,CAACE,GAAkBI,MAAiC;AACtF,IAAA1B,EAAiB,CAAAuB,MAAQ;AACvB,YAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,iBAAWF,KAAQK;AACjB,QAAIJ,IAASE,EAAK,IAAIH,EAAK,IAAI,IAC1BG,EAAK,OAAOH,EAAK,IAAI;AAE5B,aAAOG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECG,IAAqBP;AAAA,IACzB,CAACQ,MAAkB;AACjB,MAAAzB,EAAeyB,CAAK,GACpBnB,EAAA;AAAA,IACF;AAAA,IACA,CAACA,CAAS;AAAA,EAAA,GAGNoB,IAAoBT,EAAY,MAAM;AAC1C,IAAAjB,EAAe,EAAE,GACjBM,EAAA;AAAA,EACF,GAAG,CAACA,CAAS,CAAC;AAEd,SAAO;AAAA,IACL,mBAAAM;AAAA,IACA,eAAAhB;AAAA,IACA,aAAAG;AAAA,IACA,YAAAgB;AAAA,IACA,YAAAN;AAAA,IACA,cAAAO;AAAA,IACA,iBAAAM;AAAA,IACA,oBAAAE;AAAA,IACA,mBAAAE;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useSelectEmployeesData.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildEmployeesListQuery,\n  useEmployeesListSuspense,\n} from '@gusto/embedded-api/react-query/employeesList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useSuspenseQueries } from '@tanstack/react-query'\nimport { Include } from '@gusto/embedded-api/models/operations/getv1companiescompanyidemployees'\nimport type { PaidTimeOff } from '@gusto/embedded-api/models/components/paidtimeoff'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n// Employees whose primary job's hire_date is in the future are rejected by\n// `POST /time_off_policies/:uuid/add_employees` as \"ineligible\" with no\n// per-uuid reason in the response. We can detect this from the employees\n// list response, so we drop them client-side to prevent the error.\nexport function isStartedByToday(hireDate: string | undefined): boolean {\n  if (!hireDate) return false\n  const today = new Date().toISOString().slice(0, 10)\n  return hireDate <= today\n}\n\n// Single source of truth for the search predicate so the client-pagination\n// hook and the select-all handler agree on what's \"in scope\" for a query.\nexport function matchesEmployeeSearch(employee: EmployeeItem, query: string): boolean {\n  return `${employee.firstName ?? ''} ${employee.lastName ?? ''}`\n    .toLowerCase()\n    .includes(query.toLowerCase())\n}\n\nexport function useSelectEmployeesData(companyId: string, excludeUuids?: Set<string>) {\n  const gustoClient = useGustoEmbeddedContext()\n  const [selectedUuids, setSelectedUuids] = useState<Set<string>>(() => new Set())\n\n  // Fetch the full employees list up front so filter, search, and pagination\n  // can all be applied client-side. include: all_compensations is required to\n  // populate eligiblePaidTimeOff, which carries each employee's current\n  // balance on their existing time-off policies — used to pre-fill carry-over\n  // balances for selection.\n  const { data: firstPage, isFetching: isFirstPageFetching } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n    include: [Include.AllCompensations],\n  })\n\n  const totalServerPages = Number(firstPage.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // For each additional server page we fire a suspense query in parallel.\n  // No explicit concurrency cap: typical embedded customers are <100\n  // employees (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this flow ever needs to support thousands of employees,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useSuspenseQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) =>\n      buildEmployeesListQuery(gustoClient, {\n        companyId,\n        terminated: false,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n        include: [Include.AllCompensations],\n      }),\n    ),\n  })\n\n  const eligibleEmployees = useMemo<EmployeeItem[]>(() => {\n    const showEmployees = [\n      ...(firstPage.showEmployees ?? []),\n      ...restPageResults.flatMap(r => r.data.showEmployees ?? []),\n    ]\n    return showEmployees\n      .filter(e => isStartedByToday((e.jobs?.find(job => job.primary) ?? e.jobs?.[0])?.hireDate))\n      .filter(e => !excludeUuids?.has(e.uuid))\n      .map(e => ({\n        uuid: e.uuid,\n        firstName: e.firstName,\n        lastName: e.lastName,\n        jobTitle: e.jobs?.find(job => job.primary)?.title ?? e.jobs?.[0]?.title ?? null,\n        department: e.department ?? null,\n        eligiblePaidTimeOff: e.eligiblePaidTimeOff as PaidTimeOff[] | undefined,\n      }))\n  }, [firstPage.showEmployees, restPageResults, excludeUuids])\n\n  const {\n    data: filteredEmployees,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleEmployees, {\n    searchPredicate: matchesEmployeeSearch,\n  })\n\n  const isRestFetching = restPageResults.some(r => r.isFetching)\n  const isFetching = isFirstPageFetching || isRestFetching\n\n  const handleSelect = useCallback((item: EmployeeItem, checked: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(item.uuid)\n      else next.delete(item.uuid)\n      return next\n    })\n  }, [])\n\n  // Select-all scopes to the full search-filtered list (every page), not just\n  // the rendered page slice that DataView passes in. This matches the user\n  // expectation that \"select all\" actually means \"all\" — including any\n  // employees the current pagination has scrolled off-screen. The second\n  // argument from DataView (the visible page slice) is intentionally ignored.\n  const handleSelectAll = useCallback(\n    (checked: boolean, _visibleItems?: EmployeeItem[]) => {\n      const scope = searchValue\n        ? eligibleEmployees.filter(employee => matchesEmployeeSearch(employee, searchValue))\n        : eligibleEmployees\n      setSelectedUuids(prev => {\n        const next = new Set(prev)\n        for (const item of scope) {\n          if (checked) next.add(item.uuid)\n          else next.delete(item.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleEmployees, searchValue],\n  )\n\n  return {\n    filteredEmployees,\n    eligibleEmployees,\n    eligibleCount: eligibleEmployees.length,\n    selectedUuids,\n    searchValue,\n    pagination,\n    isFetching,\n    handleSelect,\n    handleSelectAll,\n    handleSearchChange: paginationActions.onSearchChange,\n    handleSearchClear: paginationActions.onSearchClear,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isStartedByToday","hireDate","today","matchesEmployeeSearch","employee","query","useSelectEmployeesData","companyId","excludeUuids","gustoClient","useGustoEmbeddedContext","selectedUuids","setSelectedUuids","useState","firstPage","isFirstPageFetching","useEmployeesListSuspense","Include","totalServerPages","restPageResults","useSuspenseQueries","_","i","buildEmployeesListQuery","eligibleEmployees","useMemo","r","job","filteredEmployees","pagination","searchValue","paginationActions","useClientPagination","isRestFetching","isFetching","handleSelect","useCallback","item","checked","prev","next","handleSelectAll","_visibleItems","scope"],"mappings":"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"}

package/dist/components/TimeOff/TimeOffManagement/SelectEmployees/useSelectEmployeesData.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,4 +1,4 @@
-import { jsx as a, jsxs as c } from "react/jsx-runtime";
+import { jsx as e, jsxs as c } from "react/jsx-runtime";
 import { useState as b, useEffect as x } from "react";
 import { useTranslation as g } from "react-i18next";
 import { Flex as D } from "../../Common/Flex/Flex.js";
@@ -7,7 +7,7 @@ import "../../../shared/constants.js";
 import { ActionsLayout as M } from "../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as B } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as T } from "../../../i18n/I18n.js";
-function H({
+function q({
   isOpen: s,
   onClose: t,
   employeeName: d,
@@ -17,30 +17,31 @@ function H({
   error: n
 }) {
   T("Company.TimeOff.TimeOffPolicyDetails");
-  const { t: e } = g("Company.TimeOff.TimeOffPolicyDetails"), { Modal: p, Heading: u, NumberInput: h, Button: l, Alert: y } = B(), [m, r] = b(i);
+  const { t: a } = g("Company.TimeOff.TimeOffPolicyDetails"), { Modal: p, Heading: u, NumberInput: h, Button: l, Alert: y } = B(), [m, r] = b(i);
   x(() => {
     r(i);
   }, [i]);
   const C = () => {
     f(m);
   };
-  return /* @__PURE__ */ a(
+  return /* @__PURE__ */ e(
     p,
     {
       isOpen: s,
       onClose: t,
       footer: /* @__PURE__ */ c(M, { children: [
-        /* @__PURE__ */ a(l, { variant: "secondary", onClick: t, isDisabled: o, children: e("editBalanceModal.cancelCta") }),
-        /* @__PURE__ */ a(l, { variant: "primary", onClick: C, isLoading: o, children: e("editBalanceModal.updateCta") })
+        /* @__PURE__ */ e(l, { variant: "secondary", onClick: t, isDisabled: o, children: a("editBalanceModal.cancelCta") }),
+        /* @__PURE__ */ e(l, { variant: "primary", onClick: C, isLoading: o, children: a("editBalanceModal.updateCta") })
       ] }),
       children: /* @__PURE__ */ c(D, { flexDirection: "column", gap: 16, children: [
-        /* @__PURE__ */ a(u, { as: "h3", styledAs: "h3", children: e("editBalanceModal.title", { name: d }) }),
-        n && /* @__PURE__ */ a(y, { status: "error", label: n.message }),
-        /* @__PURE__ */ a(
+        /* @__PURE__ */ e(u, { as: "h3", styledAs: "h3", children: a("editBalanceModal.title", { name: d }) }),
+        n && /* @__PURE__ */ e(y, { status: "error", label: n.message }),
+        /* @__PURE__ */ e(
           h,
           {
             name: "balance",
-            label: e("editBalanceModal.balanceLabel"),
+            label: a("editBalanceModal.balanceLabel"),
+            isRequired: !0,
             value: m,
             onChange: r,
             minimumFractionDigits: 1,
@@ -53,6 +54,6 @@ function H({
   );
 }
 export {
-  H as EditEmployeeBalanceModal
+  q as EditEmployeeBalanceModal
 };
 //# sourceMappingURL=EditEmployeeBalanceModal.js.map

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 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;"}
+{"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          isRequired\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,YAAU;AAAA,YACV,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;"}