@gusto/embedded-react-sdk 0.42.0 → 0.44.0

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

@@ -0,0 +1,103 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+import { useTranslation as D } from "react-i18next";
+import { useId as H } from "react";
+import { EmployeeTable as $ } from "../../shared/EmployeeTable/EmployeeTable.js";
+import { Flex as u } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { ActionsLayout as j } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as F } from "../../../../i18n/I18n.js";
+function U({
+  employees: m,
+  selectedUuids: d,
+  searchValue: p,
+  onSelect: C,
+  onSelectAll: f,
+  onSearchChange: h,
+  onSearchClear: y,
+  onBack: b,
+  onContinue: g,
+  showReassignmentWarning: r,
+  policyTypeLabel: x,
+  balances: I,
+  onBalanceChange: a,
+  pagination: T,
+  isFetching: k,
+  originallyOnPolicyUuids: A,
+  originalBalances: L,
+  removeConfirmDialog: i
+}) {
+  F("Company.TimeOff.SelectEmployees");
+  const { t } = D("Company.TimeOff.SelectEmployees"), l = B(), { Heading: E, Text: c, Button: s, Alert: O, Dialog: P } = l, S = H();
+  return /* @__PURE__ */ o(u, { flexDirection: "column", alignItems: "stretch", gap: 32, children: [
+    /* @__PURE__ */ o(u, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(E, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ e(c, { variant: "supporting", children: t(r ? "description" : "holidayDescription") })
+    ] }),
+    r && /* @__PURE__ */ e(O, { status: "warning", label: t("reassignmentWarning", { policyType: x }) }),
+    /* @__PURE__ */ e(
+      $,
+      {
+        data: m,
+        searchValue: p,
+        onSearchChange: h,
+        onSearchClear: y,
+        selectionMode: "multiple",
+        onSelect: C,
+        onSelectAll: f,
+        getIsItemSelected: (n) => d.has(n.uuid),
+        isFetching: k,
+        pagination: T,
+        additionalColumns: [
+          {
+            key: "department",
+            title: t("departmentColumn")
+          },
+          ...a ? [
+            {
+              key: "balance",
+              title: t("startingBalanceColumn"),
+              render: (n) => A?.has(n.uuid) ? /* @__PURE__ */ e(c, { children: L?.[n.uuid] ?? "0" }) : /* @__PURE__ */ e(
+                l.TextInput,
+                {
+                  name: `balance-${n.uuid}`,
+                  label: t("startingBalanceColumn"),
+                  shouldVisuallyHideLabel: !0,
+                  "aria-labelledby": `employee-name-${n.uuid} ${S}`,
+                  value: I?.[n.uuid] ?? "",
+                  onChange: (v) => {
+                    a(n.uuid, v);
+                  },
+                  placeholder: "0"
+                }
+              )
+            }
+          ] : []
+        ]
+      }
+    ),
+    /* @__PURE__ */ o(j, { children: [
+      /* @__PURE__ */ e(s, { variant: "secondary", onClick: b, children: t("backCta") }),
+      /* @__PURE__ */ e(s, { variant: "primary", onClick: g, children: t("continueCta") })
+    ] }),
+    i && /* @__PURE__ */ e(
+      P,
+      {
+        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 })
+      }
+    )
+  ] });
+}
+export {
+  U as SelectEmployeesPresentation
+};
+//# sourceMappingURL=SelectEmployeesPresentation.js.map

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

@@ -0,0 +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 { ActionsLayout, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\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  policyTypeLabel,\n  balances,\n  onBalanceChange,\n  pagination,\n  isFetching,\n  originallyOnPolicyUuids,\n  originalBalances,\n  removeConfirmDialog,\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          {showReassignmentWarning ? t('description') : t('holidayDescription')}\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                          onBalanceChange(employee.uuid, value)\n                        }}\n                        placeholder=\"0\"\n                      />\n                    )\n                  },\n                },\n              ]\n            : []),\n        ]}\n      />\n\n      <ActionsLayout>\n        <Button variant=\"secondary\" onClick={onBack}>\n          {t('backCta')}\n        </Button>\n        <Button variant=\"primary\" onClick={onContinue}>\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    </Flex>\n  )\n}\n"],"names":["SelectEmployeesPresentation","employees","selectedUuids","searchValue","onSelect","onSelectAll","onSearchChange","onSearchClear","onBack","onContinue","showReassignmentWarning","policyTypeLabel","balances","onBalanceChange","pagination","isFetching","originallyOnPolicyUuids","originalBalances","removeConfirmDialog","useI18n","useTranslation","Components","useComponentContext","Heading","Text","Button","Alert","Dialog","balanceColHeaderId","useId","Flex","jsxs","jsx","EmployeeTable","item","employee","value","ActionsLayout"],"mappings":";;;;;;;;;;AAWO,SAASA,EAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,qBAAAC;AACF,GAAqC;AACnC,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAaC,EAAA,GACb,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,GAAO,QAAAC,MAAWN,GAC3CO,IAAqBC,EAAA;AAE3B,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,WAAU,KAAK,IACrD,UAAA;AAAA,IAAA,gBAAAC,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAE,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,MAC7B,gBAAAS,EAACR,GAAA,EAAK,SAAQ,cACX,UAA0B,EAA1Bd,IAA4B,gBAAmB,oBAAN,EAA0B,CACtE;AAAA,IAAA,GACF;AAAA,IAECA,KACC,gBAAAsB,EAACN,GAAA,EAAM,QAAO,WAAU,OAAO,EAAE,uBAAuB,EAAE,YAAYf,EAAA,CAAiB,EAAA,CAAG;AAAA,IAG5F,gBAAAqB;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMhC;AAAA,QACN,aAAAE;AAAA,QACA,gBAAAG;AAAA,QACA,eAAAC;AAAA,QACA,eAAc;AAAA,QACd,UAAAH;AAAA,QACA,aAAAC;AAAA,QACA,mBAAmB,CAAA6B,MAAQhC,EAAc,IAAIgC,EAAK,IAAI;AAAA,QACtD,YAAAnB;AAAA,QACA,YAAAD;AAAA,QACA,mBAAmB;AAAA,UACjB;AAAA,YACE,KAAK;AAAA,YACL,OAAO,EAAE,kBAAkB;AAAA,UAAA;AAAA,UAE7B,GAAID,IACA;AAAA,YACE;AAAA,cACE,KAAK;AAAA,cACL,OAAO,EAAE,uBAAuB;AAAA,cAChC,QAAQ,CAACsB,MACHnB,GAAyB,IAAImB,EAAS,IAAI,sBACpCX,GAAA,EAAM,UAAAP,IAAmBkB,EAAS,IAAI,KAAK,KAAI,IAGvD,gBAAAH;AAAA,gBAACX,EAAW;AAAA,gBAAX;AAAA,kBACC,MAAM,WAAWc,EAAS,IAAI;AAAA,kBAC9B,OAAO,EAAE,uBAAuB;AAAA,kBAChC,yBAAuB;AAAA,kBACvB,mBAAiB,iBAAiBA,EAAS,IAAI,IAAIP,CAAkB;AAAA,kBACrE,OAAOhB,IAAWuB,EAAS,IAAI,KAAK;AAAA,kBACpC,UAAU,CAACC,MAAkB;AAC3B,oBAAAvB,EAAgBsB,EAAS,MAAMC,CAAK;AAAA,kBACtC;AAAA,kBACA,aAAY;AAAA,gBAAA;AAAA,cAAA;AAAA,YAGlB;AAAA,UACF,IAEF,CAAA;AAAA,QAAC;AAAA,MACP;AAAA,IAAA;AAAA,sBAGDC,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAL,EAACP,KAAO,SAAQ,aAAY,SAASjB,GAClC,UAAA,EAAE,SAAS,GACd;AAAA,MACA,gBAAAwB,EAACP,KAAO,SAAQ,WAAU,SAAShB,GAChC,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,GACF;AAAA,IAECS,KACC,gBAAAc;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQT,EAAoB;AAAA,QAC5B,SAASA,EAAoB;AAAA,QAC7B,sBAAsBA,EAAoB;AAAA,QAC1C,wBAAwBA,EAAoB;AAAA,QAC5C,eAAa;AAAA,QACb,OAAO,EAAE,6BAA6B,EAAE,OAAOA,EAAoB,OAAO;AAAA,QAC1E,oBAAoB,EAAE,gCAAgC;AAAA,QACtD,kBAAkB,EAAE,+BAA+B;AAAA,QAElD,YAAE,mCAAmC,EAAE,OAAOA,EAAoB,OAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GAEJ;AAEJ;"}

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

@@ -0,0 +1,41 @@
+import { PaidTimeOff } from '@gusto/embedded-api/models/components/paidtimeoff';
+import { PaginationControlProps } from '../../../Common/PaginationControl/PaginationControlTypes';
+export interface EmployeeItem {
+    uuid: string;
+    firstName?: string | null;
+    lastName?: string | null;
+    jobTitle?: string | null;
+    department?: string | null;
+    balance?: string | null;
+    eligiblePaidTimeOff?: PaidTimeOff[];
+}
+export interface RemoveConfirmDialogState {
+    isOpen: boolean;
+    count: number;
+    onConfirm: () => void;
+    onClose: () => void;
+    isPending?: boolean;
+}
+export interface SelectEmployeesPresentationProps {
+    employees: EmployeeItem[];
+    selectedUuids: Set<string>;
+    searchValue: string;
+    onSelect: (item: EmployeeItem, checked: boolean) => void;
+    onSelectAll?: (checked: boolean, visibleItems: EmployeeItem[]) => void;
+    onSearchChange: (value: string) => void;
+    onSearchClear: () => void;
+    onBack: () => void;
+    onContinue: () => void;
+    showReassignmentWarning: boolean;
+    policyTypeLabel?: string;
+    balances?: Record<string, string>;
+    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?: RemoveConfirmDialogState;
+}

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

@@ -0,0 +1,9 @@
+import { CreatableTimeOffPolicyType } from '../../TimeOffFlow/timeOffPolicyTypes';
+interface SelectEmployeesTimeOffProps {
+    companyId: string;
+    policyId: string;
+    policyType: CreatableTimeOffPolicyType;
+    mode?: 'standalone' | 'wizard';
+}
+export declare function SelectEmployeesTimeOff(props: SelectEmployeesTimeOffProps): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,216 @@
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as $, useCallback as u, useMemo as y, useState as T } from "react";
+import { useTimeOffPoliciesAddEmployeesMutation as J } from "@gusto/embedded-api/react-query/timeOffPoliciesAddEmployees";
+import { useTimeOffPoliciesRemoveEmployeesMutation as X } from "@gusto/embedded-api/react-query/timeOffPoliciesRemoveEmployees";
+import { useTimeOffPoliciesGetSuspense as Z } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
+import { UnprocessableEntityErrorObject as ee } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { useQueryClient as te } from "@tanstack/react-query";
+import { useTranslation as ne } from "react-i18next";
+import { SelectEmployeesPresentation as oe } from "./SelectEmployeesPresentation.js";
+import { useSelectEmployeesData as re } from "./useSelectEmployeesData.js";
+import { useBase as se } from "../../../Base/useBase.js";
+import { SDKInternalError as ae } from "../../../../types/sdkError.js";
+import { componentEvents as S } from "../../../../shared/constants.js";
+import { useI18n as ie } from "../../../../i18n/I18n.js";
+const ce = {
+  vacation: "Vacation Hours",
+  sick: "Sick Hours"
+};
+function R(a, l) {
+  if (!a) return;
+  const r = ce[l], n = a.eligiblePaidTimeOff?.find((f) => f.name === r)?.accrualBalance;
+  return n && n.length > 0 ? n : void 0;
+}
+function le(a, l) {
+  const r = {};
+  for (const m of a) {
+    const n = R(m, l);
+    n && (r[m.uuid] = n);
+  }
+  return r;
+}
+function we(a) {
+  return a.mode === "wizard" ? /* @__PURE__ */ g(F, { ...a, mode: "wizard" }) : /* @__PURE__ */ g(me, { ...a });
+}
+function me(a) {
+  const { data: l } = Z({
+    timeOffPolicyUuid: a.policyId
+  }), r = l.timeOffPolicy;
+  if (!r) throw new Error("Unexpected response: missing timeOffPolicy");
+  const m = y(() => {
+    const f = /* @__PURE__ */ new Set();
+    for (const i of r.employees)
+      i.uuid && f.add(i.uuid);
+    return f;
+  }, [r.employees]), n = y(() => {
+    const f = {};
+    for (const i of r.employees)
+      i.uuid && (f[i.uuid] = i.balance ?? "0");
+    return f;
+  }, [r.employees]);
+  return /* @__PURE__ */ g(
+    F,
+    {
+      ...a,
+      mode: "standalone",
+      originalUuids: m,
+      originalBalances: n
+    }
+  );
+}
+function F({
+  companyId: a,
+  policyId: l,
+  policyType: r,
+  mode: m = "standalone",
+  originalUuids: n,
+  originalBalances: f
+}) {
+  ie("Company.TimeOff.SelectEmployees");
+  const { t: i } = ne("Company.TimeOff.SelectEmployees"), { onEvent: d, baseSubmitHandler: P } = se(), _ = te(), {
+    filteredEmployees: C,
+    selectedUuids: c,
+    searchValue: L,
+    pagination: I,
+    isFetching: q,
+    handleSelect: w,
+    handleSelectAll: b,
+    handleSearchChange: N,
+    handleSearchClear: Y
+  } = re(a, n), p = $(/* @__PURE__ */ new Map()), x = u(
+    (e, t) => {
+      t ? p.current.set(e.uuid, e) : p.current.delete(e.uuid), w(e, t);
+    },
+    [w]
+  ), k = u(
+    (e, t) => {
+      for (const o of t)
+        e ? p.current.set(o.uuid, o) : p.current.delete(o.uuid);
+      b(e, t);
+    },
+    [b]
+  ), B = y(
+    () => le(C, r),
+    [C, r]
+  ), [h, z] = T({}), H = y(
+    () => ({ ...B, ...h }),
+    [B, h]
+  ), { mutateAsync: A } = J(), { mutateAsync: D, isPending: V } = X(), [W, v] = T(!1), j = u((e, t) => {
+    z((o) => ({ ...o, [e]: t }));
+  }, []), M = u(
+    (e) => e.map((t) => {
+      const o = h[t], s = R(
+        p.current.get(t),
+        r
+      ), O = o && o.length > 0 ? o : s;
+      return O ? { uuid: t, balance: O } : { uuid: t };
+    }),
+    [h, r]
+  ), E = u(
+    async (e, t) => {
+      await P({}, async () => {
+        if (t.length > 0)
+          try {
+            await D({
+              request: {
+                timeOffPolicyUuid: l,
+                requestBody: { employees: t.map((s) => ({ uuid: s })) }
+              }
+            });
+          } catch (s) {
+            if (s instanceof ee) {
+              const O = s.errors[0]?.message ?? "";
+              throw new ae(
+                i("errors.removeEmployeesFailed", { details: O }),
+                "api_error"
+              );
+            }
+            throw s;
+          }
+        let o;
+        e.length > 0 && (o = (await A({
+          request: {
+            timeOffPolicyUuid: l,
+            requestBody: { employees: M(e) }
+          }
+        })).timeOffPolicy), _.invalidateQueries({
+          queryKey: ["@gusto/embedded-api", "timeOffPolicies", "get"]
+        }), d(S.TIME_OFF_ADD_EMPLOYEES_DONE, o);
+      });
+    },
+    [
+      P,
+      D,
+      A,
+      M,
+      l,
+      _,
+      d,
+      i
+    ]
+  ), K = u(async () => {
+    if (m === "wizard") {
+      d(S.TIME_OFF_ADD_EMPLOYEES_DONE, {
+        employeeUuids: [...c]
+      });
+      return;
+    }
+    const e = n ?? /* @__PURE__ */ new Set(), t = [...c].filter((s) => !e.has(s)), o = [...e].filter((s) => !c.has(s));
+    if (t.length === 0 && o.length === 0) {
+      d(S.TIME_OFF_ADD_EMPLOYEES_DONE);
+      return;
+    }
+    if (o.length > 0) {
+      v(!0);
+      return;
+    }
+    await E(t, o);
+  }, [m, n, c, d, E]), Q = u(async () => {
+    const e = n ?? /* @__PURE__ */ new Set(), t = [...c].filter((s) => !e.has(s)), o = [...e].filter((s) => !c.has(s));
+    v(!1), await E(t, o);
+  }, [n, c, E]), G = y(() => {
+    if (!n) return 0;
+    let e = 0;
+    for (const t of n) c.has(t) || (e += 1);
+    return e;
+  }, [n, c]), U = u(() => {
+    d(S.CANCEL);
+  }, [d]);
+  return /* @__PURE__ */ g(
+    oe,
+    {
+      employees: C,
+      selectedUuids: c,
+      searchValue: L,
+      onSelect: x,
+      onSelectAll: k,
+      onSearchChange: N,
+      onSearchClear: Y,
+      onBack: U,
+      onContinue: K,
+      showReassignmentWarning: !0,
+      policyTypeLabel: i(`policyTypeLabel_${r}`),
+      balances: H,
+      onBalanceChange: j,
+      pagination: I,
+      isFetching: q,
+      originallyOnPolicyUuids: n,
+      originalBalances: f,
+      removeConfirmDialog: m === "standalone" ? {
+        isOpen: W,
+        count: G,
+        onConfirm: () => {
+          Q();
+        },
+        onClose: () => {
+          v(!1);
+        },
+        isPending: V
+      } : void 0
+    }
+  );
+}
+export {
+  we as SelectEmployeesTimeOff
+};
+//# sourceMappingURL=SelectEmployeesTimeOff.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEmployeesTimeOff.js","sources":["../../../../../src/components/TimeOff/TimeOffManagement/SelectEmployees/SelectEmployeesTimeOff.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport { useTimeOffPoliciesAddEmployeesMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesAddEmployees'\nimport { useTimeOffPoliciesRemoveEmployeesMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesRemoveEmployees'\nimport { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api/react-query/timeOffPoliciesGet'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport type { CreatableTimeOffPolicyType } from '../../TimeOffFlow/timeOffPolicyTypes'\nimport { SelectEmployeesPresentation } from './SelectEmployeesPresentation'\nimport { useSelectEmployeesData } from './useSelectEmployeesData'\nimport type { EmployeeItem } from './SelectEmployeesPresentationTypes'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\ninterface SelectEmployeesTimeOffProps {\n  companyId: string\n  policyId: string\n  policyType: CreatableTimeOffPolicyType\n  mode?: 'standalone' | 'wizard'\n}\n\nconst PAID_TIME_OFF_NAME_BY_POLICY_TYPE: Record<CreatableTimeOffPolicyType, string> = {\n  vacation: 'Vacation Hours',\n  sick: 'Sick Hours',\n}\n\nfunction extractCarryOverBalance(\n  employee: EmployeeItem | undefined,\n  policyType: CreatableTimeOffPolicyType,\n): string | undefined {\n  if (!employee) return undefined\n  const targetName = PAID_TIME_OFF_NAME_BY_POLICY_TYPE[policyType]\n  const matching = employee.eligiblePaidTimeOff?.find(pto => pto.name === targetName)\n  const balance = matching?.accrualBalance\n  return balance && balance.length > 0 ? balance : undefined\n}\n\nfunction deriveCarryOverBalances(\n  employees: EmployeeItem[],\n  policyType: CreatableTimeOffPolicyType,\n): Record<string, string> {\n  const map: Record<string, string> = {}\n  for (const employee of employees) {\n    const balance = extractCarryOverBalance(employee, policyType)\n    if (balance) {\n      map[employee.uuid] = balance\n    }\n  }\n  return map\n}\n\nexport function SelectEmployeesTimeOff(props: SelectEmployeesTimeOffProps) {\n  if (props.mode === 'wizard') {\n    return <SelectEmployeesTimeOffInner {...props} mode=\"wizard\" />\n  }\n  return <StandaloneLoader {...props} />\n}\n\nfunction StandaloneLoader(props: SelectEmployeesTimeOffProps) {\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: props.policyId,\n  })\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\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  const originalBalances = useMemo(() => {\n    const map: Record<string, string> = {}\n    for (const e of policy.employees) {\n      if (e.uuid) map[e.uuid] = e.balance ?? '0'\n    }\n    return map\n  }, [policy.employees])\n\n  return (\n    <SelectEmployeesTimeOffInner\n      {...props}\n      mode=\"standalone\"\n      originalUuids={originalUuids}\n      originalBalances={originalBalances}\n    />\n  )\n}\n\ninterface InnerProps extends SelectEmployeesTimeOffProps {\n  originalUuids?: Set<string>\n  originalBalances?: Record<string, string>\n}\n\nfunction SelectEmployeesTimeOffInner({\n  companyId,\n  policyId,\n  policyType,\n  mode = 'standalone',\n  originalUuids,\n  originalBalances,\n}: InnerProps) {\n  useI18n('Company.TimeOff.SelectEmployees')\n  const { t } = useTranslation('Company.TimeOff.SelectEmployees')\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  // Captures the full Employee record at the moment a row is selected so\n  // their carry-over balance is still available at submit time even if the\n  // user has since searched/paginated the row out of view. Without this,\n  // `selectedUuids` would point at UUIDs we no longer have data for.\n  const selectedEmployeesRef = useRef(new Map<string, EmployeeItem>())\n\n  const handleSelectWithCapture = useCallback(\n    (item: EmployeeItem, checked: boolean) => {\n      if (checked) {\n        selectedEmployeesRef.current.set(item.uuid, item)\n      } else {\n        selectedEmployeesRef.current.delete(item.uuid)\n      }\n      handleSelect(item, checked)\n    },\n    [handleSelect],\n  )\n\n  const handleSelectAllWithCapture = useCallback(\n    (checked: boolean, visibleItems: EmployeeItem[]) => {\n      for (const item of visibleItems) {\n        if (checked) {\n          selectedEmployeesRef.current.set(item.uuid, item)\n        } else {\n          selectedEmployeesRef.current.delete(item.uuid)\n        }\n      }\n      handleSelectAll(checked, visibleItems)\n    },\n    [handleSelectAll],\n  )\n\n  const carryOverBalances = useMemo(\n    () => deriveCarryOverBalances(filteredEmployees, policyType),\n    [filteredEmployees, policyType],\n  )\n\n  const [balances, setBalances] = useState<Record<string, string>>({})\n\n  const effectiveBalances = useMemo<Record<string, string>>(\n    () => ({ ...carryOverBalances, ...balances }),\n    [carryOverBalances, balances],\n  )\n\n  const { mutateAsync: addEmployees } = useTimeOffPoliciesAddEmployeesMutation()\n  const { mutateAsync: removeEmployees, isPending: isRemovePending } =\n    useTimeOffPoliciesRemoveEmployeesMutation()\n\n  const [confirmRemoveOpen, setConfirmRemoveOpen] = useState(false)\n\n  const handleBalanceChange = useCallback((uuid: string, value: string) => {\n    setBalances(prev => ({ ...prev, [uuid]: value }))\n  }, [])\n\n  const buildAddPayload = useCallback(\n    (uuids: string[]) =>\n      uuids.map(uuid => {\n        const userValue = balances[uuid]\n        const carryOver = extractCarryOverBalance(\n          selectedEmployeesRef.current.get(uuid),\n          policyType,\n        )\n        // Per design review: do not zero out balances accidentally.\n        // Prefer user input → fall back to carry-over → omit `balance`\n        // entirely (backend defaults the row to 0) when neither is set.\n        const balance = userValue && userValue.length > 0 ? userValue : carryOver\n        return balance ? { uuid, balance } : { uuid }\n      }),\n    [balances, policyType],\n  )\n\n  const submitDiff = useCallback(\n    async (toAdd: string[], toRemove: string[]) => {\n      await baseSubmitHandler({}, async () => {\n        if (toRemove.length > 0) {\n          try {\n            await removeEmployees({\n              request: {\n                timeOffPolicyUuid: policyId,\n                requestBody: { employees: toRemove.map(uuid => ({ uuid })) },\n              },\n            })\n          } catch (err) {\n            if (err instanceof UnprocessableEntityErrorObject) {\n              const apiMessage = err.errors[0]?.message ?? ''\n              throw new SDKInternalError(\n                t('errors.removeEmployeesFailed', { details: apiMessage }),\n                'api_error',\n              )\n            }\n            throw err\n          }\n        }\n        let policyResult: unknown\n        if (toAdd.length > 0) {\n          const response = await addEmployees({\n            request: {\n              timeOffPolicyUuid: policyId,\n              requestBody: { employees: buildAddPayload(toAdd) },\n            },\n          })\n          policyResult = response.timeOffPolicy\n        }\n        void queryClient.invalidateQueries({\n          queryKey: ['@gusto/embedded-api', 'timeOffPolicies', 'get'],\n        })\n        onEvent(componentEvents.TIME_OFF_ADD_EMPLOYEES_DONE, policyResult)\n      })\n    },\n    [\n      baseSubmitHandler,\n      removeEmployees,\n      addEmployees,\n      buildAddPayload,\n      policyId,\n      queryClient,\n      onEvent,\n      t,\n    ],\n  )\n\n  const handleContinue = useCallback(async () => {\n    if (mode === 'wizard') {\n      onEvent(componentEvents.TIME_OFF_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_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={handleSelectWithCapture}\n      onSelectAll={handleSelectAllWithCapture}\n      onSearchChange={handleSearchChange}\n      onSearchClear={handleSearchClear}\n      onBack={handleBack}\n      onContinue={handleContinue}\n      showReassignmentWarning\n      policyTypeLabel={t(`policyTypeLabel_${policyType}`)}\n      balances={effectiveBalances}\n      onBalanceChange={handleBalanceChange}\n      pagination={pagination}\n      isFetching={isFetching}\n      originallyOnPolicyUuids={originalUuids}\n      originalBalances={originalBalances}\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":["PAID_TIME_OFF_NAME_BY_POLICY_TYPE","extractCarryOverBalance","employee","policyType","targetName","balance","pto","deriveCarryOverBalances","employees","map","SelectEmployeesTimeOff","props","jsx","SelectEmployeesTimeOffInner","StandaloneLoader","policyResponse","useTimeOffPoliciesGetSuspense","policy","originalUuids","useMemo","set","e","originalBalances","companyId","policyId","mode","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","filteredEmployees","selectedUuids","searchValue","pagination","isFetching","handleSelect","handleSelectAll","handleSearchChange","handleSearchClear","useSelectEmployeesData","selectedEmployeesRef","useRef","handleSelectWithCapture","useCallback","item","checked","handleSelectAllWithCapture","visibleItems","carryOverBalances","balances","setBalances","useState","effectiveBalances","addEmployees","useTimeOffPoliciesAddEmployeesMutation","removeEmployees","isRemovePending","useTimeOffPoliciesRemoveEmployeesMutation","confirmRemoveOpen","setConfirmRemoveOpen","handleBalanceChange","uuid","value","prev","buildAddPayload","uuids","userValue","carryOver","submitDiff","toAdd","toRemove","err","UnprocessableEntityErrorObject","apiMessage","SDKInternalError","policyResult","componentEvents","handleContinue","original","handleConfirmRemove","removeCount","count","handleBack","SelectEmployeesPresentation"],"mappings":"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"}

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

@@ -0,0 +1,12 @@
+import { EmployeeItem } from './SelectEmployeesPresentationTypes';
+export declare function useSelectEmployeesData(companyId: string, initialSelectedUuids?: Set<string>): {
+    filteredEmployees: EmployeeItem[];
+    selectedUuids: Set<string>;
+    searchValue: string;
+    pagination: Required<Pick<import('../../../..').PaginationControlProps, "totalCount" | "itemsPerPage">> & Omit<import('../../../..').PaginationControlProps, "totalCount" | "itemsPerPage">;
+    isFetching: boolean;
+    handleSelect: (item: EmployeeItem, checked: boolean) => void;
+    handleSelectAll: (checked: boolean, visibleItems: EmployeeItem[]) => void;
+    handleSearchChange: (value: string) => void;
+    handleSearchClear: () => void;
+};

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

@@ -0,0 +1,64 @@
+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,
+    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;
+    });
+  }, []), T = l(
+    (e) => {
+      u(e), a();
+    },
+    [a]
+  ), V = l(() => {
+    u(""), a();
+  }, [a]);
+  return {
+    filteredEmployees: w,
+    selectedUuids: y,
+    searchValue: d,
+    pagination: E,
+    isFetching: r,
+    handleSelect: C,
+    handleSelectAll: N,
+    handleSearchChange: T,
+    handleSearchClear: V
+  };
+}
+export {
+  F as useSelectEmployeesData
+};
+//# sourceMappingURL=useSelectEmployeesData.js.map

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

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

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

@@ -0,0 +1,9 @@
+export interface EditEmployeeBalanceModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    employeeName: string;
+    currentBalance: number;
+    onConfirm: (newBalance: number) => void;
+    isPending: boolean;
+}
+export declare function EditEmployeeBalanceModal({ isOpen, onClose, employeeName, currentBalance, onConfirm, isPending, }: EditEmployeeBalanceModalProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,56 @@
+import { jsx as a, jsxs as r } from "react/jsx-runtime";
+import { useState as y, useEffect as C } from "react";
+import { useTranslation as b } from "react-i18next";
+import { Flex as x } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { ActionsLayout as D } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as M } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as g } from "../../../i18n/I18n.js";
+function A({
+  isOpen: c,
+  onClose: o,
+  employeeName: s,
+  currentBalance: e,
+  onConfirm: d,
+  isPending: t
+}) {
+  g("Company.TimeOff.TimeOffPolicyDetails");
+  const { t: i } = b("Company.TimeOff.TimeOffPolicyDetails"), { Modal: f, Heading: p, NumberInput: u, Button: n } = M(), [l, m] = y(e);
+  C(() => {
+    m(e);
+  }, [e]);
+  const h = () => {
+    d(l);
+  };
+  return /* @__PURE__ */ a(
+    f,
+    {
+      isOpen: c,
+      onClose: o,
+      footer: /* @__PURE__ */ r(D, { children: [
+        /* @__PURE__ */ a(n, { variant: "secondary", onClick: o, isDisabled: t, children: i("editBalanceModal.cancelCta") }),
+        /* @__PURE__ */ a(n, { variant: "primary", onClick: h, isLoading: t, children: i("editBalanceModal.updateCta") })
+      ] }),
+      children: /* @__PURE__ */ r(x, { flexDirection: "column", gap: 16, children: [
+        /* @__PURE__ */ a(p, { as: "h3", styledAs: "h3", children: i("editBalanceModal.title", { name: s }) }),
+        /* @__PURE__ */ a(
+          u,
+          {
+            name: "balance",
+            label: i("editBalanceModal.balanceLabel"),
+            value: l,
+            onChange: m,
+            minimumFractionDigits: 1,
+            maximumFractionDigits: 2,
+            min: 0
+          }
+        )
+      ] })
+    }
+  );
+}
+export {
+  A as EditEmployeeBalanceModal
+};
+//# sourceMappingURL=EditEmployeeBalanceModal.js.map

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

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

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

@@ -0,0 +1,5 @@
+import { BaseComponentInterface } from '../../Base';
+export interface TimeOffPolicyDetailProps extends BaseComponentInterface {
+    policyId: string;
+}
+export declare function TimeOffPolicyDetail(props: TimeOffPolicyDetailProps): import("react/jsx-runtime").JSX.Element;