@gusto/embedded-react-sdk 0.55.7 → 0.55.8

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js

@@ -1,12 +1,12 @@
 import { jsx as r } from "react/jsx-runtime";
-import { useMemo as D } from "react";
+import { useMemo as T } from "react";
 import { useTranslation as n } from "react-i18next";
 import { useI18n as l } from "../../../i18n/I18n.js";
-import { PolicyDetailLayout as T } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
-import { useDataView as O } from "../../Common/DataView/useDataView.js";
-import { DataView as P } from "../../Common/DataView/DataView.js";
-const v = "holidays";
-function A({
+import { PolicyDetailLayout as O } from "../shared/PolicyDetailLayout/PolicyDetailLayout.js";
+import { useDataView as P } from "../../Common/DataView/useDataView.js";
+import { DataView as v } from "../../Common/DataView/DataView.js";
+const x = "holidays";
+function _({
   title: t,
   subtitle: e,
   onBack: a,
@@ -19,12 +19,13 @@ function A({
   onAddEmployee: f,
   removeDialog: b,
   successAlert: c,
-  onDismissAlert: p
+  onDismissAlert: p,
+  className: u
 }) {
   l("Company.TimeOff.HolidayPolicy");
-  const { t: u } = n("Company.TimeOff.HolidayPolicy"), H = /* @__PURE__ */ r(x, { holidays: s });
+  const { t: H } = n("Company.TimeOff.HolidayPolicy"), D = /* @__PURE__ */ r(C, { holidays: s });
   return /* @__PURE__ */ r(
-    T,
+    O,
     {
       title: t,
       subtitle: e,
@@ -32,9 +33,9 @@ function A({
       backLabel: i,
       actions: o,
       firstTab: {
-        id: v,
-        label: u("tabs.holidays"),
-        content: H
+        id: x,
+        label: H("tabs.holidays"),
+        content: D
       },
       selectedTabId: m,
       onTabChange: y,
@@ -42,13 +43,14 @@ function A({
       onAddEmployee: f,
       removeDialog: b,
       successAlert: c,
-      onDismissAlert: p
+      onDismissAlert: p,
+      className: u
     }
   );
 }
-function x({ holidays: t }) {
+function C({ holidays: t }) {
   l("Company.TimeOff.HolidayPolicy");
-  const { t: e } = n("Company.TimeOff.HolidayPolicy"), a = D(
+  const { t: e } = n("Company.TimeOff.HolidayPolicy"), a = T(
     () => [
       {
         key: "name",
@@ -67,13 +69,13 @@ function x({ holidays: t }) {
       }
     ],
     [e]
-  ), i = O({
+  ), i = P({
     data: t,
     columns: a
   });
-  return /* @__PURE__ */ r(P, { label: e("tableLabel"), ...i });
+  return /* @__PURE__ */ r(v, { label: e("tableLabel"), ...i });
 }
 export {
-  A as HolidayPolicyDetailPresentation
+  _ as HolidayPolicyDetailPresentation
 };
 //# sourceMappingURL=HolidayPolicyDetailPresentation.js.map

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\n/** @internal */\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;AAQA,MAAMA,IAAkB;AAGjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAb,EAAA,CAAoB;AAE5D,SACE,gBAAAY;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAAnB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOgB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAV;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAb,KAAyC;AAC9D,EAAAQ,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMnB;AAAA,IACN,SAAAe;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}
+{"version":3,"file":"HolidayPolicyDetailPresentation.js","sources":["../../../../src/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetailPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { HolidayItem } from '../HolidaySelectionForm/HolidaySelectionFormTypes'\nimport { PolicyDetailLayout } from '../shared/PolicyDetailLayout'\nimport type { HolidayPolicyDetailPresentationProps } from './HolidayPolicyDetailTypes'\nimport { DataView, useDataView } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\nconst HOLIDAYS_TAB_ID = 'holidays'\n\n/** @internal */\nexport function HolidayPolicyDetailPresentation({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  holidays,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n  className,\n}: HolidayPolicyDetailPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const holidaysTabContent = <HolidaysTab holidays={holidays} />\n\n  return (\n    <PolicyDetailLayout\n      title={title}\n      subtitle={subtitle}\n      onBack={onBack}\n      backLabel={backLabel}\n      actions={actions}\n      firstTab={{\n        id: HOLIDAYS_TAB_ID,\n        label: t('tabs.holidays'),\n        content: holidaysTabContent,\n      }}\n      selectedTabId={selectedTabId}\n      onTabChange={onTabChange}\n      employees={employees}\n      onAddEmployee={onAddEmployee}\n      removeDialog={removeDialog}\n      successAlert={successAlert}\n      onDismissAlert={onDismissAlert}\n      className={className}\n    />\n  )\n}\n\nfunction HolidaysTab({ holidays }: { holidays: HolidayItem[] }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n  })\n\n  return <DataView label={t('tableLabel')} {...dataViewProps} />\n}\n"],"names":["HOLIDAYS_TAB_ID","HolidayPolicyDetailPresentation","title","subtitle","onBack","backLabel","actions","holidays","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","className","useI18n","t","useTranslation","holidaysTabContent","jsx","HolidaysTab","PolicyDetailLayout","columns","useMemo","item","dataViewProps","useDataView","DataView"],"mappings":";;;;;;;AAQA,MAAMA,IAAkB;AAGjB,SAASC,EAAgC;AAAA,EAC9C,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAyC;AACvC,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDC,IAAqB,gBAAAC,EAACC,GAAA,EAAY,UAAAd,EAAA,CAAoB;AAE5D,SACE,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAApB;AAAA,MACA,UAAAC;AAAA,MACA,QAAAC;AAAA,MACA,WAAAC;AAAA,MACA,SAAAC;AAAA,MACA,UAAU;AAAA,QACR,IAAIN;AAAA,QACJ,OAAOiB,EAAE,eAAe;AAAA,QACxB,SAASE;AAAA,MAAA;AAAA,MAEX,eAAAX;AAAA,MACA,aAAAC;AAAA,MACA,WAAAC;AAAA,MACA,eAAAC;AAAA,MACA,cAAAC;AAAA,MACA,cAAAC;AAAA,MACA,gBAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASM,EAAY,EAAE,UAAAd,KAAyC;AAC9D,EAAAS,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GAEtDK,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOP,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAOR,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACQ,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAACR,CAAC;AAAA,EAAA,GAGES,IAAgBC,EAAyB;AAAA,IAC7C,MAAMpB;AAAA,IACN,SAAAgB;AAAA,EAAA,CACD;AAED,2BAAQK,GAAA,EAAS,OAAOX,EAAE,YAAY,GAAI,GAAGS,GAAe;AAC9D;"}

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.js

@@ -1,99 +1,100 @@
 import { jsx as u } from "react/jsx-runtime";
 import { useMemo as C, useCallback as r, useState as b } from "react";
-import { useTranslation as A } from "react-i18next";
-import { useQueryClient as O } from "@tanstack/react-query";
+import { useTranslation as O } from "react-i18next";
+import { useQueryClient as _ } from "@tanstack/react-query";
 import { useHolidayPayPoliciesCreateMutation as k } from "@gusto/embedded-api/react-query/holidayPayPoliciesCreate";
-import { useHolidayPayPoliciesGetSuspense as N, invalidateAllHolidayPayPoliciesGet as _, queryKeyHolidayPayPoliciesGet as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { useHolidayPayPoliciesUpdateMutation as M } from "@gusto/embedded-api/react-query/holidayPayPoliciesUpdate";
-import { getDefaultHolidayItems as w, FEDERAL_HOLIDAY_KEYS as T, buildFederalHolidaysPayload as U } from "../shared/holidayHelpers.js";
+import { useHolidayPayPoliciesGetSuspense as x, invalidateAllHolidayPayPoliciesGet as w, queryKeyHolidayPayPoliciesGet as M } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { useHolidayPayPoliciesUpdateMutation as R } from "@gusto/embedded-api/react-query/holidayPayPoliciesUpdate";
+import { getDefaultHolidayItems as N, FEDERAL_HOLIDAY_KEYS as T, buildFederalHolidaysPayload as U } from "../shared/holidayHelpers.js";
 import { HolidaySelectionFormPresentation as v } from "./HolidaySelectionFormPresentation.js";
-import { BaseComponent as R } from "../../Base/Base.js";
+import { BaseComponent as Y } from "../../Base/Base.js";
 import { useBase as D } from "../../Base/useBase.js";
 import { componentEvents as S } from "../../../shared/constants.js";
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { useLocale as L } from "../../../contexts/LocaleProvider/useLocale.js";
-function ae(e) {
-  return /* @__PURE__ */ u(R, { ...e, children: e.mode === "edit" ? /* @__PURE__ */ u(G, { companyId: e.companyId }) : /* @__PURE__ */ u(Y, { companyId: e.companyId }) });
+function le(e) {
+  return /* @__PURE__ */ u(Y, { ...e, children: e.mode === "edit" ? /* @__PURE__ */ u(K, { companyId: e.companyId, className: e.className }) : /* @__PURE__ */ u(G, { companyId: e.companyId, className: e.className }) });
 }
 function g(e) {
-  const [l, o] = b(e), i = r((n, c) => {
-    o((a) => {
-      const t = new Set(a);
-      return c ? t.add(n.uuid) : t.delete(n.uuid), t;
+  const [s, n] = b(e), o = r((a, i) => {
+    n((d) => {
+      const t = new Set(d);
+      return i ? t.add(a.uuid) : t.delete(a.uuid), t;
     });
-  }, []), s = r((n, c) => {
-    o((a) => {
-      const t = new Set(a);
-      for (const d of c)
-        n ? t.add(d.uuid) : t.delete(d.uuid);
+  }, []), c = r((a, i) => {
+    n((d) => {
+      const t = new Set(d);
+      for (const l of i)
+        a ? t.add(l.uuid) : t.delete(l.uuid);
       return t;
     });
   }, []);
-  return { selectedUuids: l, handleSelectionChange: i, handleSelectAll: s };
+  return { selectedUuids: s, handleSelectionChange: o, handleSelectAll: c };
 }
-function F(e, l, o) {
-  o && e.setQueryData(
-    x(l, {}),
-    (i) => i ? { ...i, holidayPayPolicy: o } : void 0
+function F(e, s, n) {
+  n && e.setQueryData(
+    M(s, {}),
+    (o) => o ? { ...o, holidayPayPolicy: n } : void 0
   );
 }
-function Y({ companyId: e }) {
+function G({ companyId: e, className: s }) {
   I("Company.TimeOff.HolidayPolicy");
-  const { t: l } = A("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: i } = D(), { locale: s } = L(), n = O(), c = C(() => w(l, void 0, s), [l, s]), a = C(() => new Set(T), []), { selectedUuids: t, handleSelectionChange: d, handleSelectAll: y } = g(a), { mutateAsync: m, isPending: H } = k(), f = r(async () => {
-    await i({}, async () => {
+  const { t: n } = O("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: c } = D(), { locale: a } = L(), i = _(), d = C(() => N(n, void 0, a), [n, a]), t = C(() => new Set(T), []), { selectedUuids: l, handleSelectionChange: H, handleSelectAll: y } = g(t), { mutateAsync: m, isPending: h } = k(), f = r(async () => {
+    await c({}, async () => {
       const p = await m({
         request: {
           companyUuid: e,
           holidayPayPolicyRequest: {
-            federalHolidays: U(t)
+            federalHolidays: U(l)
           }
         }
       });
-      F(n, e, p.holidayPayPolicy), await _(n), o(S.TIME_OFF_HOLIDAY_SELECTION_DONE);
+      F(i, e, p.holidayPayPolicy), await w(i), o(S.TIME_OFF_HOLIDAY_SELECTION_DONE);
     });
-  }, [i, m, e, t, n, o]), h = r(() => {
+  }, [c, m, e, l, i, o]), E = r(() => {
     o(S.CANCEL);
   }, [o]);
   return /* @__PURE__ */ u(
     v,
     {
-      holidays: c,
-      selectedHolidayUuids: t,
-      onSelectionChange: d,
+      holidays: d,
+      selectedHolidayUuids: l,
+      onSelectionChange: H,
       onSelectAll: y,
       onContinue: f,
-      onBack: h,
-      isPending: H
+      onBack: E,
+      isPending: h,
+      className: s
     }
   );
 }
-function G({ companyId: e }) {
+function K({ companyId: e, className: s }) {
   I("Company.TimeOff.HolidayPolicy");
-  const { t: l } = A("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: i } = D(), { locale: s } = L(), n = O(), { data: c } = N({ companyUuid: e }), a = c.holidayPayPolicy, t = C(() => w(l, void 0, s), [l, s]), d = C(() => {
-    const P = /* @__PURE__ */ new Set(), B = a.federalHolidays;
-    for (const E of T)
-      B[E]?.selected === !0 && P.add(E);
+  const { t: n } = O("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: c } = D(), { locale: a } = L(), i = _(), { data: d } = x({ companyUuid: e }), t = d.holidayPayPolicy, l = C(() => N(n, void 0, a), [n, a]), H = C(() => {
+    const P = /* @__PURE__ */ new Set(), B = t.federalHolidays;
+    for (const A of T)
+      B[A]?.selected === !0 && P.add(A);
     return P;
-  }, [a.federalHolidays]), { selectedUuids: y, handleSelectionChange: m, handleSelectAll: H } = g(d), { mutateAsync: f, isPending: h } = M(), p = r(async () => {
-    await i({}, async () => {
+  }, [t.federalHolidays]), { selectedUuids: y, handleSelectionChange: m, handleSelectAll: h } = g(H), { mutateAsync: f, isPending: E } = R(), p = r(async () => {
+    await c({}, async () => {
       const P = await f({
         request: {
           companyUuid: e,
           requestBody: {
-            version: a.version,
+            version: t.version,
             federalHolidays: U(y)
           }
         }
       });
-      F(n, e, P.holidayPayPolicy), await _(n), o(S.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE);
+      F(i, e, P.holidayPayPolicy), await w(i), o(S.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE);
     });
   }, [
-    i,
+    c,
     f,
     e,
-    a.version,
+    t.version,
     y,
-    n,
+    i,
     o
   ]), q = r(() => {
     o(S.CANCEL);
@@ -101,17 +102,18 @@ function G({ companyId: e }) {
   return /* @__PURE__ */ u(
     v,
     {
-      holidays: t,
+      holidays: l,
       selectedHolidayUuids: y,
       onSelectionChange: m,
-      onSelectAll: H,
+      onSelectAll: h,
       onContinue: p,
       onBack: q,
-      isPending: h
+      isPending: E,
+      className: s
     }
   );
 }
 export {
-  ae as HolidaySelectionForm
+  le as HolidaySelectionForm
 };
 //# sourceMappingURL=HolidaySelectionForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HolidaySelectionForm.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesCreateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesCreate'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesUpdate'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/models/components/holidaypaypolicy'\nimport {\n  getDefaultHolidayItems,\n  buildFederalHolidaysPayload,\n  FEDERAL_HOLIDAY_KEYS,\n} from '../shared/holidayHelpers'\nimport { HolidaySelectionFormPresentation } from './HolidaySelectionFormPresentation'\nimport type { HolidayItem } from './HolidaySelectionFormTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\n/**\n * Props for {@link HolidaySelectionForm}.\n *\n * @public\n */\nexport interface HolidaySelectionFormProps extends BaseComponentInterface<'Company.TimeOff.HolidayPolicy'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to create a new holiday policy or edit the existing one. Defaults to `'create'`. */\n  mode?: 'create' | 'edit'\n}\n\n/**\n * Lets a user select which US federal holidays are observed by the company's holiday pay policy.\n *\n * In `'create'` mode, submitting creates a new holiday pay policy. In `'edit'` mode, the form\n * is pre-populated with the existing policy's selections and submitting updates it. All 11 US\n * federal holidays are shown with their observed and next-observation dates; in create mode they\n * are all selected by default.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/holidaySelection/done` | Holidays were saved in create mode | — |\n * | `timeOff/holidaySelection/editDone` | Holidays were saved in edit mode | — |\n * | `CANCEL` | The user backed out of the form | — |\n *\n * @param props - See {@link HolidaySelectionFormProps}.\n * @returns The rendered holiday selection form.\n * @public\n */\nexport function HolidaySelectionForm(props: HolidaySelectionFormProps) {\n  return (\n    <BaseComponent {...props}>\n      {props.mode === 'edit' ? (\n        <EditRoot companyId={props.companyId} />\n      ) : (\n        <CreateRoot companyId={props.companyId} />\n      )}\n    </BaseComponent>\n  )\n}\n\ninterface RootProps {\n  companyId: string\n}\n\nfunction useHolidaySelection(initialKeys: Set<string>) {\n  const [selectedUuids, setSelectedUuids] = useState(initialKeys)\n\n  const handleSelectionChange = useCallback((item: HolidayItem, selected: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (selected) {\n        next.add(item.uuid)\n      } else {\n        next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSelectAll = useCallback((selected: boolean, visibleItems: HolidayItem[]) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      for (const item of visibleItems) {\n        if (selected) next.add(item.uuid)\n        else next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  return { selectedUuids, handleSelectionChange, handleSelectAll }\n}\n\nfunction seedPolicyCache(\n  queryClient: ReturnType<typeof useQueryClient>,\n  companyId: string,\n  policy: HolidayPayPolicy | undefined,\n) {\n  if (!policy) return\n  queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n    queryKeyHolidayPayPoliciesGet(companyId, {}),\n    prev =>\n      prev\n        ? { ...prev, holidayPayPolicy: policy }\n        : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n  )\n}\n\nfunction CreateRoot({ companyId }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n  const allKeys = useMemo(() => new Set(FEDERAL_HOLIDAY_KEYS), [])\n  const { selectedUuids, handleSelectionChange, handleSelectAll } = useHolidaySelection(allKeys)\n\n  const { mutateAsync: createPolicy, isPending } = useHolidayPayPoliciesCreateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await createPolicy({\n        request: {\n          companyUuid: companyId,\n          holidayPayPolicyRequest: {\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      // Seed the GET cache so the next mount of SelectEmployeesHoliday's\n      // StandaloneLoader (in addEmployeesHoliday state) reads the freshly\n      // created policy instead of a stale `{ holidayPayPolicy: undefined }`\n      // left over from PolicyList's pre-create GET.\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_DONE)\n    })\n  }, [baseSubmitHandler, createPolicy, companyId, selectedUuids, queryClient, onEvent])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      isPending={isPending}\n    />\n  )\n}\n\nfunction EditRoot({ companyId }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const { data } = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const policy = data.holidayPayPolicy!\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n\n  const initialSelected = useMemo(() => {\n    const next = new Set<string>()\n    const federal = policy.federalHolidays\n    for (const key of FEDERAL_HOLIDAY_KEYS) {\n      const entry = federal[key as keyof typeof federal]\n      if (entry?.selected === true) {\n        next.add(key)\n      }\n    }\n    return next\n  }, [policy.federalHolidays])\n\n  const { selectedUuids, handleSelectionChange, handleSelectAll } =\n    useHolidaySelection(initialSelected)\n\n  const { mutateAsync: updatePolicy, isPending } = useHolidayPayPoliciesUpdateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await updatePolicy({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: policy.version!,\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE)\n    })\n  }, [\n    baseSubmitHandler,\n    updatePolicy,\n    companyId,\n    policy.version,\n    selectedUuids,\n    queryClient,\n    onEvent,\n  ])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      isPending={isPending}\n    />\n  )\n}\n"],"names":["HolidaySelectionForm","props","BaseComponent","jsx","EditRoot","CreateRoot","useHolidaySelection","initialKeys","selectedUuids","setSelectedUuids","useState","handleSelectionChange","useCallback","item","selected","prev","next","handleSelectAll","visibleItems","seedPolicyCache","queryClient","companyId","policy","queryKeyHolidayPayPoliciesGet","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","locale","useLocale","useQueryClient","holidays","useMemo","getDefaultHolidayItems","allKeys","FEDERAL_HOLIDAY_KEYS","createPolicy","isPending","useHolidayPayPoliciesCreateMutation","handleContinue","response","buildFederalHolidaysPayload","invalidateAllHolidayPayPoliciesGet","componentEvents","handleBack","HolidaySelectionFormPresentation","data","useHolidayPayPoliciesGetSuspense","initialSelected","federal","key","updatePolicy","useHolidayPayPoliciesUpdateMutation"],"mappings":";;;;;;;;;;;;;;AAwDO,SAASA,GAAqBC,GAAkC;AACrE,2BACGC,GAAA,EAAe,GAAGD,GAChB,UAAAA,EAAM,SAAS,SACd,gBAAAE,EAACC,GAAA,EAAS,WAAWH,EAAM,WAAW,IAEtC,gBAAAE,EAACE,KAAW,WAAWJ,EAAM,WAAW,GAE5C;AAEJ;AAMA,SAASK,EAAoBC,GAA0B;AACrD,QAAM,CAACC,GAAeC,CAAgB,IAAIC,EAASH,CAAW,GAExDI,IAAwBC,EAAY,CAACC,GAAmBC,MAAsB;AAClF,IAAAL,EAAiB,CAAAM,MAAQ;AACvB,YAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,aAAID,IACFE,EAAK,IAAIH,EAAK,IAAI,IAElBG,EAAK,OAAOH,EAAK,IAAI,GAEhBG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECC,IAAkBL,EAAY,CAACE,GAAmBI,MAAgC;AACtF,IAAAT,EAAiB,CAAAM,MAAQ;AACvB,YAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,iBAAWF,KAAQK;AACjB,QAAIJ,IAAUE,EAAK,IAAIH,EAAK,IAAI,IAC3BG,EAAK,OAAOH,EAAK,IAAI;AAE5B,aAAOG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,SAAO,EAAE,eAAAR,GAAe,uBAAAG,GAAuB,iBAAAM,EAAA;AACjD;AAEA,SAASE,EACPC,GACAC,GACAC,GACA;AACA,EAAKA,KACLF,EAAY;AAAA,IACVG,EAA8BF,GAAW,EAAE;AAAA,IAC3C,OACEN,IACI,EAAE,GAAGA,GAAM,kBAAkBO,MAC5B;AAAA,EAAA;AAEX;AAEA,SAASjB,EAAW,EAAE,WAAAgB,KAAwB;AAC5C,EAAAG,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbX,IAAcY,EAAA,GAEdC,IAAWC,EAAQ,MAAMC,EAAuBV,GAAG,QAAWK,CAAM,GAAG,CAACL,GAAGK,CAAM,CAAC,GAClFM,IAAUF,EAAQ,MAAM,IAAI,IAAIG,CAAoB,GAAG,EAAE,GACzD,EAAE,eAAA7B,GAAe,uBAAAG,GAAuB,iBAAAM,EAAA,IAAoBX,EAAoB8B,CAAO,GAEvF,EAAE,aAAaE,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAE3CC,IAAiB7B,EAAY,YAAY;AAC7C,UAAMgB,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMc,IAAW,MAAMJ,EAAa;AAAA,QAClC,SAAS;AAAA,UACP,aAAajB;AAAA,UACb,yBAAyB;AAAA,YACvB,iBAAiBsB,EAA4BnC,CAAa;AAAA,UAAA;AAAA,QAC5D;AAAA,MACF,CACD;AAKD,MAAAW,EAAgBC,GAAaC,GAAWqB,EAAS,gBAAgB,GACjE,MAAME,EAAmCxB,CAAW,GACpDO,EAAQkB,EAAgB,+BAA+B;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAACjB,GAAmBU,GAAcjB,GAAWb,GAAeY,GAAaO,CAAO,CAAC,GAE9EmB,IAAalC,EAAY,MAAM;AACnC,IAAAe,EAAQkB,EAAgB,MAAM;AAAA,EAChC,GAAG,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAxB;AAAA,IAAC4C;AAAA,IAAA;AAAA,MACC,UAAAd;AAAA,MACA,sBAAsBzB;AAAA,MACtB,mBAAmBG;AAAA,MACnB,aAAaM;AAAA,MACb,YAAYwB;AAAA,MACZ,QAAQK;AAAA,MACR,WAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASnC,EAAS,EAAE,WAAAiB,KAAwB;AAC1C,EAAAG,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,QAAAC,EAAA,IAAWC,EAAA,GACbX,IAAcY,EAAA,GAEd,EAAE,MAAAgB,EAAA,IAASC,EAAiC,EAAE,aAAa5B,GAAW,GACtEC,IAAS0B,EAAK,kBAEdf,IAAWC,EAAQ,MAAMC,EAAuBV,GAAG,QAAWK,CAAM,GAAG,CAACL,GAAGK,CAAM,CAAC,GAElFoB,IAAkBhB,EAAQ,MAAM;AACpC,UAAMlB,wBAAW,IAAA,GACXmC,IAAU7B,EAAO;AACvB,eAAW8B,KAAOf;AAEhB,MADcc,EAAQC,CAA2B,GACtC,aAAa,MACtBpC,EAAK,IAAIoC,CAAG;AAGhB,WAAOpC;AAAA,EACT,GAAG,CAACM,EAAO,eAAe,CAAC,GAErB,EAAE,eAAAd,GAAe,uBAAAG,GAAuB,iBAAAM,EAAA,IAC5CX,EAAoB4C,CAAe,GAE/B,EAAE,aAAaG,GAAc,WAAAd,EAAA,IAAce,EAAA,GAE3Cb,IAAiB7B,EAAY,YAAY;AAC7C,UAAMgB,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMc,IAAW,MAAMW,EAAa;AAAA,QAClC,SAAS;AAAA,UACP,aAAahC;AAAA,UACb,aAAa;AAAA,YACX,SAASC,EAAO;AAAA,YAChB,iBAAiBqB,EAA4BnC,CAAa;AAAA,UAAA;AAAA,QAC5D;AAAA,MACF,CACD;AACD,MAAAW,EAAgBC,GAAaC,GAAWqB,EAAS,gBAAgB,GACjE,MAAME,EAAmCxB,CAAW,GACpDO,EAAQkB,EAAgB,oCAAoC;AAAA,IAC9D,CAAC;AAAA,EACH,GAAG;AAAA,IACDjB;AAAA,IACAyB;AAAA,IACAhC;AAAA,IACAC,EAAO;AAAA,IACPd;AAAA,IACAY;AAAA,IACAO;AAAA,EAAA,CACD,GAEKmB,IAAalC,EAAY,MAAM;AACnC,IAAAe,EAAQkB,EAAgB,MAAM;AAAA,EAChC,GAAG,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAxB;AAAA,IAAC4C;AAAA,IAAA;AAAA,MACC,UAAAd;AAAA,MACA,sBAAsBzB;AAAA,MACtB,mBAAmBG;AAAA,MACnB,aAAaM;AAAA,MACb,YAAYwB;AAAA,MACZ,QAAQK;AAAA,MACR,WAAAP;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"HolidaySelectionForm.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionForm.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useHolidayPayPoliciesCreateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesCreate'\nimport {\n  useHolidayPayPoliciesGetSuspense,\n  queryKeyHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n  type HolidayPayPoliciesGetQueryData,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesUpdate'\nimport type { HolidayPayPolicy } from '@gusto/embedded-api/models/components/holidaypaypolicy'\nimport {\n  getDefaultHolidayItems,\n  buildFederalHolidaysPayload,\n  FEDERAL_HOLIDAY_KEYS,\n} from '../shared/holidayHelpers'\nimport { HolidaySelectionFormPresentation } from './HolidaySelectionFormPresentation'\nimport type { HolidayItem } from './HolidaySelectionFormTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\n/**\n * Props for {@link HolidaySelectionForm}.\n *\n * @public\n */\nexport interface HolidaySelectionFormProps extends BaseComponentInterface<'Company.TimeOff.HolidayPolicy'> {\n  /** The associated company identifier. */\n  companyId: string\n  /** Whether to create a new holiday policy or edit the existing one. Defaults to `'create'`. */\n  mode?: 'create' | 'edit'\n}\n\n/**\n * Lets a user select which US federal holidays are observed by the company's holiday pay policy.\n *\n * In `'create'` mode, submitting creates a new holiday pay policy. In `'edit'` mode, the form\n * is pre-populated with the existing policy's selections and submitting updates it. All 11 US\n * federal holidays are shown with their observed and next-observation dates; in create mode they\n * are all selected by default.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `timeOff/holidaySelection/done` | Holidays were saved in create mode | — |\n * | `timeOff/holidaySelection/editDone` | Holidays were saved in edit mode | — |\n * | `CANCEL` | The user backed out of the form | — |\n *\n * @param props - See {@link HolidaySelectionFormProps}.\n * @returns The rendered holiday selection form.\n * @public\n */\nexport function HolidaySelectionForm(props: HolidaySelectionFormProps) {\n  return (\n    <BaseComponent {...props}>\n      {props.mode === 'edit' ? (\n        <EditRoot companyId={props.companyId} className={props.className} />\n      ) : (\n        <CreateRoot companyId={props.companyId} className={props.className} />\n      )}\n    </BaseComponent>\n  )\n}\n\ninterface RootProps {\n  companyId: string\n  /** CSS class name applied to the root element. */\n  className?: string\n}\n\nfunction useHolidaySelection(initialKeys: Set<string>) {\n  const [selectedUuids, setSelectedUuids] = useState(initialKeys)\n\n  const handleSelectionChange = useCallback((item: HolidayItem, selected: boolean) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      if (selected) {\n        next.add(item.uuid)\n      } else {\n        next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  const handleSelectAll = useCallback((selected: boolean, visibleItems: HolidayItem[]) => {\n    setSelectedUuids(prev => {\n      const next = new Set(prev)\n      for (const item of visibleItems) {\n        if (selected) next.add(item.uuid)\n        else next.delete(item.uuid)\n      }\n      return next\n    })\n  }, [])\n\n  return { selectedUuids, handleSelectionChange, handleSelectAll }\n}\n\nfunction seedPolicyCache(\n  queryClient: ReturnType<typeof useQueryClient>,\n  companyId: string,\n  policy: HolidayPayPolicy | undefined,\n) {\n  if (!policy) return\n  queryClient.setQueryData<HolidayPayPoliciesGetQueryData>(\n    queryKeyHolidayPayPoliciesGet(companyId, {}),\n    prev =>\n      prev\n        ? { ...prev, holidayPayPolicy: policy }\n        : (undefined as unknown as HolidayPayPoliciesGetQueryData),\n  )\n}\n\nfunction CreateRoot({ companyId, className }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n  const allKeys = useMemo(() => new Set(FEDERAL_HOLIDAY_KEYS), [])\n  const { selectedUuids, handleSelectionChange, handleSelectAll } = useHolidaySelection(allKeys)\n\n  const { mutateAsync: createPolicy, isPending } = useHolidayPayPoliciesCreateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await createPolicy({\n        request: {\n          companyUuid: companyId,\n          holidayPayPolicyRequest: {\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      // Seed the GET cache so the next mount of SelectEmployeesHoliday's\n      // StandaloneLoader (in addEmployeesHoliday state) reads the freshly\n      // created policy instead of a stale `{ holidayPayPolicy: undefined }`\n      // left over from PolicyList's pre-create GET.\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_DONE)\n    })\n  }, [baseSubmitHandler, createPolicy, companyId, selectedUuids, queryClient, onEvent])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      isPending={isPending}\n      className={className}\n    />\n  )\n}\n\nfunction EditRoot({ companyId, className }: RootProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { locale } = useLocale()\n  const queryClient = useQueryClient()\n\n  const { data } = useHolidayPayPoliciesGetSuspense({ companyUuid: companyId })\n  const policy = data.holidayPayPolicy!\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t, undefined, locale), [t, locale])\n\n  const initialSelected = useMemo(() => {\n    const next = new Set<string>()\n    const federal = policy.federalHolidays\n    for (const key of FEDERAL_HOLIDAY_KEYS) {\n      const entry = federal[key as keyof typeof federal]\n      if (entry?.selected === true) {\n        next.add(key)\n      }\n    }\n    return next\n  }, [policy.federalHolidays])\n\n  const { selectedUuids, handleSelectionChange, handleSelectAll } =\n    useHolidaySelection(initialSelected)\n\n  const { mutateAsync: updatePolicy, isPending } = useHolidayPayPoliciesUpdateMutation()\n\n  const handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      const response = await updatePolicy({\n        request: {\n          companyUuid: companyId,\n          requestBody: {\n            version: policy.version!,\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      seedPolicyCache(queryClient, companyId, response.holidayPayPolicy)\n      await invalidateAllHolidayPayPoliciesGet(queryClient)\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_EDIT_DONE)\n    })\n  }, [\n    baseSubmitHandler,\n    updatePolicy,\n    companyId,\n    policy.version,\n    selectedUuids,\n    queryClient,\n    onEvent,\n  ])\n\n  const handleBack = useCallback(() => {\n    onEvent(componentEvents.CANCEL)\n  }, [onEvent])\n\n  return (\n    <HolidaySelectionFormPresentation\n      holidays={holidays}\n      selectedHolidayUuids={selectedUuids}\n      onSelectionChange={handleSelectionChange}\n      onSelectAll={handleSelectAll}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      isPending={isPending}\n      className={className}\n    />\n  )\n}\n"],"names":["HolidaySelectionForm","props","jsx","BaseComponent","EditRoot","CreateRoot","useHolidaySelection","initialKeys","selectedUuids","setSelectedUuids","useState","handleSelectionChange","useCallback","item","selected","prev","next","handleSelectAll","visibleItems","seedPolicyCache","queryClient","companyId","policy","queryKeyHolidayPayPoliciesGet","className","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","locale","useLocale","useQueryClient","holidays","useMemo","getDefaultHolidayItems","allKeys","FEDERAL_HOLIDAY_KEYS","createPolicy","isPending","useHolidayPayPoliciesCreateMutation","handleContinue","response","buildFederalHolidaysPayload","invalidateAllHolidayPayPoliciesGet","componentEvents","handleBack","HolidaySelectionFormPresentation","data","useHolidayPayPoliciesGetSuspense","initialSelected","federal","key","updatePolicy","useHolidayPayPoliciesUpdateMutation"],"mappings":"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"}

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.js

@@ -1,15 +1,15 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import { useMemo as y } from "react";
-import { useTranslation as b } from "react-i18next";
+import { useMemo as b } from "react";
+import { useTranslation as h } from "react-i18next";
 import { Flex as r } from "../../Common/Flex/Flex.js";
-import { ActionsLayout as h } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as v } from "../../../i18n/I18n.js";
-import { useDataView as C } from "../../Common/DataView/useDataView.js";
-import { DataView as g } from "../../Common/DataView/DataView.js";
-function V(e) {
-  v("Company.TimeOff.HolidayPolicy");
-  const { t } = b("Company.TimeOff.HolidayPolicy"), { Heading: c, Text: s, Button: l } = x(), { holidays: d } = e, o = e.mode === "view", m = y(
+import { ActionsLayout as x } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+import { useDataView as g } from "../../Common/DataView/useDataView.js";
+import { DataView as D } from "../../Common/DataView/DataView.js";
+function A(e) {
+  C("Company.TimeOff.HolidayPolicy");
+  const { t } = h("Company.TimeOff.HolidayPolicy"), { Heading: s, Text: c, Button: l } = v(), { holidays: d, className: m } = e, o = e.mode === "view", u = b(
     () => [
       {
         key: "name",
@@ -28,29 +28,29 @@ function V(e) {
       }
     ],
     [t]
-  ), u = o ? {} : {
+  ), f = o ? {} : {
     selectionMode: "multiple",
     onSelect: e.onSelectionChange,
     onSelectAll: e.onSelectAll,
     getIsItemSelected: (i) => e.selectedHolidayUuids.has(i.uuid)
-  }, f = C({
+  }, y = g({
     data: d,
-    columns: m,
-    ...u
+    columns: u,
+    ...f
   });
-  return /* @__PURE__ */ a(r, { flexDirection: "column", gap: 32, children: [
+  return /* @__PURE__ */ a(r, { className: m, flexDirection: "column", gap: 32, children: [
     !o && /* @__PURE__ */ a(r, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ n(c, { as: "h2", children: t("title") }),
-      /* @__PURE__ */ n(s, { variant: "supporting", children: t("description") })
+      /* @__PURE__ */ n(s, { as: "h2", children: t("title") }),
+      /* @__PURE__ */ n(c, { variant: "supporting", children: t("description") })
     ] }),
-    /* @__PURE__ */ n(g, { label: t("tableLabel"), ...f }),
-    !o && /* @__PURE__ */ a(h, { children: [
+    /* @__PURE__ */ n(D, { label: t("tableLabel"), ...y }),
+    !o && /* @__PURE__ */ a(x, { children: [
       /* @__PURE__ */ n(l, { variant: "secondary", onClick: e.onBack, isDisabled: e.isPending, children: t("backCta") }),
       /* @__PURE__ */ n(l, { variant: "primary", onClick: e.onContinue, isLoading: e.isPending, children: t("continueCta") })
     ] })
   ] });
 }
 export {
-  V as HolidaySelectionFormPresentation
+  A as HolidaySelectionFormPresentation
 };
 //# sourceMappingURL=HolidaySelectionFormPresentation.js.map

package/dist/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  HolidayItem,\n  HolidaySelectionFormPresentationProps,\n} from './HolidaySelectionFormTypes'\nimport { DataView, Flex, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal */\nexport function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const { holidays } = props\n  const isViewMode = props.mode === 'view'\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const selectionProps = !isViewMode\n    ? {\n        selectionMode: 'multiple' as const,\n        onSelect: props.onSelectionChange,\n        onSelectAll: props.onSelectAll,\n        getIsItemSelected: (item: HolidayItem) => props.selectedHolidayUuids.has(item.uuid),\n      }\n    : {}\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n    ...selectionProps,\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      {!isViewMode && (\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </Flex>\n      )}\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      {!isViewMode && (\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={props.onBack} isDisabled={props.isPending}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue} isLoading={props.isPending}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","useTranslation","Heading","Text","Button","useComponentContext","holidays","isViewMode","columns","useMemo","item","selectionProps","dataViewProps","useDataView","jsxs","Flex","jsx","DataView","ActionsLayout"],"mappings":";;;;;;;;;AAWO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,MAAaP,GACfQ,IAAaR,EAAM,SAAS,QAE5BS,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACC,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACA,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACA,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAAC,CAAC;AAAA,EAAA,GAGEC,IAAkBJ,IAOpB,CAAA,IANA;AAAA,IACE,eAAe;AAAA,IACf,UAAUR,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IACnB,mBAAmB,CAACW,MAAsBX,EAAM,qBAAqB,IAAIW,EAAK,IAAI;AAAA,EAAA,GAIlFE,IAAgBC,EAAyB;AAAA,IAC7C,MAAMP;AAAA,IACN,SAAAE;AAAA,IACA,GAAGG;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA,CAACR,KACA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAC,EAACd,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,wBAC5BC,GAAA,EAAK,SAAQ,cAAc,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDc,GAAA,EAAS,OAAO,EAAE,YAAY,GAAI,GAAGL,GAAe;AAAA,IAEpD,CAACL,KACA,gBAAAO,EAACI,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACZ,GAAA,EAAO,SAAQ,aAAY,SAASL,EAAM,QAAQ,YAAYA,EAAM,WAClE,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAiB,EAACZ,GAAA,EAAO,SAAQ,WAAU,SAASL,EAAM,YAAY,WAAWA,EAAM,WACnE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type {\n  HolidayItem,\n  HolidaySelectionFormPresentationProps,\n} from './HolidaySelectionFormTypes'\nimport { DataView, Flex, ActionsLayout, useDataView } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\n/** @internal */\nexport function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { Heading, Text, Button } = useComponentContext()\n\n  const { holidays, className } = props\n  const isViewMode = props.mode === 'view'\n\n  const columns = useMemo(\n    () => [\n      {\n        key: 'name' as keyof HolidayItem,\n        title: t('tableHeaders.holidayName'),\n        render: (item: HolidayItem) => item.name,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => item.observedDate,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => item.nextObservation,\n      },\n    ],\n    [t],\n  )\n\n  const selectionProps = !isViewMode\n    ? {\n        selectionMode: 'multiple' as const,\n        onSelect: props.onSelectionChange,\n        onSelectAll: props.onSelectAll,\n        getIsItemSelected: (item: HolidayItem) => props.selectedHolidayUuids.has(item.uuid),\n      }\n    : {}\n\n  const dataViewProps = useDataView<HolidayItem>({\n    data: holidays,\n    columns,\n    ...selectionProps,\n  })\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      {!isViewMode && (\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">{t('description')}</Text>\n        </Flex>\n      )}\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      {!isViewMode && (\n        <ActionsLayout>\n          <Button variant=\"secondary\" onClick={props.onBack} isDisabled={props.isPending}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue} isLoading={props.isPending}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","useTranslation","Heading","Text","Button","useComponentContext","holidays","className","isViewMode","columns","useMemo","item","selectionProps","dataViewProps","useDataView","Flex","jsxs","jsx","DataView","ActionsLayout"],"mappings":";;;;;;;;;AAWO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,GAAU,WAAAC,EAAA,IAAcR,GAC1BS,IAAaT,EAAM,SAAS,QAE5BU,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACC,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACA,MAAsBA,EAAK;AAAA,MAAA;AAAA,MAEtC;AAAA,QACE,KAAK;AAAA,QACL,OAAO,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACA,MAAsBA,EAAK;AAAA,MAAA;AAAA,IACtC;AAAA,IAEF,CAAC,CAAC;AAAA,EAAA,GAGEC,IAAkBJ,IAOpB,CAAA,IANA;AAAA,IACE,eAAe;AAAA,IACf,UAAUT,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IACnB,mBAAmB,CAACY,MAAsBZ,EAAM,qBAAqB,IAAIY,EAAK,IAAI;AAAA,EAAA,GAIlFE,IAAgBC,EAAyB;AAAA,IAC7C,MAAMR;AAAA,IACN,SAAAG;AAAA,IACA,GAAGG;AAAA,EAAA,CACJ;AAED,2BACGG,GAAA,EAAK,WAAAR,GAAsB,eAAc,UAAS,KAAK,IACrD,UAAA;AAAA,IAAA,CAACC,KACA,gBAAAQ,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAE,EAACf,GAAA,EAAQ,IAAG,MAAM,UAAA,EAAE,OAAO,GAAE;AAAA,wBAC5BC,GAAA,EAAK,SAAQ,cAAc,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDe,GAAA,EAAS,OAAO,EAAE,YAAY,GAAI,GAAGL,GAAe;AAAA,IAEpD,CAACL,KACA,gBAAAQ,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAF,EAACb,GAAA,EAAO,SAAQ,aAAY,SAASL,EAAM,QAAQ,YAAYA,EAAM,WAClE,UAAA,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAkB,EAACb,GAAA,EAAO,SAAQ,WAAU,SAASL,EAAM,YAAY,WAAWA,EAAM,WACnE,UAAA,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/TimeOff/PolicyList/PolicyList.js

@@ -1,52 +1,52 @@
 import { jsx as n } from "react/jsx-runtime";
 import { useState as E } from "react";
-import { useTranslation as v } from "react-i18next";
-import { useQueryClient as R } from "@tanstack/react-query";
-import { useTimeOffPoliciesGetAllSuspense as G, invalidateAllTimeOffPoliciesGetAll as Y } from "@gusto/embedded-api/react-query/timeOffPoliciesGetAll";
-import { useTimeOffPoliciesDeactivateMutation as j } from "@gusto/embedded-api/react-query/timeOffPoliciesDeactivate";
-import { useEmployeesListSuspense as x } from "@gusto/embedded-api/react-query/employeesList";
-import { useHolidayPayPoliciesGet as N, invalidateAllHolidayPayPoliciesGet as Q } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
-import { useHolidayPayPoliciesDeleteMutation as V } from "@gusto/embedded-api/react-query/holidayPayPoliciesDelete";
-import { UnprocessableEntityError as W } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
-import { PolicyListPresentation as k } from "./PolicyListPresentation.js";
-import { isListedTimeOffPolicyType as K } from "../TimeOffFlow/timeOffPolicyTypes.js";
-import { BaseBoundaries as z, BaseLayout as J } from "../../Base/Base.js";
+import { useTranslation as R } from "react-i18next";
+import { useQueryClient as G } from "@tanstack/react-query";
+import { useTimeOffPoliciesGetAllSuspense as Y, invalidateAllTimeOffPoliciesGetAll as j } from "@gusto/embedded-api/react-query/timeOffPoliciesGetAll";
+import { useTimeOffPoliciesDeactivateMutation as x } from "@gusto/embedded-api/react-query/timeOffPoliciesDeactivate";
+import { useEmployeesListSuspense as N } from "@gusto/embedded-api/react-query/employeesList";
+import { useHolidayPayPoliciesGet as Q, invalidateAllHolidayPayPoliciesGet as V } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { useHolidayPayPoliciesDeleteMutation as W } from "@gusto/embedded-api/react-query/holidayPayPoliciesDelete";
+import { UnprocessableEntityError as k } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
+import { PolicyListPresentation as K } from "./PolicyListPresentation.js";
+import { isListedTimeOffPolicyType as z } from "../TimeOffFlow/timeOffPolicyTypes.js";
+import { BaseBoundaries as J, BaseLayout as X } from "../../Base/Base.js";
 import "../../Base/useBase.js";
-import { useBaseSubmit as X } from "../../Base/useBaseSubmit.js";
+import { useBaseSubmit as Z } from "../../Base/useBaseSubmit.js";
 import { SDKInternalError as O } from "../../../types/sdkError.js";
-import { composeErrorHandler as Z } from "../../../partner-hook-utils/composeErrorHandler.js";
+import { composeErrorHandler as $ } from "../../../partner-hook-utils/composeErrorHandler.js";
 import { componentEvents as a } from "../../../shared/constants.js";
-import { useI18n as $ } from "../../../i18n/I18n.js";
-function De({ FallbackComponent: t, LoaderComponent: o, ...m }) {
+import { useI18n as ee } from "../../../i18n/I18n.js";
+function ge({ FallbackComponent: t, LoaderComponent: o, ...m }) {
   return /* @__PURE__ */ n(
-    z,
+    J,
     {
       componentName: "Company.TimeOff.TimeOffPolicies",
       FallbackComponent: t,
       LoaderComponent: o,
-      children: /* @__PURE__ */ n(ee, { LoaderComponent: o, ...m })
+      children: /* @__PURE__ */ n(ie, { LoaderComponent: o, ...m })
     }
   );
 }
-function ee({ companyId: t, onEvent: o, LoaderComponent: m }) {
-  $("Company.TimeOff.TimeOffPolicies");
-  const { t: i } = v("Company.TimeOff.TimeOffPolicies"), y = R(), {
-    baseSubmitHandler: D,
-    error: g,
-    setError: C
-  } = X("Company.TimeOff.TimeOffPolicies"), [I, c] = E(null), [_, p] = E(null), { data: w } = G({
+function ie({ companyId: t, onEvent: o, LoaderComponent: m, className: D }) {
+  ee("Company.TimeOff.TimeOffPolicies");
+  const { t: i } = R("Company.TimeOff.TimeOffPolicies"), y = G(), {
+    baseSubmitHandler: g,
+    error: C,
+    setError: I
+  } = Z("Company.TimeOff.TimeOffPolicies"), [_, c] = E(null), [w, p] = E(null), { data: A } = Y({
     companyUuid: t
-  }), A = (w.timeOffPolicies ?? []).filter(
-    (e) => e.isActive && K(e.policyType)
-  ), f = N(
+  }), L = (A.timeOffPolicies ?? []).filter(
+    (e) => e.isActive && z(e.policyType)
+  ), f = Q(
     { companyUuid: t },
     {
       throwOnError: () => !1
     }
-  ), u = f.data?.holidayPayPolicy, { data: L } = x({
+  ), u = f.data?.holidayPayPolicy, { data: F } = N({
     companyId: t,
     terminated: !1
-  }), F = L.showEmployees?.length ?? 0, d = j(), P = V(), S = Z([f], { submitError: g, setSubmitError: C }), H = d.isPending || P.isPending, h = (e) => e > 0 && e === F ? i("allEmployeesLabel") : e > 0 ? i("employeeCount", { count: e }) : i("enrolledDash"), T = A.map((e) => ({
+  }), S = F.showEmployees?.length ?? 0, d = x(), P = W(), H = $([f], { submitError: C, setSubmitError: I }), M = d.isPending || P.isPending, h = (e) => e > 0 && e === S ? i("allEmployeesLabel") : e > 0 ? i("employeeCount", { count: e }) : i("enrolledDash"), T = L.map((e) => ({
     uuid: e.uuid,
     name: e.name,
     policyType: e.policyType,
@@ -61,32 +61,32 @@ function ee({ companyId: t, onEvent: o, LoaderComponent: m }) {
     enrolledDisplay: h(u.employees.length),
     isHoliday: !0
   });
-  const M = () => {
+  const b = () => {
     o(a.TIME_OFF_CREATE_POLICY);
-  }, b = (e) => {
+  }, q = (e) => {
     o(a.TIME_OFF_VIEW_POLICY, {
       policyId: e.uuid,
       policyType: e.policyType
     });
-  }, q = (e) => {
+  }, B = (e) => {
     o(a.TIME_OFF_VIEW_POLICY, {
       policyId: e.uuid,
       policyType: e.policyType
     });
-  }, B = async (e) => {
+  }, U = async (e) => {
     let s = !1;
-    return p(e.uuid), await D({}, async () => {
+    return p(e.uuid), await g({}, async () => {
       if (e.isHoliday)
         await P.mutateAsync({
           request: { companyUuid: t }
-        }), await Q(y), c(i("flash.holidayDeleted"));
+        }), await V(y), c(i("flash.holidayDeleted"));
       else {
         try {
           await d.mutateAsync({
             request: { timeOffPolicyUuid: e.uuid }
           });
         } catch (r) {
-          if (r instanceof W) {
+          if (r instanceof k) {
             if (r.errors.some(
               (l) => l.message?.toLowerCase().includes("pending") || l.message?.toLowerCase().includes("approved")
             ))
@@ -94,34 +94,35 @@ function ee({ companyId: t, onEvent: o, LoaderComponent: m }) {
                 i("errors.pendingRequestsBlockDeletion", { name: e.name }),
                 "api_error"
               );
-            const U = r.errors.map((l) => l.message).filter(Boolean);
-            throw new O(U.join(". ") || i("errors.deleteFailed"), "api_error");
+            const v = r.errors.map((l) => l.message).filter(Boolean);
+            throw new O(v.join(". ") || i("errors.deleteFailed"), "api_error");
           }
           throw r;
         }
-        await Y(y), c(i("flash.policyDeleted", { name: e.name }));
+        await j(y), c(i("flash.policyDeleted", { name: e.name }));
       }
       o(a.TIME_OFF_DELETE_POLICY_DONE, { policyId: e.uuid }), s = !0;
     }), p(null), s;
   };
-  return /* @__PURE__ */ n(J, { error: S.errors, LoaderComponent: m, children: /* @__PURE__ */ n(
-    k,
+  return /* @__PURE__ */ n(X, { error: H.errors, LoaderComponent: m, children: /* @__PURE__ */ n(
+    K,
     {
       policies: T,
-      onCreatePolicy: M,
-      onEditPolicy: b,
-      onFinishSetup: q,
-      onDeletePolicy: B,
-      deleteSuccessAlert: I,
+      onCreatePolicy: b,
+      onEditPolicy: q,
+      onFinishSetup: B,
+      onDeletePolicy: U,
+      deleteSuccessAlert: _,
       onDismissDeleteAlert: () => {
         c(null);
       },
-      isDeletingPolicyId: _,
-      isPending: H
+      isDeletingPolicyId: w,
+      isPending: M,
+      className: D
     }
   ) });
 }
 export {
-  De as PolicyList
+  ge as PolicyList
 };
 //# sourceMappingURL=PolicyList.js.map