@gusto/embedded-react-sdk 0.43.0 → 0.44.1

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;

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeOffPolicyDetail.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

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

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

@@ -0,0 +1,143 @@
+import { jsx as i, jsxs as W } from "react/jsx-runtime";
+import { useMemo as P } from "react";
+import { useTranslation as O } from "react-i18next";
+import d from "./TimeOffPolicyDetail.module.scss.js";
+import { Flex as w } from "../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { useComponentContext as b } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as M } from "../../../i18n/I18n.js";
+import { PolicyDetailLayout as A } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
+const k = "details";
+function E({
+  title: e,
+  subtitle: a,
+  onBack: c,
+  backLabel: r,
+  actions: u,
+  policyDetails: o,
+  policySettings: s,
+  onChangeSettings: l,
+  selectedTabId: m,
+  onTabChange: x,
+  employees: n,
+  removeDialog: f,
+  successAlert: h,
+  onDismissAlert: p
+}) {
+  M("Company.TimeOff.TimeOffPolicyDetails");
+  const { t } = O("Company.TimeOff.TimeOffPolicyDetails"), { Text: T } = b(), H = o.accrualMethod === "unlimited", C = P(
+    () => H ? [] : [
+      {
+        key: "balance",
+        title: t("employeeTable.balance"),
+        render: (L) => /* @__PURE__ */ i(T, { as: "span", children: L.balance ?? "-" })
+      }
+    ],
+    [t, H, T]
+  ), v = /* @__PURE__ */ i(
+    y,
+    {
+      policyDetails: o,
+      policySettings: s,
+      onChangeSettings: l
+    }
+  );
+  return /* @__PURE__ */ i(
+    A,
+    {
+      title: e,
+      subtitle: a,
+      onBack: c,
+      backLabel: r,
+      actions: u,
+      firstTab: {
+        id: k,
+        label: t("tabs.policyDetails"),
+        content: v
+      },
+      selectedTabId: m,
+      onTabChange: x,
+      employees: {
+        ...n,
+        additionalColumns: C,
+        hideJobTitle: !0
+      },
+      removeDialog: f,
+      successAlert: h,
+      onDismissAlert: p
+    }
+  );
+}
+function y({
+  policyDetails: e,
+  policySettings: a,
+  onChangeSettings: c
+}) {
+  M("Company.TimeOff.TimeOffPolicyDetails");
+  const { t: r } = O("Company.TimeOff.TimeOffPolicyDetails"), { Box: u, BoxHeader: o, DescriptionList: s, Button: l } = b(), m = e.accrualMethod === "unlimited", n = e.accrualMethod === "perHourWorked" || e.accrualMethod === "perHourWorkedNoOvertime" || e.accrualMethod === "perHourPaid" || e.accrualMethod === "perHourPaidNoOvertime" || e.accrualMethod === "perPayPeriod", f = P(() => {
+    const t = [
+      {
+        term: r("accrualMethod.label"),
+        description: r(`accrualMethod.${e.accrualMethod}`)
+      }
+    ];
+    return e.accrualMethod !== "unlimited" && (t.push({
+      term: r("accrualRate.label"),
+      description: r(`accrualRate.${e.accrualMethod}`, {
+        accrualRate: e.accrualRate,
+        accrualRateUnit: e.accrualRateUnit
+      })
+    }), e.resetDate && t.push({
+      term: r("resetDate"),
+      description: e.resetDate
+    })), t;
+  }, [e, r]), h = P(() => {
+    if (!a) return [];
+    const t = [];
+    return n && t.push({
+      term: r("maxAccrualHoursPerYear.label"),
+      description: a.maxAccrualHoursPerYear != null ? r("maxAccrualHoursPerYear.withMaximum", {
+        count: a.maxAccrualHoursPerYear
+      }) : r("maxAccrualHoursPerYear.noMaximum")
+    }), t.push(
+      {
+        term: r("maxHours.label"),
+        description: a.maxHours != null ? r("maxHours.withMaximum", { count: a.maxHours }) : r("maxHours.noMaximum")
+      },
+      {
+        term: r("carryoverLimitHours.label"),
+        description: a.carryoverLimitHours != null ? r("carryoverLimitHours.withLimit", { count: a.carryoverLimitHours }) : r("carryoverLimitHours.noLimit")
+      }
+    ), n && t.push({
+      term: r("accrualWaitingPeriodDays.label"),
+      description: a.accrualWaitingPeriodDays != null ? r("accrualWaitingPeriodDays.withPeriod", {
+        count: a.accrualWaitingPeriodDays
+      }) : r("accrualWaitingPeriodDays.noPeriod")
+    }), t.push({
+      term: r("paidOutOnTermination.label"),
+      description: a.paidOutOnTermination ? r("paidOutOnTermination.yes") : r("paidOutOnTermination.no")
+    }), t;
+  }, [a, r, n]), p = m ? `${d.descriptionCard} ${d.descriptionCardUnlimited}` : d.descriptionCard;
+  return /* @__PURE__ */ W(w, { flexDirection: "column", gap: 20, children: [
+    /* @__PURE__ */ i("div", { className: p, children: /* @__PURE__ */ i(u, { header: /* @__PURE__ */ i(o, { title: r("details") }), withPadding: !0, children: /* @__PURE__ */ i(s, { items: f, showSeparators: !1, layout: "stacked" }) }) }),
+    !m && a && /* @__PURE__ */ i("div", { className: d.descriptionCard, children: /* @__PURE__ */ i(
+      u,
+      {
+        header: /* @__PURE__ */ i(
+          o,
+          {
+            title: r("policySettingsTitle"),
+            action: c && /* @__PURE__ */ i(l, { variant: "secondary", onClick: c, children: r("changeSettingsCta") })
+          }
+        ),
+        withPadding: !0,
+        children: /* @__PURE__ */ i(s, { items: h, showSeparators: !1, layout: "stacked" })
+      }
+    ) })
+  ] });
+}
+export {
+  E as TimeOffPolicyDetailPresentation
+};
+//# sourceMappingURL=TimeOffPolicyDetailPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimeOffPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/TimeOffPolicyDetail/TimeOffPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type {\n  TimeOffPolicyDetailPresentationProps,\n  TimeOffPolicyDetailEmployee,\n  PolicyDetails,\n  PolicySettingsDisplay,\n} from './TimeOffPolicyDetailTypes'\nimport styles from './TimeOffPolicyDetail.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst DETAILS_TAB_ID = 'details'\n\nexport function TimeOffPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n  selectedTabId,\n  onTabChange,\n  employees,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: TimeOffPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Text } = useComponentContext()\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n\n  const balanceColumn = useMemo(\n    () =>\n      isUnlimited\n        ? []\n        : [\n            {\n              key: 'balance' as keyof TimeOffPolicyDetailEmployee,\n              title: t('employeeTable.balance'),\n              render: (item: TimeOffPolicyDetailEmployee) => (\n                <Text as=\"span\">{item.balance ?? '-'}</Text>\n              ),\n            },\n          ],\n    [t, isUnlimited, Text],\n  )\n\n  const detailsTabContent = (\n    <DetailsTab\n      policyDetails={policyDetails}\n      policySettings={policySettings}\n      onChangeSettings={onChangeSettings}\n    />\n  )\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: DETAILS_TAB_ID,\n        label: t('tabs.policyDetails'),\n        content: detailsTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={{\n        ...employees,\n        additionalColumns: balanceColumn,\n        hideJobTitle: true,\n      }}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction DetailsTab({\n  policyDetails,\n  policySettings,\n  onChangeSettings,\n}: {\n  policyDetails: PolicyDetails\n  policySettings?: PolicySettingsDisplay\n  onChangeSettings?: () => void\n}) {\n  useI18n('Company.TimeOff.TimeOffPolicyDetails')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicyDetails')\n  const { Box, BoxHeader, DescriptionList, Button } = useComponentContext()\n\n  const isUnlimited = policyDetails.accrualMethod === 'unlimited'\n  const isHoursWorked =\n    policyDetails.accrualMethod === 'perHourWorked' ||\n    policyDetails.accrualMethod === 'perHourWorkedNoOvertime' ||\n    policyDetails.accrualMethod === 'perHourPaid' ||\n    policyDetails.accrualMethod === 'perHourPaidNoOvertime'\n  const showAccrualMaxAndWaiting = isHoursWorked || policyDetails.accrualMethod === 'perPayPeriod'\n\n  const detailItems = useMemo(() => {\n    const items: { term: string; description: string }[] = [\n      {\n        term: t('accrualMethod.label'),\n        description: t(`accrualMethod.${policyDetails.accrualMethod}`),\n      },\n    ]\n\n    if (policyDetails.accrualMethod !== 'unlimited') {\n      items.push({\n        term: t('accrualRate.label'),\n        description: t(`accrualRate.${policyDetails.accrualMethod}`, {\n          accrualRate: policyDetails.accrualRate,\n          accrualRateUnit: policyDetails.accrualRateUnit,\n        }),\n      })\n\n      if (policyDetails.resetDate) {\n        items.push({\n          term: t('resetDate'),\n          description: policyDetails.resetDate,\n        })\n      }\n    }\n\n    return items\n  }, [policyDetails, t])\n\n  const settingsItems = useMemo(() => {\n    if (!policySettings) return []\n\n    const items: { term: string; description: string }[] = []\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('maxAccrualHoursPerYear.label'),\n        description:\n          policySettings.maxAccrualHoursPerYear != null\n            ? t('maxAccrualHoursPerYear.withMaximum', {\n                count: policySettings.maxAccrualHoursPerYear,\n              })\n            : t('maxAccrualHoursPerYear.noMaximum'),\n      })\n    }\n\n    items.push(\n      {\n        term: t('maxHours.label'),\n        description:\n          policySettings.maxHours != null\n            ? t('maxHours.withMaximum', { count: policySettings.maxHours })\n            : t('maxHours.noMaximum'),\n      },\n      {\n        term: t('carryoverLimitHours.label'),\n        description:\n          policySettings.carryoverLimitHours != null\n            ? t('carryoverLimitHours.withLimit', { count: policySettings.carryoverLimitHours })\n            : t('carryoverLimitHours.noLimit'),\n      },\n    )\n\n    if (showAccrualMaxAndWaiting) {\n      items.push({\n        term: t('accrualWaitingPeriodDays.label'),\n        description:\n          policySettings.accrualWaitingPeriodDays != null\n            ? t('accrualWaitingPeriodDays.withPeriod', {\n                count: policySettings.accrualWaitingPeriodDays,\n              })\n            : t('accrualWaitingPeriodDays.noPeriod'),\n      })\n    }\n\n    items.push({\n      term: t('paidOutOnTermination.label'),\n      description: policySettings.paidOutOnTermination\n        ? t('paidOutOnTermination.yes')\n        : t('paidOutOnTermination.no'),\n    })\n\n    return items\n  }, [policySettings, t, showAccrualMaxAndWaiting])\n\n  const detailsCardClassName = isUnlimited\n    ? `${styles.descriptionCard} ${styles.descriptionCardUnlimited}`\n    : styles.descriptionCard\n\n  return (\n    <Flex flexDirection=\"column\" gap={20}>\n      <div className={detailsCardClassName}>\n        <Box header={<BoxHeader title={t('details')} />} withPadding>\n          <DescriptionList items={detailItems} showSeparators={false} layout=\"stacked\" />\n        </Box>\n      </div>\n\n      {!isUnlimited && policySettings && (\n        <div className={styles.descriptionCard}>\n          <Box\n            header={\n              <BoxHeader\n                title={t('policySettingsTitle')}\n                action={\n                  onChangeSettings && (\n                    <Button variant=\"secondary\" onClick={onChangeSettings}>\n                      {t('changeSettingsCta')}\n                    </Button>\n                  )\n                }\n              />\n            }\n            withPadding\n          >\n            <DescriptionList items={settingsItems} showSeparators={false} layout=\"stacked\" />\n          </Box>\n        </div>\n      )}\n    </Flex>\n  )\n}\n"],"names":["DETAILS_TAB_ID","TimeOffPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","policyDetails","policySettings","onChangeSettings","selectedTabId","onTabChange","employees","removeDialog","successAlert","onDismissAlert","useI18n","useTranslation","Text","useComponentContext","isUnlimited","balanceColumn","useMemo","item","jsx","detailsTabContent","DetailsTab","PolicyDetailLayout","t","Box","BoxHeader","DescriptionList","Button","showAccrualMaxAndWaiting","detailItems","items","settingsItems","detailsCardClassName","styles","jsxs","Flex"],"mappings":"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"}