@gusto/embedded-react-sdk 0.39.0 → 0.40.0

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyList.js

@@ -1,73 +1,107 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useState as r } from "react";
-import { useTranslation as C } from "react-i18next";
-import { useQueryClient as D } from "@tanstack/react-query";
-import { useTimeOffPoliciesGetAllSuspense as I, invalidateAllTimeOffPoliciesGetAll as A } from "@gusto/embedded-api/react-query/timeOffPoliciesGetAll";
-import { useTimeOffPoliciesDeactivateMutation as F } from "@gusto/embedded-api/react-query/timeOffPoliciesDeactivate";
-import { useEmployeesListSuspense as S } from "@gusto/embedded-api/react-query/employeesList";
-import { PolicyListPresentation as _ } from "./PolicyListPresentation.js";
-import { BaseComponent as L } from "../../Base/Base.js";
-import { useBase as v } from "../../Base/useBase.js";
-import { componentEvents as s } from "../../../shared/constants.js";
-import { useI18n as g } from "../../../i18n/I18n.js";
-function J(t) {
-  return /* @__PURE__ */ a(L, { ...t, children: /* @__PURE__ */ a(w, { ...t }) });
+import { jsx as s } from "react/jsx-runtime";
+import { useState as P } from "react";
+import { useTranslation as b } from "react-i18next";
+import { useQueryClient as w } from "@tanstack/react-query";
+import { useTimeOffPoliciesGetAllSuspense as G, invalidateAllTimeOffPoliciesGetAll as U } from "@gusto/embedded-api/react-query/timeOffPoliciesGetAll";
+import { useTimeOffPoliciesDeactivateMutation as v } from "@gusto/embedded-api/react-query/timeOffPoliciesDeactivate";
+import { useEmployeesListSuspense as B } from "@gusto/embedded-api/react-query/employeesList";
+import { useHolidayPayPoliciesGet as q, invalidateAllHolidayPayPoliciesGet as Y } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { useHolidayPayPoliciesDeleteMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesDelete";
+import { GustoEmbeddedError as Q } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { PolicyListPresentation as R } from "./PolicyListPresentation.js";
+import { BaseBoundaries as V, BaseLayout as W } from "../../Base/Base.js";
+import "../../Base/useBase.js";
+import { useBaseSubmit as j } from "../../Base/useBaseSubmit.js";
+import { composeErrorHandler as N } from "../../../partner-hook-utils/composeErrorHandler.js";
+import { componentEvents as n } from "../../../shared/constants.js";
+import { useI18n as k } from "../../../i18n/I18n.js";
+function ye({ FallbackComponent: i, ...o }) {
+  return /* @__PURE__ */ s(
+    V,
+    {
+      componentName: "Company.TimeOff.TimeOffPolicies",
+      FallbackComponent: i,
+      children: /* @__PURE__ */ s(z, { ...o })
+    }
+  );
 }
-function w({ companyId: t }) {
-  g("Company.TimeOff.TimeOffPolicies");
-  const { t: i } = C("Company.TimeOff.TimeOffPolicies"), { onEvent: n, baseSubmitHandler: u } = v(), p = D(), [f, c] = r(null), [y, m] = r(null), { data: d } = I({
-    companyUuid: t
-  }), P = d.timeOffPolicies ?? [], { data: T } = S({
-    companyId: t,
+function z({ companyId: i, onEvent: o }) {
+  k("Company.TimeOff.TimeOffPolicies");
+  const { t } = b("Company.TimeOff.TimeOffPolicies"), r = w(), {
+    baseSubmitHandler: h,
+    error: T,
+    setError: O
+  } = j("Company.TimeOff.TimeOffPolicies"), [E, l] = P(null), [D, m] = P(null), { data: C } = G({
+    companyUuid: i
+  }), A = C.timeOffPolicies ?? [], c = q(
+    { companyUuid: i },
+    {
+      throwOnError: (e) => {
+        if (e instanceof Q) {
+          const d = e.httpMeta.response.status;
+          if (d === 204 || d === 404)
+            return !1;
+        }
+        return !0;
+      }
+    }
+  ), a = c.data?.holidayPayPolicy, { data: I } = B({
+    companyId: i,
     terminated: !1
-  }), h = T.showEmployees?.length ?? 0, { mutateAsync: E } = F(), O = P.map((e) => {
-    const o = e.employees.length;
-    let l;
-    return o > 0 && o === h ? l = i("allEmployeesLabel") : o > 0 ? l = i("employeeCount", { count: o }) : l = i("enrolledDash"), {
-      uuid: e.uuid,
-      name: e.name,
-      policyType: e.policyType,
-      isComplete: e.complete ?? !1,
-      enrolledDisplay: l
-    };
+  }), g = I.showEmployees?.length ?? 0, u = v(), y = x(), S = N([c], { submitError: T, setSubmitError: O }), H = u.isPending || y.isPending, f = (e) => e > 0 && e === g ? t("allEmployeesLabel") : e > 0 ? t("employeeCount", { count: e }) : t("enrolledDash"), p = A.map((e) => ({
+    uuid: e.uuid,
+    name: e.name,
+    policyType: e.policyType,
+    isComplete: e.complete ?? !1,
+    enrolledDisplay: f(e.employees.length)
+  }));
+  a && p.push({
+    uuid: a.companyUuid,
+    name: t("holidayPayPolicy"),
+    policyType: "holiday",
+    isComplete: !0,
+    enrolledDisplay: f(a.employees.length),
+    isHoliday: !0
   });
-  return /* @__PURE__ */ a(
-    _,
+  const _ = () => {
+    o(n.TIME_OFF_CREATE_POLICY);
+  }, F = (e) => {
+    o(n.TIME_OFF_VIEW_POLICY, {
+      policyId: e.uuid,
+      policyType: e.policyType
+    });
+  }, L = (e) => {
+    o(n.TIME_OFF_VIEW_POLICY, {
+      policyId: e.uuid,
+      policyType: e.policyType
+    });
+  }, M = async (e) => {
+    m(e.uuid), await h({}, async () => {
+      e.isHoliday ? (await y.mutateAsync({
+        request: { companyUuid: i }
+      }), await Y(r), l(t("flash.holidayDeleted"))) : (await u.mutateAsync({
+        request: { timeOffPolicyUuid: e.uuid }
+      }), await U(r), l(t("flash.policyDeleted", { name: e.name })));
+    }), m(null);
+  };
+  return /* @__PURE__ */ s(W, { error: S.errors, children: /* @__PURE__ */ s(
+    R,
     {
-      policies: O,
-      onCreatePolicy: () => {
-        n(s.TIME_OFF_CREATE_POLICY);
-      },
-      onEditPolicy: (e) => {
-        n(s.TIME_OFF_VIEW_POLICY, {
-          policyId: e.uuid,
-          policyType: e.policyType
-        });
-      },
-      onFinishSetup: (e) => {
-        n(s.TIME_OFF_VIEW_POLICY, {
-          policyId: e.uuid,
-          policyType: e.policyType
-        });
-      },
-      onDeletePolicy: async (e) => {
-        m(e.uuid), await u({}, async () => {
-          await E({
-            request: {
-              timeOffPolicyUuid: e.uuid
-            }
-          }), await A(p), c(i("flash.policyDeleted", { name: e.name }));
-        }), m(null);
-      },
-      deleteSuccessAlert: f,
+      policies: p,
+      onCreatePolicy: _,
+      onEditPolicy: F,
+      onFinishSetup: L,
+      onDeletePolicy: M,
+      deleteSuccessAlert: E,
       onDismissDeleteAlert: () => {
-        c(null);
+        l(null);
       },
-      isDeletingPolicyId: y
+      isDeletingPolicyId: D,
+      isPending: H
     }
-  );
+  ) });
 }
 export {
-  J as PolicyList
+  ye as PolicyList
 };
 //# sourceMappingURL=PolicyList.js.map

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyList.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyList/PolicyList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useTimeOffPoliciesGetAllSuspense,\n  invalidateAllTimeOffPoliciesGetAll,\n} from '@gusto/embedded-api/react-query/timeOffPoliciesGetAll'\nimport { useTimeOffPoliciesDeactivateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesDeactivate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {\n  companyId: string\n}\n\nexport function PolicyList(props: PolicyListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: PolicyListProps) {\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const [deleteSuccessAlert, setDeleteSuccessAlert] = useState<string | null>(null)\n  const [isDeletingPolicyId, setIsDeletingPolicyId] = useState<string | null>(null)\n\n  const { data: policiesData } = useTimeOffPoliciesGetAllSuspense({\n    companyUuid: companyId,\n  })\n  const timeOffPolicies = policiesData.timeOffPolicies ?? []\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n  const totalActiveEmployees = employeesData.showEmployees?.length ?? 0\n\n  const { mutateAsync: deactivatePolicy } = useTimeOffPoliciesDeactivateMutation()\n\n  const policies: PolicyListItem[] = timeOffPolicies.map((policy: TimeOffPolicy) => {\n    const enrolledCount = policy.employees.length\n    let enrolledDisplay: string\n\n    if (enrolledCount > 0 && enrolledCount === totalActiveEmployees) {\n      enrolledDisplay = t('allEmployeesLabel')\n    } else if (enrolledCount > 0) {\n      enrolledDisplay = t('employeeCount', { count: enrolledCount })\n    } else {\n      enrolledDisplay = t('enrolledDash')\n    }\n\n    return {\n      uuid: policy.uuid,\n      name: policy.name,\n      policyType: policy.policyType,\n      isComplete: policy.complete ?? false,\n      enrolledDisplay,\n    }\n  })\n\n  const handleCreatePolicy = () => {\n    onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n  }\n\n  const handleEditPolicy = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleFinishSetup = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleDeletePolicy = async (policy: PolicyListItem) => {\n    setIsDeletingPolicyId(policy.uuid)\n    await baseSubmitHandler({}, async () => {\n      await deactivatePolicy({\n        request: {\n          timeOffPolicyUuid: policy.uuid,\n        },\n      })\n\n      await invalidateAllTimeOffPoliciesGetAll(queryClient)\n      setDeleteSuccessAlert(t('flash.policyDeleted', { name: policy.name }))\n    })\n    setIsDeletingPolicyId(null)\n  }\n\n  return (\n    <PolicyListPresentation\n      policies={policies}\n      onCreatePolicy={handleCreatePolicy}\n      onEditPolicy={handleEditPolicy}\n      onFinishSetup={handleFinishSetup}\n      onDeletePolicy={handleDeletePolicy}\n      deleteSuccessAlert={deleteSuccessAlert}\n      onDismissDeleteAlert={() => {\n        setDeleteSuccessAlert(null)\n      }}\n      isDeletingPolicyId={isDeletingPolicyId}\n    />\n  )\n}\n"],"names":["PolicyList","props","jsx","BaseComponent","Root","companyId","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","deleteSuccessAlert","setDeleteSuccessAlert","useState","isDeletingPolicyId","setIsDeletingPolicyId","policiesData","useTimeOffPoliciesGetAllSuspense","timeOffPolicies","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicy","useTimeOffPoliciesDeactivateMutation","policies","policy","enrolledCount","enrolledDisplay","PolicyListPresentation","componentEvents","invalidateAllTimeOffPoliciesGetAll"],"mappings":";;;;;;;;;;;;AAqBO,SAASA,EAAWC,GAAwB;AACjD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,KAA8B;AAC5C,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GACxD,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjCC,IAAcC,EAAA,GAEd,CAACC,GAAoBC,CAAqB,IAAIC,EAAwB,IAAI,GAC1E,CAACC,GAAoBC,CAAqB,IAAIF,EAAwB,IAAI,GAE1E,EAAE,MAAMG,EAAA,IAAiBC,EAAiC;AAAA,IAC9D,aAAaf;AAAA,EAAA,CACd,GACKgB,IAAkBF,EAAa,mBAAmB,CAAA,GAElD,EAAE,MAAMG,EAAA,IAAkBC,EAAyB;AAAA,IACvD,WAAAlB;AAAA,IACA,YAAY;AAAA,EAAA,CACb,GACKmB,IAAuBF,EAAc,eAAe,UAAU,GAE9D,EAAE,aAAaG,EAAA,IAAqBC,EAAA,GAEpCC,IAA6BN,EAAgB,IAAI,CAACO,MAA0B;AAChF,UAAMC,IAAgBD,EAAO,UAAU;AACvC,QAAIE;AAEJ,WAAID,IAAgB,KAAKA,MAAkBL,IACzCM,IAAkBvB,EAAE,mBAAmB,IAC9BsB,IAAgB,IACzBC,IAAkBvB,EAAE,iBAAiB,EAAE,OAAOsB,GAAe,IAE7DC,IAAkBvB,EAAE,cAAc,GAG7B;AAAA,MACL,MAAMqB,EAAO;AAAA,MACb,MAAMA,EAAO;AAAA,MACb,YAAYA,EAAO;AAAA,MACnB,YAAYA,EAAO,YAAY;AAAA,MAC/B,iBAAAE;AAAA,IAAA;AAAA,EAEJ,CAAC;AAmCD,SACE,gBAAA5B;AAAA,IAAC6B;AAAA,IAAA;AAAA,MACC,UAAAJ;AAAA,MACA,gBApCuB,MAAM;AAC/B,QAAAlB,EAAQuB,EAAgB,sBAAsB;AAAA,MAChD;AAAA,MAmCI,cAjCqB,CAACJ,MAA2B;AACnD,QAAAnB,EAAQuB,EAAgB,sBAAsB;AAAA,UAC5C,UAAUJ,EAAO;AAAA,UACjB,YAAYA,EAAO;AAAA,QAAA,CACpB;AAAA,MACH;AAAA,MA6BI,eA3BsB,CAACA,MAA2B;AACpD,QAAAnB,EAAQuB,EAAgB,sBAAsB;AAAA,UAC5C,UAAUJ,EAAO;AAAA,UACjB,YAAYA,EAAO;AAAA,QAAA,CACpB;AAAA,MACH;AAAA,MAuBI,gBArBuB,OAAOA,MAA2B;AAC3D,QAAAV,EAAsBU,EAAO,IAAI,GACjC,MAAMlB,EAAkB,CAAA,GAAI,YAAY;AACtC,gBAAMe,EAAiB;AAAA,YACrB,SAAS;AAAA,cACP,mBAAmBG,EAAO;AAAA,YAAA;AAAA,UAC5B,CACD,GAED,MAAMK,EAAmCrB,CAAW,GACpDG,EAAsBR,EAAE,uBAAuB,EAAE,MAAMqB,EAAO,KAAA,CAAM,CAAC;AAAA,QACvE,CAAC,GACDV,EAAsB,IAAI;AAAA,MAC5B;AAAA,MASI,oBAAAJ;AAAA,MACA,sBAAsB,MAAM;AAC1B,QAAAC,EAAsB,IAAI;AAAA,MAC5B;AAAA,MACA,oBAAAE;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyList/PolicyList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useQueryClient } from '@tanstack/react-query'\nimport {\n  useTimeOffPoliciesGetAllSuspense,\n  invalidateAllTimeOffPoliciesGetAll,\n} from '@gusto/embedded-api/react-query/timeOffPoliciesGetAll'\nimport { useTimeOffPoliciesDeactivateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesDeactivate'\nimport { useEmployeesListSuspense } from '@gusto/embedded-api/react-query/employeesList'\nimport {\n  useHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesDeleteMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesDelete'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {\n  companyId: string\n}\n\nexport function PolicyList({ FallbackComponent, ...props }: PolicyListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Company.TimeOff.TimeOffPolicies\"\n      FallbackComponent={FallbackComponent}\n    >\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ companyId, onEvent }: PolicyListProps) {\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n  const queryClient = useQueryClient()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Company.TimeOff.TimeOffPolicies')\n\n  const [deleteSuccessAlert, setDeleteSuccessAlert] = useState<string | null>(null)\n  const [isDeletingPolicyId, setIsDeletingPolicyId] = useState<string | null>(null)\n\n  const { data: policiesData } = useTimeOffPoliciesGetAllSuspense({\n    companyUuid: companyId,\n  })\n  const timeOffPolicies = policiesData.timeOffPolicies ?? []\n\n  const holidayQuery = useHolidayPayPoliciesGet(\n    { companyUuid: companyId },\n    {\n      throwOnError: (error: Error) => {\n        if (error instanceof GustoEmbeddedError) {\n          const status = error.httpMeta.response.status\n          if (status === 204 || status === 404) {\n            return false\n          }\n        }\n        return true\n      },\n    },\n  )\n  const holidayPayPolicy = holidayQuery.data?.holidayPayPolicy\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n  const totalActiveEmployees = employeesData.showEmployees?.length ?? 0\n\n  const deactivatePolicyMutation = useTimeOffPoliciesDeactivateMutation()\n  const deleteHolidayMutation = useHolidayPayPoliciesDeleteMutation()\n\n  const errorHandling = composeErrorHandler([holidayQuery], { submitError, setSubmitError })\n  const isPending = deactivatePolicyMutation.isPending || deleteHolidayMutation.isPending\n\n  const getEnrolledDisplay = (enrolledCount: number) => {\n    if (enrolledCount > 0 && enrolledCount === totalActiveEmployees) {\n      return t('allEmployeesLabel')\n    } else if (enrolledCount > 0) {\n      return t('employeeCount', { count: enrolledCount })\n    }\n    return t('enrolledDash')\n  }\n\n  const policies: PolicyListItem[] = timeOffPolicies.map((policy: TimeOffPolicy) => ({\n    uuid: policy.uuid,\n    name: policy.name,\n    policyType: policy.policyType,\n    isComplete: policy.complete ?? false,\n    enrolledDisplay: getEnrolledDisplay(policy.employees.length),\n  }))\n\n  if (holidayPayPolicy) {\n    policies.push({\n      uuid: holidayPayPolicy.companyUuid,\n      name: t('holidayPayPolicy'),\n      policyType: 'holiday',\n      isComplete: true,\n      enrolledDisplay: getEnrolledDisplay(holidayPayPolicy.employees.length),\n      isHoliday: true,\n    })\n  }\n\n  const handleCreatePolicy = () => {\n    onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n  }\n\n  const handleEditPolicy = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleFinishSetup = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleDeletePolicy = async (policy: PolicyListItem) => {\n    setIsDeletingPolicyId(policy.uuid)\n    await baseSubmitHandler({}, async () => {\n      if (policy.isHoliday) {\n        await deleteHolidayMutation.mutateAsync({\n          request: { companyUuid: companyId },\n        })\n        await invalidateAllHolidayPayPoliciesGet(queryClient)\n        setDeleteSuccessAlert(t('flash.holidayDeleted'))\n      } else {\n        await deactivatePolicyMutation.mutateAsync({\n          request: { timeOffPolicyUuid: policy.uuid },\n        })\n        await invalidateAllTimeOffPoliciesGetAll(queryClient)\n        setDeleteSuccessAlert(t('flash.policyDeleted', { name: policy.name }))\n      }\n    })\n    setIsDeletingPolicyId(null)\n  }\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <PolicyListPresentation\n        policies={policies}\n        onCreatePolicy={handleCreatePolicy}\n        onEditPolicy={handleEditPolicy}\n        onFinishSetup={handleFinishSetup}\n        onDeletePolicy={handleDeletePolicy}\n        deleteSuccessAlert={deleteSuccessAlert}\n        onDismissDeleteAlert={() => {\n          setDeleteSuccessAlert(null)\n        }}\n        isDeletingPolicyId={isDeletingPolicyId}\n        isPending={isPending}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["PolicyList","FallbackComponent","props","jsx","BaseBoundaries","Root","companyId","onEvent","useI18n","useTranslation","queryClient","useQueryClient","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","deleteSuccessAlert","setDeleteSuccessAlert","useState","isDeletingPolicyId","setIsDeletingPolicyId","policiesData","useTimeOffPoliciesGetAllSuspense","timeOffPolicies","holidayQuery","useHolidayPayPoliciesGet","error","GustoEmbeddedError","status","holidayPayPolicy","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicyMutation","useTimeOffPoliciesDeactivateMutation","deleteHolidayMutation","useHolidayPayPoliciesDeleteMutation","errorHandling","composeErrorHandler","isPending","getEnrolledDisplay","enrolledCount","policies","policy","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","invalidateAllHolidayPayPoliciesGet","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":"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"}

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyListPresentation.d.ts

@@ -1,2 +1,2 @@
 import { PolicyListPresentationProps } from './PolicyListTypes';
-export declare function PolicyListPresentation({ policies, onCreatePolicy, onEditPolicy, onFinishSetup, onDeletePolicy, deleteSuccessAlert, onDismissDeleteAlert, isDeletingPolicyId, }: PolicyListPresentationProps): import("react/jsx-runtime").JSX.Element;
+export declare function PolicyListPresentation({ policies, onCreatePolicy, onEditPolicy, onFinishSetup, onDeletePolicy, deleteSuccessAlert, onDismissDeleteAlert, isDeletingPolicyId, isPending, }: PolicyListPresentationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyListPresentation.js

@@ -1,77 +1,78 @@
-import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
 import { useState as T } from "react";
 import { useTranslation as k } from "react-i18next";
 import v from "./PolicyListPresentation.module.scss.js";
 import { Flex as p } from "../../Common/Flex/Flex.js";
 import { EmptyData as w } from "../../Common/EmptyData/EmptyData.js";
 import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as j } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as A } from "../../../i18n/I18n.js";
-import { HamburgerMenu as H } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as V } from "../../Common/DataView/useDataView.js";
-import { DataView as I } from "../../Common/DataView/DataView.js";
-function U({
+import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as j } from "../../../i18n/I18n.js";
+import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as I } from "../../Common/DataView/useDataView.js";
+import { DataView as M } from "../../Common/DataView/DataView.js";
+function W({
   policies: a,
   onCreatePolicy: r,
-  onEditPolicy: f,
-  onFinishSetup: u,
-  onDeletePolicy: y,
+  onEditPolicy: y,
+  onFinishSetup: f,
+  onDeletePolicy: u,
   deleteSuccessAlert: s,
-  onDismissDeleteAlert: D,
-  isDeletingPolicyId: g
+  onDismissDeleteAlert: g,
+  isDeletingPolicyId: D,
+  isPending: C
 }) {
-  const { Button: n, Heading: C, Text: c, Alert: h, Dialog: b } = j();
-  A("Company.TimeOff.TimeOffPolicies");
+  const { Button: o, Heading: h, Text: c, Alert: b, Dialog: P } = A();
+  j("Company.TimeOff.TimeOffPolicies");
   const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [l, m] = T({
     isOpen: !1,
     policy: null
-  }), P = (i) => {
-    m({ isOpen: !0, policy: i });
+  }), O = (t) => {
+    m({ isOpen: !0, policy: t });
   }, d = () => {
     m({ isOpen: !1, policy: null });
-  }, O = () => {
-    l.policy && (y(l.policy), d());
-  }, { ...x } = V({
+  }, x = () => {
+    l.policy && (u(l.policy), d());
+  }, { ...L } = I({
     data: a,
     columns: [
       {
         title: e("tableHeaders.name"),
-        render: (i) => /* @__PURE__ */ t(c, { weight: "medium", children: i.name })
+        render: (t) => /* @__PURE__ */ i(c, { weight: "medium", children: t.name })
       },
       {
         title: e("tableHeaders.enrolled"),
-        render: (i) => /* @__PURE__ */ t(c, { variant: "supporting", children: i.enrolledDisplay })
+        render: (t) => /* @__PURE__ */ i(c, { variant: "supporting", children: t.enrolledDisplay })
       }
     ],
-    itemMenu: (i) => {
-      const L = g === i.uuid;
-      return /* @__PURE__ */ o("div", { className: v.actionsCell, children: [
-        !i.isComplete && /* @__PURE__ */ t(
-          n,
+    itemMenu: (t) => {
+      const H = D === t.uuid;
+      return /* @__PURE__ */ n("div", { className: v.actionsCell, children: [
+        !t.isComplete && /* @__PURE__ */ i(
+          o,
           {
             variant: "secondary",
             onClick: () => {
-              u(i);
+              f(t);
             },
             children: e("finishSetupCta")
           }
         ),
-        /* @__PURE__ */ t(
-          H,
+        /* @__PURE__ */ i(
+          V,
           {
-            isLoading: L,
+            isLoading: H,
             menuLabel: e("tableLabel"),
             items: [
               {
                 label: e("actions.editPolicy"),
                 onClick: () => {
-                  f(i);
+                  y(t);
                 }
               },
               {
                 label: e("actions.deletePolicy"),
                 onClick: () => {
-                  P(i);
+                  O(t);
                 }
               }
             ]
@@ -79,11 +80,11 @@ function U({
         )
       ] });
     },
-    emptyState: () => /* @__PURE__ */ t(w, { title: e("emptyState.heading"), description: e("emptyState.body"), children: /* @__PURE__ */ t(S, { justifyContent: "center", children: /* @__PURE__ */ t(n, { variant: "secondary", onClick: r, children: e("createPolicyCta") }) }) })
+    emptyState: () => /* @__PURE__ */ i(w, { title: e("emptyState.heading"), description: e("emptyState.body"), children: /* @__PURE__ */ i(S, { justifyContent: "center", children: /* @__PURE__ */ i(o, { variant: "secondary", onClick: r, children: e("createPolicyCta") }) }) })
   });
-  return /* @__PURE__ */ o(p, { flexDirection: "column", gap: 16, children: [
-    s && /* @__PURE__ */ t(h, { status: "success", label: s, onDismiss: D }),
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ n(p, { flexDirection: "column", gap: 16, children: [
+    s && /* @__PURE__ */ i(b, { status: "success", label: s, onDismiss: g }),
+    /* @__PURE__ */ n(
       p,
       {
         flexDirection: { base: "column", medium: "row" },
@@ -91,25 +92,26 @@ function U({
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
         children: [
-          /* @__PURE__ */ t(C, { as: "h2", children: e("pageTitle") }),
-          a.length > 0 && /* @__PURE__ */ t(n, { variant: "primary", onClick: r, children: e("createPolicyCta") })
+          /* @__PURE__ */ i(h, { as: "h2", children: e("pageTitle") }),
+          a.length > 0 && /* @__PURE__ */ i(o, { variant: "primary", onClick: r, children: e("createPolicyCta") })
         ]
       }
     ),
-    /* @__PURE__ */ t(I, { label: e("tableLabel"), ...x }),
-    /* @__PURE__ */ t(
-      b,
+    /* @__PURE__ */ i(M, { label: e("tableLabel"), ...L }),
+    /* @__PURE__ */ i(
+      P,
       {
         isOpen: l.isOpen,
         onClose: d,
-        onPrimaryActionClick: O,
+        onPrimaryActionClick: x,
+        isPrimaryActionLoading: C,
         isDestructive: !0,
-        title: e("deletePolicyDialog.title", {
+        title: l.policy?.isHoliday ? e("deleteHolidayDialog.title") : e("deletePolicyDialog.title", {
           name: l.policy?.name ?? ""
         }),
         primaryActionLabel: e("deletePolicyDialog.confirmCta"),
         closeActionLabel: e("deletePolicyDialog.cancelCta"),
-        children: e("deletePolicyDialog.description", {
+        children: l.policy?.isHoliday ? e("deleteHolidayDialog.description") : e("deletePolicyDialog.description", {
           name: l.policy?.name ?? ""
         })
       }
@@ -117,6 +119,6 @@ function U({
   ] });
 }
 export {
-  U as PolicyListPresentation
+  W as PolicyListPresentation
 };
 //# sourceMappingURL=PolicyListPresentation.js.map

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyList/PolicyListPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyListPresentationProps, PolicyListItem } from './PolicyListTypes'\nimport styles from './PolicyListPresentation.module.scss'\nimport {\n  DataView,\n  Flex,\n  EmptyData,\n  ActionsLayout,\n  HamburgerMenu,\n  useDataView,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function PolicyListPresentation({\n  policies,\n  onCreatePolicy,\n  onEditPolicy,\n  onFinishSetup,\n  onDeletePolicy,\n  deleteSuccessAlert,\n  onDismissDeleteAlert,\n  isDeletingPolicyId,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Text, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = () => {\n    if (deletePolicyDialogState.policy) {\n      onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => <Text weight=\"medium\">{policy.name}</Text>,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => (\n          <Text variant=\"supporting\">{policy.enrolledDisplay}</Text>\n        ),\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n\n      return (\n        <div className={styles.actionsCell}>\n          {!policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            menuLabel={t('tableLabel')}\n            items={[\n              {\n                label: t('actions.editPolicy'),\n                onClick: () => {\n                  onEditPolicy(policy)\n                },\n              },\n              {\n                label: t('actions.deletePolicy'),\n                onClick: () => {\n                  handleOpenDeleteDialog(policy)\n                },\n              },\n            ]}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        {policies.length > 0 && (\n          <Button variant=\"primary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        )}\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isDestructive\n        title={t('deletePolicyDialog.title', {\n          name: deletePolicyDialogState.policy?.name ?? '',\n        })}\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {t('deletePolicyDialog.description', {\n          name: deletePolicyDialogState.policy?.name ?? '',\n        })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","Button","Heading","Text","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","jsx","isDeleting","jsxs","styles","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}
+{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyList/PolicyListPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicyListPresentationProps, PolicyListItem } from './PolicyListTypes'\nimport styles from './PolicyListPresentation.module.scss'\nimport {\n  DataView,\n  Flex,\n  EmptyData,\n  ActionsLayout,\n  HamburgerMenu,\n  useDataView,\n} from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function PolicyListPresentation({\n  policies,\n  onCreatePolicy,\n  onEditPolicy,\n  onFinishSetup,\n  onDeletePolicy,\n  deleteSuccessAlert,\n  onDismissDeleteAlert,\n  isDeletingPolicyId,\n  isPending,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Text, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = () => {\n    if (deletePolicyDialogState.policy) {\n      onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => <Text weight=\"medium\">{policy.name}</Text>,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => (\n          <Text variant=\"supporting\">{policy.enrolledDisplay}</Text>\n        ),\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n\n      return (\n        <div className={styles.actionsCell}>\n          {!policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            menuLabel={t('tableLabel')}\n            items={[\n              {\n                label: t('actions.editPolicy'),\n                onClick: () => {\n                  onEditPolicy(policy)\n                },\n              },\n              {\n                label: t('actions.deletePolicy'),\n                onClick: () => {\n                  handleOpenDeleteDialog(policy)\n                },\n              },\n            ]}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        {policies.length > 0 && (\n          <Button variant=\"primary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        )}\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isPrimaryActionLoading={isPending}\n        isDestructive\n        title={\n          deletePolicyDialogState.policy?.isHoliday\n            ? t('deleteHolidayDialog.title')\n            : t('deletePolicyDialog.title', {\n                name: deletePolicyDialogState.policy?.name ?? '',\n              })\n        }\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {deletePolicyDialogState.policy?.isHoliday\n          ? t('deleteHolidayDialog.description')\n          : t('deletePolicyDialog.description', {\n              name: deletePolicyDialogState.policy?.name ?? '',\n            })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","isPending","Button","Heading","Text","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","jsx","isDeleting","jsxs","styles","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":";;;;;;;;;;;;AAeO,SAASA,EAAuB;AAAA,EACrC,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,WAAAC;AACF,GAAgC;AAC9B,QAAM,EAAE,QAAAC,GAAQ,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,QAAAC,EAAA,IAAWC,EAAA;AACjD,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,iCAAiC,GAExD,CAACC,GAAyBC,CAA0B,IAAIC,EAG3D;AAAA,IACD,QAAQ;AAAA,IACR,QAAQ;AAAA,EAAA,CACT,GAEKC,IAAyB,CAACC,MAA2B;AACzD,IAAAH,EAA2B,EAAE,QAAQ,IAAM,QAAAG,EAAA,CAAQ;AAAA,EACrD,GAEMC,IAA0B,MAAM;AACpC,IAAAJ,EAA2B,EAAE,QAAQ,IAAO,QAAQ,MAAM;AAAA,EAC5D,GAEMK,IAAsB,MAAM;AAChC,IAAIN,EAAwB,WAC1Bd,EAAec,EAAwB,MAAM,GAC7CK,EAAA;AAAA,EAEJ,GAEM,EAAE,GAAGE,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAM1B;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOgB,EAAE,mBAAmB;AAAA,QAC5B,QAAQ,CAACM,MAA2B,gBAAAK,EAAChB,KAAK,QAAO,UAAU,YAAO,KAAA,CAAK;AAAA,MAAA;AAAA,MAEzE;AAAA,QACE,OAAOK,EAAE,uBAAuB;AAAA,QAChC,QAAQ,CAACM,MACP,gBAAAK,EAAChB,KAAK,SAAQ,cAAc,YAAO,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAEvD;AAAA,IAEF,UAAU,CAACW,MAA2B;AACpC,YAAMM,IAAarB,MAAuBe,EAAO;AAEjD,aACE,gBAAAO,EAAC,OAAA,EAAI,WAAWC,EAAO,aACpB,UAAA;AAAA,QAAA,CAACR,EAAO,cACP,gBAAAK;AAAA,UAAClB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAAN,EAAcmB,CAAM;AAAA,YACtB;AAAA,YAEC,YAAE,gBAAgB;AAAA,UAAA;AAAA,QAAA;AAAA,QAGvB,gBAAAK;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWH;AAAA,YACX,WAAWZ,EAAE,YAAY;AAAA,YACzB,OAAO;AAAA,cACL;AAAA,gBACE,OAAOA,EAAE,oBAAoB;AAAA,gBAC7B,SAAS,MAAM;AACb,kBAAAd,EAAaoB,CAAM;AAAA,gBACrB;AAAA,cAAA;AAAA,cAEF;AAAA,gBACE,OAAON,EAAE,sBAAsB;AAAA,gBAC/B,SAAS,MAAM;AACb,kBAAAK,EAAuBC,CAAM;AAAA,gBAC/B;AAAA,cAAA;AAAA,YACF;AAAA,UACF;AAAA,QAAA;AAAA,MACF,GACF;AAAA,IAEJ;AAAA,IACA,YAAY,MACV,gBAAAK,EAACK,GAAA,EAAU,OAAOhB,EAAE,oBAAoB,GAAG,aAAaA,EAAE,iBAAiB,GACzE,UAAA,gBAAAW,EAACM,KAAc,gBAAe,UAC5B,UAAA,gBAAAN,EAAClB,GAAA,EAAO,SAAQ,aAAY,SAASR,GAClC,UAAAe,EAAE,iBAAiB,EAAA,CACtB,EAAA,CACF,EAAA,CACF;AAAA,EAAA,CAEH;AAED,SACE,gBAAAa,EAACK,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA7B,uBACEO,GAAA,EAAM,QAAO,WAAU,OAAOP,GAAoB,WAAWC,GAAsB;AAAA,IAGtF,gBAAAuB;AAAA,MAACK;AAAA,MAAA;AAAA,QACC,eAAe,EAAE,MAAM,UAAU,QAAQ,MAAA;AAAA,QACzC,gBAAe;AAAA,QACf,YAAW;AAAA,QACX,KAAK,EAAE,MAAM,IAAI,QAAQ,GAAA;AAAA,QAEzB,UAAA;AAAA,UAAA,gBAAAP,EAACjB,GAAA,EAAQ,IAAG,MAAM,UAAAM,EAAE,WAAW,GAAE;AAAA,UAChChB,EAAS,SAAS,KACjB,gBAAA2B,EAAClB,GAAA,EAAO,SAAQ,WAAU,SAASR,GAChC,UAAAe,EAAE,iBAAiB,EAAA,CACtB;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,sBAIHmB,GAAA,EAAS,OAAOnB,EAAE,YAAY,GAAI,GAAGS,GAAe;AAAA,IAErD,gBAAAE;AAAA,MAACd;AAAA,MAAA;AAAA,QACC,QAAQK,EAAwB;AAAA,QAChC,SAASK;AAAA,QACT,sBAAsBC;AAAA,QACtB,wBAAwBhB;AAAA,QACxB,eAAa;AAAA,QACb,OACEU,EAAwB,QAAQ,YAC5BF,EAAE,2BAA2B,IAC7BA,EAAE,4BAA4B;AAAA,UAC5B,MAAME,EAAwB,QAAQ,QAAQ;AAAA,QAAA,CAC/C;AAAA,QAEP,oBAAoBF,EAAE,+BAA+B;AAAA,QACrD,kBAAkBA,EAAE,8BAA8B;AAAA,QAEjD,YAAwB,QAAQ,YAC7BA,EAAE,iCAAiC,IACnCA,EAAE,kCAAkC;AAAA,UAClC,MAAME,EAAwB,QAAQ,QAAQ;AAAA,QAAA,CAC/C;AAAA,MAAA;AAAA,IAAA;AAAA,EACP,GACF;AAEJ;"}

package/dist/components/UNSTABLE_TimeOff/PolicyList/PolicyListTypes.d.ts

@@ -4,6 +4,7 @@ export interface PolicyListItem {
     policyType: string;
     isComplete: boolean;
     enrolledDisplay: string;
+    isHoliday?: boolean;
 }
 export interface PolicyListPresentationProps {
     policies: PolicyListItem[];
@@ -14,4 +15,5 @@ export interface PolicyListPresentationProps {
     deleteSuccessAlert?: string | null;
     onDismissDeleteAlert?: () => void;
     isDeletingPolicyId?: string | null;
+    isPending?: boolean;
 }

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.module.scss.js

@@ -0,0 +1,18 @@
+const t = "_policySettings_wbmnm_1", e = "_divider_wbmnm_9", i = "_settingRow_wbmnm_15", l = "_settingField_wbmnm_23", n = "_toggleCell_wbmnm_27", s = "_disabledField_wbmnm_31", d = {
+  policySettings: t,
+  divider: e,
+  settingRow: i,
+  settingField: l,
+  toggleCell: n,
+  disabledField: s
+};
+export {
+  d as default,
+  s as disabledField,
+  e as divider,
+  t as policySettings,
+  l as settingField,
+  i as settingRow,
+  n as toggleCell
+};
+//# sourceMappingURL=PolicySettings.module.scss.js.map

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettings.module.scss.js.map

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

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.d.ts

@@ -0,0 +1,2 @@
+import { PolicySettingsPresentationProps } from './PolicySettingsTypes';
+export declare function PolicySettingsPresentation({ accrualMethod, onContinue, onBack, defaultValues, }: PolicySettingsPresentationProps): import("react/jsx-runtime").JSX.Element;