@gusto/embedded-react-sdk 0.45.0 → 0.46.2

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

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

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

@@ -1 +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, isPending: isAddPending } =\n    useHolidayPayPoliciesAddEmployeesMutation()\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useHolidayPayPoliciesRemoveEmployeesMutation()\n  const isSubmitPending = isAddPending || isRemovePending\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      isHolidayPolicy\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isSubmitPending}\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","isAddPending","useHolidayPayPoliciesAddEmployeesMutation","removeEmployees","isRemovePending","useHolidayPayPoliciesRemoveEmployeesMutation","isSubmitPending","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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"}
+{"version":3,"file":"SelectEmployeesHoliday.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesHoliday.tsx"],"sourcesContent":["import { useCallback, useMemo } from 'react'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesAddEmployeesMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesAddEmployees'\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 existingAssigneeUuids = 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      existingAssigneeUuids={existingAssigneeUuids}\n      version={policy.version}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesHolidayProps {\n  existingAssigneeUuids?: Set<string>\n  version?: string\n}\n\nfunction SelectEmployeesHolidayInner({\n  companyId,\n  mode = 'standalone',\n  existingAssigneeUuids,\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, existingAssigneeUuids)\n\n  const { mutateAsync: addEmployees, isPending: isAddPending } =\n    useHolidayPayPoliciesAddEmployeesMutation()\n\n  const handleContinue = useCallback(async () => {\n    const toAdd = [...selectedUuids]\n\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE, {\n        employeeUuids: toAdd,\n      })\n      return\n    }\n\n    if (toAdd.length === 0) {\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_ADD_EMPLOYEES_DONE)\n      return\n    }\n\n    await baseSubmitHandler({}, async () => {\n      const response = await addEmployees({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: version ?? '',\n            employees: toAdd.map(uuid => ({ uuid })),\n          },\n        },\n      })\n      const latestPolicy: HolidayPayPolicy | undefined = response.holidayPayPolicy\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    mode,\n    selectedUuids,\n    baseSubmitHandler,\n    addEmployees,\n    companyId,\n    version,\n    queryClient,\n    onEvent,\n  ])\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      isHolidayPolicy\n      pagination={pagination}\n      isFetching={isFetching}\n      isPending={isAddPending}\n    />\n  )\n}\n"],"names":["SelectEmployeesHoliday","props","jsx","SelectEmployeesHolidayInner","StandaloneLoader","policyResponse","useHolidayPayPoliciesGetSuspense","policy","existingAssigneeUuids","useMemo","set","e","companyId","mode","version","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","addEmployees","isAddPending","useHolidayPayPoliciesAddEmployeesMutation","handleContinue","useCallback","toAdd","componentEvents","latestPolicy","uuid","queryKeyHolidayPayPoliciesGet","prev","invalidateAllHolidayPayPoliciesGet","handleBack","SelectEmployeesPresentation"],"mappings":"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"}

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

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

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

@@ -1,81 +1,80 @@
-import { jsxs as l, jsx as n } from "react/jsx-runtime";
-import { useTranslation as D } from "react-i18next";
-import { useId as N } from "react";
-import { EmployeeTable as v } from "../../shared/EmployeeTable/EmployeeTable.js";
-import w from "./SelectEmployeesPresentation.module.scss.js";
-import { Flex as C } from "../../../Common/Flex/Flex.js";
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { useTranslation as H } from "react-i18next";
+import { useId as P } from "react";
+import { EmployeeTable as j } from "../../shared/EmployeeTable/EmployeeTable.js";
+import v from "./SelectEmployeesPresentation.module.scss.js";
+import { Flex as a } from "../../../Common/Flex/Flex.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { ActionsLayout as F } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as V } from "../../../../i18n/I18n.js";
-const W = (r) => /^\d*\.?\d*$/.test(r);
-function _({
-  employees: r,
+import { ActionsLayout as B } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as w } from "../../../../i18n/I18n.js";
+const z = (o) => /^\d*\.?\d*$/.test(o);
+function X({
+  employees: o,
   selectedUuids: f,
-  searchValue: y,
+  searchValue: c,
   onSelect: h,
-  onSelectAll: b,
-  onSearchChange: g,
-  onSearchClear: A,
-  onBack: x,
-  onContinue: I,
-  showReassignmentWarning: L,
-  isHolidayPolicy: k = !1,
-  policyTypeLabel: T,
-  balances: O,
-  onBalanceChange: c,
-  pagination: P,
-  isFetching: E,
-  originallyOnPolicyUuids: S,
-  originalBalances: $,
-  removeConfirmDialog: i,
-  addConfirmDialog: o,
-  isPending: s = !1
+  onSelectAll: y,
+  onSearchChange: C,
+  onSearchClear: g,
+  onBack: b,
+  onContinue: x,
+  showReassignmentWarning: I,
+  isHolidayPolicy: A = !1,
+  policyTypeLabel: S,
+  balances: T,
+  onBalanceChange: s,
+  pagination: k,
+  isFetching: L,
+  addConfirmDialog: n,
+  isPending: m = !1
 }) {
-  V("Company.TimeOff.SelectEmployees");
-  const { t } = D("Company.TimeOff.SelectEmployees"), u = M(), { Heading: H, Text: m, Button: d, Alert: j, Dialog: p } = u, B = N();
-  return /* @__PURE__ */ l(C, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
-    /* @__PURE__ */ l(C, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ n(H, { as: "h2", children: t("title") }),
-      /* @__PURE__ */ n(m, { variant: "supporting", children: t(k ? "holidayDescription" : "description") })
+  w("Company.TimeOff.SelectEmployees");
+  const { t: e } = H("Company.TimeOff.SelectEmployees"), p = N(), { Heading: D, Text: u, Button: d, Alert: E, Dialog: O } = p, $ = P();
+  return /* @__PURE__ */ r(a, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
+    /* @__PURE__ */ r(a, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ t(D, { as: "h2", children: e("title") }),
+      /* @__PURE__ */ t(u, { variant: "supporting", children: e(A ? "holidayDescription" : "description") })
     ] }),
-    L && /* @__PURE__ */ n(j, { status: "warning", label: t("reassignmentWarning", { policyType: T }) }),
-    /* @__PURE__ */ n(
-      v,
+    I && /* @__PURE__ */ t(E, { status: "warning", label: e("reassignmentWarning", { policyType: S }) }),
+    /* @__PURE__ */ t(
+      j,
       {
-        data: r,
-        searchValue: y,
-        onSearchChange: g,
-        onSearchClear: A,
+        data: o,
+        searchValue: c,
+        onSearchChange: C,
+        onSearchClear: g,
+        hideSearch: o.length === 0 && c.length === 0,
         selectionMode: "multiple",
         onSelect: h,
-        onSelectAll: b,
-        getIsItemSelected: (e) => f.has(e.uuid),
-        isFetching: E,
-        pagination: P,
+        onSelectAll: y,
+        getIsItemSelected: (i) => f.has(i.uuid),
+        isFetching: L,
+        pagination: k,
+        emptyState: () => /* @__PURE__ */ t(a, { flexDirection: "column", alignItems: "center", gap: 8, children: /* @__PURE__ */ t(u, { size: "sm", textAlign: "center", children: e("emptyState") }) }),
         additionalColumns: [
           {
             key: "department",
-            title: t("departmentColumn")
+            title: e("departmentColumn")
           },
-          ...c ? [
+          ...s ? [
             {
               key: "balance",
-              title: t("startingBalanceColumn"),
-              render: (e) => S?.has(e.uuid) ? /* @__PURE__ */ n(m, { children: $?.[e.uuid] ?? "0" }) : /* @__PURE__ */ n(
-                u.TextInput,
+              title: e("startingBalanceColumn"),
+              render: (i) => /* @__PURE__ */ t(
+                p.TextInput,
                 {
-                  name: `balance-${e.uuid}`,
-                  label: t("startingBalanceColumn"),
+                  name: `balance-${i.uuid}`,
+                  label: e("startingBalanceColumn"),
                   shouldVisuallyHideLabel: !0,
-                  "aria-labelledby": `employee-name-${e.uuid} ${B}`,
-                  value: O?.[e.uuid] ?? "",
-                  onChange: (a) => {
-                    a !== "" && !W(a) || c(e.uuid, a);
+                  "aria-labelledby": `employee-name-${i.uuid} ${$}`,
+                  value: T?.[i.uuid] ?? "",
+                  onChange: (l) => {
+                    l !== "" && !z(l) || s(i.uuid, l);
                   },
                   placeholder: "0",
-                  className: w.balanceInput
+                  className: v.balanceInput
                 }
               )
             }
@@ -83,40 +82,26 @@ function _({
         ]
       }
     ),
-    /* @__PURE__ */ l(F, { children: [
-      /* @__PURE__ */ n(d, { variant: "secondary", onClick: x, isDisabled: s, children: t("backCta") }),
-      /* @__PURE__ */ n(d, { variant: "primary", onClick: I, isLoading: s, children: t("continueCta") })
+    /* @__PURE__ */ r(B, { children: [
+      /* @__PURE__ */ t(d, { variant: "secondary", onClick: b, isDisabled: m, children: e("backCta") }),
+      /* @__PURE__ */ t(d, { variant: "primary", onClick: x, isLoading: m, children: e("continueCta") })
     ] }),
-    i && /* @__PURE__ */ n(
-      p,
+    n && /* @__PURE__ */ t(
+      O,
       {
-        isOpen: i.isOpen,
-        onClose: i.onClose,
-        onPrimaryActionClick: i.onConfirm,
-        isPrimaryActionLoading: i.isPending,
-        isDestructive: !0,
-        title: t("removeConfirmDialog.title", { count: i.count }),
-        primaryActionLabel: t("removeConfirmDialog.confirmCta"),
-        closeActionLabel: t("removeConfirmDialog.cancelCta"),
-        children: t("removeConfirmDialog.description", { count: i.count })
-      }
-    ),
-    o && /* @__PURE__ */ n(
-      p,
-      {
-        isOpen: o.isOpen,
-        onClose: o.onClose,
-        onPrimaryActionClick: o.onConfirm,
-        isPrimaryActionLoading: o.isPending,
-        title: t("addConfirmDialog.title", { count: o.count }),
-        primaryActionLabel: t("addConfirmDialog.confirmCta"),
-        closeActionLabel: t("addConfirmDialog.cancelCta"),
-        children: t("addConfirmDialog.description", { count: o.count })
+        isOpen: n.isOpen,
+        onClose: n.onClose,
+        onPrimaryActionClick: n.onConfirm,
+        isPrimaryActionLoading: n.isPending,
+        title: e("addConfirmDialog.title", { count: n.count }),
+        primaryActionLabel: e("addConfirmDialog.confirmCta"),
+        closeActionLabel: e("addConfirmDialog.cancelCta"),
+        children: e("addConfirmDialog.description", { count: n.count })
       }
     )
   ] });
 }
 export {
-  _ as SelectEmployeesPresentation
+  X as SelectEmployeesPresentation
 };
 //# sourceMappingURL=SelectEmployeesPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SelectEmployeesPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useId } from 'react'\nimport { EmployeeTable } from '../../shared/EmployeeTable/EmployeeTable'\nimport type {\n  EmployeeItem,\n  SelectEmployeesPresentationProps,\n} from './SelectEmployeesPresentationTypes'\nimport styles from './SelectEmployeesPresentation.module.scss'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst isNumericInput = (value: string) => /^\\d*\\.?\\d*$/.test(value)\n\nexport function SelectEmployeesPresentation({\n  employees,\n  selectedUuids,\n  searchValue,\n  onSelect,\n  onSelectAll,\n  onSearchChange,\n  onSearchClear,\n  onBack,\n  onContinue,\n  showReassignmentWarning,\n  isHolidayPolicy = false,\n  policyTypeLabel,\n  balances,\n  onBalanceChange,\n  pagination,\n  isFetching,\n  originallyOnPolicyUuids,\n  originalBalances,\n\n  removeConfirmDialog,\n  addConfirmDialog,\n  isPending = false,\n}: SelectEmployeesPresentationProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const Components = useComponentContext()\n  const { Heading, Text, Button, Alert, Dialog } = Components\n  const balanceColHeaderId = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">\n          {isHolidayPolicy ? t('holidayDescription') : t('description')}\n        </Text>\n      </Flex>\n\n      {showReassignmentWarning && (\n        <Alert status=\"warning\" label={t('reassignmentWarning', { policyType: policyTypeLabel })} />\n      )}\n\n      <EmployeeTable<EmployeeItem>\n        data={employees}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchClear={onSearchClear}\n        selectionMode=\"multiple\"\n        onSelect={onSelect}\n        onSelectAll={onSelectAll}\n        getIsItemSelected={item => selectedUuids.has(item.uuid)}\n        isFetching={isFetching}\n        pagination={pagination}\n        additionalColumns={[\n          {\n            key: 'department' as keyof EmployeeItem,\n            title: t('departmentColumn'),\n          },\n          ...(onBalanceChange\n            ? [\n                {\n                  key: 'balance' as keyof EmployeeItem,\n                  title: t('startingBalanceColumn'),\n                  render: (employee: EmployeeItem) => {\n                    if (originallyOnPolicyUuids?.has(employee.uuid)) {\n                      return <Text>{originalBalances?.[employee.uuid] ?? '0'}</Text>\n                    }\n                    return (\n                      <Components.TextInput\n                        name={`balance-${employee.uuid}`}\n                        label={t('startingBalanceColumn')}\n                        shouldVisuallyHideLabel\n                        aria-labelledby={`employee-name-${employee.uuid} ${balanceColHeaderId}`}\n                        value={balances?.[employee.uuid] ?? ''}\n                        onChange={(value: string) => {\n                          if (value !== '' && !isNumericInput(value)) return\n                          onBalanceChange(employee.uuid, value)\n                        }}\n                        placeholder=\"0\"\n                        className={styles.balanceInput}\n                      />\n                    )\n                  },\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      <ActionsLayout>\n        <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n          {t('backCta')}\n        </Button>\n        <Button variant=\"primary\" onClick={onContinue} isLoading={isPending}>\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n\n      {removeConfirmDialog && (\n        <Dialog\n          isOpen={removeConfirmDialog.isOpen}\n          onClose={removeConfirmDialog.onClose}\n          onPrimaryActionClick={removeConfirmDialog.onConfirm}\n          isPrimaryActionLoading={removeConfirmDialog.isPending}\n          isDestructive\n          title={t('removeConfirmDialog.title', { count: removeConfirmDialog.count })}\n          primaryActionLabel={t('removeConfirmDialog.confirmCta')}\n          closeActionLabel={t('removeConfirmDialog.cancelCta')}\n        >\n          {t('removeConfirmDialog.description', { count: removeConfirmDialog.count })}\n        </Dialog>\n      )}\n\n      {addConfirmDialog && (\n        <Dialog\n          isOpen={addConfirmDialog.isOpen}\n          onClose={addConfirmDialog.onClose}\n          onPrimaryActionClick={addConfirmDialog.onConfirm}\n          isPrimaryActionLoading={addConfirmDialog.isPending}\n          title={t('addConfirmDialog.title', { count: addConfirmDialog.count })}\n          primaryActionLabel={t('addConfirmDialog.confirmCta')}\n          closeActionLabel={t('addConfirmDialog.cancelCta')}\n        >\n          {t('addConfirmDialog.description', { count: addConfirmDialog.count })}\n        </Dialog>\n      )}\n    </Flex>\n  )\n}\n"],"names":["isNumericInput","value","SelectEmployeesPresentation","employees","selectedUuids","searchValue","onSelect","onSelectAll","onSearchChange","onSearchClear","onBack","onContinue","showReassignmentWarning","isHolidayPolicy","policyTypeLabel","balances","onBalanceChange","pagination","isFetching","originallyOnPolicyUuids","originalBalances","removeConfirmDialog","addConfirmDialog","isPending","useI18n","useTranslation","Components","useComponentContext","Heading","Text","Button","Alert","Dialog","balanceColHeaderId","useId","Flex","jsxs","jsx","EmployeeTable","item","employee","styles","ActionsLayout"],"mappings":"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"}
+{"version":3,"file":"SelectEmployeesPresentation.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useId } from 'react'\nimport { EmployeeTable } from '../../shared/EmployeeTable/EmployeeTable'\nimport type {\n  EmployeeItem,\n  SelectEmployeesPresentationProps,\n} from './SelectEmployeesPresentationTypes'\nimport styles from './SelectEmployeesPresentation.module.scss'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst isNumericInput = (value: string) => /^\\d*\\.?\\d*$/.test(value)\n\nexport function SelectEmployeesPresentation({\n  employees,\n  selectedUuids,\n  searchValue,\n  onSelect,\n  onSelectAll,\n  onSearchChange,\n  onSearchClear,\n  onBack,\n  onContinue,\n  showReassignmentWarning,\n  isHolidayPolicy = false,\n  policyTypeLabel,\n  balances,\n  onBalanceChange,\n  pagination,\n  isFetching,\n  addConfirmDialog,\n  isPending = false,\n}: SelectEmployeesPresentationProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\n  const Components = useComponentContext()\n  const { Heading, Text, Button, Alert, Dialog } = Components\n  const balanceColHeaderId = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Heading as=\"h2\">{t('title')}</Heading>\n        <Text variant=\"supporting\">\n          {isHolidayPolicy ? t('holidayDescription') : t('description')}\n        </Text>\n      </Flex>\n\n      {showReassignmentWarning && (\n        <Alert status=\"warning\" label={t('reassignmentWarning', { policyType: policyTypeLabel })} />\n      )}\n\n      <EmployeeTable<EmployeeItem>\n        data={employees}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchClear={onSearchClear}\n        hideSearch={employees.length === 0 && searchValue.length === 0}\n        selectionMode=\"multiple\"\n        onSelect={onSelect}\n        onSelectAll={onSelectAll}\n        getIsItemSelected={item => selectedUuids.has(item.uuid)}\n        isFetching={isFetching}\n        pagination={pagination}\n        emptyState={() => (\n          <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n            <Text size=\"sm\" textAlign=\"center\">\n              {t('emptyState')}\n            </Text>\n          </Flex>\n        )}\n        additionalColumns={[\n          {\n            key: 'department' as keyof EmployeeItem,\n            title: t('departmentColumn'),\n          },\n          ...(onBalanceChange\n            ? [\n                {\n                  key: 'balance' as keyof EmployeeItem,\n                  title: t('startingBalanceColumn'),\n                  render: (employee: EmployeeItem) => (\n                    <Components.TextInput\n                      name={`balance-${employee.uuid}`}\n                      label={t('startingBalanceColumn')}\n                      shouldVisuallyHideLabel\n                      aria-labelledby={`employee-name-${employee.uuid} ${balanceColHeaderId}`}\n                      value={balances?.[employee.uuid] ?? ''}\n                      onChange={(value: string) => {\n                        if (value !== '' && !isNumericInput(value)) return\n                        onBalanceChange(employee.uuid, value)\n                      }}\n                      placeholder=\"0\"\n                      className={styles.balanceInput}\n                    />\n                  ),\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      <ActionsLayout>\n        <Button variant=\"secondary\" onClick={onBack} isDisabled={isPending}>\n          {t('backCta')}\n        </Button>\n        <Button variant=\"primary\" onClick={onContinue} isLoading={isPending}>\n          {t('continueCta')}\n        </Button>\n      </ActionsLayout>\n\n      {addConfirmDialog && (\n        <Dialog\n          isOpen={addConfirmDialog.isOpen}\n          onClose={addConfirmDialog.onClose}\n          onPrimaryActionClick={addConfirmDialog.onConfirm}\n          isPrimaryActionLoading={addConfirmDialog.isPending}\n          title={t('addConfirmDialog.title', { count: addConfirmDialog.count })}\n          primaryActionLabel={t('addConfirmDialog.confirmCta')}\n          closeActionLabel={t('addConfirmDialog.cancelCta')}\n        >\n          {t('addConfirmDialog.description', { count: addConfirmDialog.count })}\n        </Dialog>\n      )}\n    </Flex>\n  )\n}\n"],"names":["isNumericInput","value","SelectEmployeesPresentation","employees","selectedUuids","searchValue","onSelect","onSelectAll","onSearchChange","onSearchClear","onBack","onContinue","showReassignmentWarning","isHolidayPolicy","policyTypeLabel","balances","onBalanceChange","pagination","isFetching","addConfirmDialog","isPending","useI18n","t","useTranslation","Components","useComponentContext","Heading","Text","Button","Alert","Dialog","balanceColHeaderId","useId","Flex","jsxs","jsx","EmployeeTable","item","employee","styles","ActionsLayout"],"mappings":"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"}

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

@@ -33,12 +33,7 @@ export interface SelectEmployeesPresentationProps {
     onBalanceChange?: (uuid: string, value: string) => void;
     pagination?: PaginationControlProps;
     isFetching?: boolean;
-    /** UUIDs of employees already on the policy. These render with read-only balances and cannot have their balance edited from this screen. */
-    originallyOnPolicyUuids?: Set<string>;
-    /** Current policy balances keyed by employee uuid. Used to render read-only balance text for originally-on-policy employees. */
-    originalBalances?: Record<string, string>;
-    /** Optional confirm dialog shown before submitting when the user is about to remove employees from the policy. */
-    removeConfirmDialog?: ConfirmDialogState;
+    /** Optional confirm dialog shown before submitting an add to the policy. */
     addConfirmDialog?: ConfirmDialogState;
     /** Disables the back button and shows a spinner on the continue button while a submit is in flight. */
     isPending?: boolean;