@gusto/embedded-react-sdk 0.42.0 → 0.44.0

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

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

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

@@ -0,0 +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\nexport interface HolidaySelectionFormProps extends BaseComponentInterface {\n  companyId: string\n  mode?: 'create' | 'edit'\n}\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 } = 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    />\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 } = 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    />\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","useHolidayPayPoliciesCreateMutation","handleContinue","response","buildFederalHolidaysPayload","invalidateAllHolidayPayPoliciesGet","componentEvents","handleBack","HolidaySelectionFormPresentation","data","useHolidayPayPoliciesGetSuspense","initialSelected","federal","key","updatePolicy","useHolidayPayPoliciesUpdateMutation"],"mappings":"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"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/HolidaySelectionForm/HolidaySelectionFormPresentation.js

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

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

@@ -0,0 +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\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) => <Text weight=\"medium\">{item.name}</Text>,\n      },\n      {\n        key: 'observedDate' as keyof HolidayItem,\n        title: t('tableHeaders.observedDate'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.observedDate}</Text>,\n      },\n      {\n        key: 'nextObservation' as keyof HolidayItem,\n        title: t('tableHeaders.nextObservation'),\n        render: (item: HolidayItem) => <Text variant=\"supporting\">{item.nextObservation}</Text>,\n      },\n    ],\n    [t, Text],\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}>\n            {t('backCta')}\n          </Button>\n          <Button variant=\"primary\" onClick={props.onContinue}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      )}\n    </Flex>\n  )\n}\n"],"names":["HolidaySelectionFormPresentation","props","useI18n","t","useTranslation","Heading","Text","Button","useComponentContext","holidays","isViewMode","columns","useMemo","item","jsx","selectionProps","dataViewProps","useDataView","jsxs","Flex","DataView","ActionsLayout"],"mappings":";;;;;;;;;;;AAUO,SAASA,EAAiCC,GAA8C;AAC7F,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAE5B,EAAE,UAAAC,MAAaR,GACfS,IAAaT,EAAM,SAAS,QAE5BU,IAAUC;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOT,EAAE,0BAA0B;AAAA,QACnC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,QAAO,UAAU,YAAK,KAAA,CAAK;AAAA,MAAA;AAAA,MAElE;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,aAAA,CAAa;AAAA,MAAA;AAAA,MAE/E;AAAA,QACE,KAAK;AAAA,QACL,OAAOH,EAAE,8BAA8B;AAAA,QACvC,QAAQ,CAACU,MAAsB,gBAAAC,EAACR,KAAK,SAAQ,cAAc,YAAK,gBAAA,CAAgB;AAAA,MAAA;AAAA,IAClF;AAAA,IAEF,CAACH,GAAGG,CAAI;AAAA,EAAA,GAGJS,IAAkBL,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,GAIlFG,IAAgBC,EAAyB;AAAA,IAC7C,MAAMR;AAAA,IACN,SAAAE;AAAA,IACA,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAG,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAA,CAACT,KACA,gBAAAQ,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAL,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,OAAO,GAAE;AAAA,wBAC5BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC/C;AAAA,sBAGDiB,GAAA,EAAS,OAAOjB,EAAE,YAAY,GAAI,GAAGa,GAAe;AAAA,IAEpD,CAACN,KACA,gBAAAQ,EAACG,GAAA,EACC,UAAA;AAAA,MAAA,gBAAAP,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASN,EAAM,QACxC,UAAAE,EAAE,SAAS,EAAA,CACd;AAAA,MACA,gBAAAW,EAACP,KAAO,SAAQ,WAAU,SAASN,EAAM,YACtC,UAAAE,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/HolidaySelectionForm/HolidaySelectionFormTypes.d.ts

@@ -11,6 +11,7 @@ interface HolidaySelectionFormSelectModeProps extends HolidaySelectionFormBasePr
     mode?: 'select';
     selectedHolidayUuids: Set<string>;
     onSelectionChange: (item: HolidayItem, selected: boolean) => void;
+    onSelectAll: (selected: boolean, visibleItems: HolidayItem[]) => void;
     onContinue: () => void;
     onBack: () => void;
 }
@@ -18,6 +19,7 @@ interface HolidaySelectionFormViewModeProps extends HolidaySelectionFormBaseProp
     mode: 'view';
     selectedHolidayUuids?: never;
     onSelectionChange?: never;
+    onSelectAll?: never;
     onContinue?: never;
     onBack?: never;
 }

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/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 type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { isListedTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\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 ?? []).filter(\n    policy => policy.isActive && isListedTimeOffPolicyType(policy.policyType),\n  )\n\n  // Holiday pay policy is auxiliary to the main time-off list; never crash the\n  // boundary on its failure. composeErrorHandler below surfaces the error as\n  // an inline alert via BaseLayout when it isn't an expected 204/404.\n  const holidayQuery = useHolidayPayPoliciesGet(\n    { companyUuid: companyId },\n    {\n      throwOnError: () => false,\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): Promise<boolean> => {\n    let success = false\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      onEvent(componentEvents.TIME_OFF_DELETE_POLICY_DONE, { policyId: policy.uuid })\n      success = true\n    })\n    setIsDeletingPolicyId(null)\n    return success\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","policy","isListedTimeOffPolicyType","holidayQuery","useHolidayPayPoliciesGet","holidayPayPolicy","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicyMutation","useTimeOffPoliciesDeactivateMutation","deleteHolidayMutation","useHolidayPayPoliciesDeleteMutation","errorHandling","composeErrorHandler","isPending","getEnrolledDisplay","enrolledCount","policies","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","success","invalidateAllHolidayPayPoliciesGet","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":";;;;;;;;;;;;;;;;;AA4BO,SAASA,GAAW,EAAE,mBAAAC,GAAmB,GAAGC,KAA0B;AAC3E,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MAEA,UAAA,gBAAAE,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGvB;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,SAAAC,KAA4B;AACrD,EAAAC,EAAQ,iCAAiC;AACzC,QAAM,EAAE,EAAA,IAAMC,EAAe,iCAAiC,GACxDC,IAAcC,EAAA,GAEd;AAAA,IACJ,mBAAAC;AAAA,IACA,OAAOC;AAAA,IACP,UAAUC;AAAA,EAAA,IACRC,EAAc,iCAAiC,GAE7C,CAACC,GAAoBC,CAAqB,IAAIC,EAAwB,IAAI,GAC1E,CAACC,GAAoBC,CAAqB,IAAIF,EAAwB,IAAI,GAE1E,EAAE,MAAMG,EAAA,IAAiBC,EAAiC;AAAA,IAC9D,aAAahB;AAAA,EAAA,CACd,GACKiB,KAAmBF,EAAa,mBAAmB,CAAA,GAAI;AAAA,IAC3D,CAAAG,MAAUA,EAAO,YAAYC,EAA0BD,EAAO,UAAU;AAAA,EAAA,GAMpEE,IAAeC;AAAA,IACnB,EAAE,aAAarB,EAAA;AAAA,IACf;AAAA,MACE,cAAc,MAAM;AAAA,IAAA;AAAA,EACtB,GAEIsB,IAAmBF,EAAa,MAAM,kBAEtC,EAAE,MAAMG,EAAA,IAAkBC,EAAyB;AAAA,IACvD,WAAAxB;AAAA,IACA,YAAY;AAAA,EAAA,CACb,GACKyB,IAAuBF,EAAc,eAAe,UAAU,GAE9DG,IAA2BC,EAAA,GAC3BC,IAAwBC,EAAA,GAExBC,IAAgBC,EAAoB,CAACX,CAAY,GAAG,EAAE,aAAAb,GAAa,gBAAAC,GAAgB,GACnFwB,IAAYN,EAAyB,aAAaE,EAAsB,WAExEK,IAAqB,CAACC,MACtBA,IAAgB,KAAKA,MAAkBT,IAClC,EAAE,mBAAmB,IACnBS,IAAgB,IAClB,EAAE,iBAAiB,EAAE,OAAOA,GAAe,IAE7C,EAAE,cAAc,GAGnBC,IAA6BlB,EAAgB,IAAI,CAACC,OAA2B;AAAA,IACjF,MAAMA,EAAO;AAAA,IACb,MAAMA,EAAO;AAAA,IACb,YAAYA,EAAO;AAAA,IACnB,YAAYA,EAAO,YAAY;AAAA,IAC/B,iBAAiBe,EAAmBf,EAAO,UAAU,MAAM;AAAA,EAAA,EAC3D;AAEF,EAAII,KACFa,EAAS,KAAK;AAAA,IACZ,MAAMb,EAAiB;AAAA,IACvB,MAAM,EAAE,kBAAkB;AAAA,IAC1B,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,iBAAiBW,EAAmBX,EAAiB,UAAU,MAAM;AAAA,IACrE,WAAW;AAAA,EAAA,CACZ;AAGH,QAAMc,IAAqB,MAAM;AAC/B,IAAAnC,EAAQoC,EAAgB,sBAAsB;AAAA,EAChD,GAEMC,IAAmB,CAACpB,MAA2B;AACnD,IAAAjB,EAAQoC,EAAgB,sBAAsB;AAAA,MAC5C,UAAUnB,EAAO;AAAA,MACjB,YAAYA,EAAO;AAAA,IAAA,CACpB;AAAA,EACH,GAEMqB,IAAoB,CAACrB,MAA2B;AACpD,IAAAjB,EAAQoC,EAAgB,sBAAsB;AAAA,MAC5C,UAAUnB,EAAO;AAAA,MACjB,YAAYA,EAAO;AAAA,IAAA,CACpB;AAAA,EACH,GAEMsB,IAAqB,OAAOtB,MAA6C;AAC7E,QAAIuB,IAAU;AACd,WAAA3B,EAAsBI,EAAO,IAAI,GACjC,MAAMZ,EAAkB,CAAA,GAAI,YAAY;AACtC,MAAIY,EAAO,aACT,MAAMU,EAAsB,YAAY;AAAA,QACtC,SAAS,EAAE,aAAa5B,EAAA;AAAA,MAAU,CACnC,GACD,MAAM0C,EAAmCtC,CAAW,GACpDO,EAAsB,EAAE,sBAAsB,CAAC,MAE/C,MAAMe,EAAyB,YAAY;AAAA,QACzC,SAAS,EAAE,mBAAmBR,EAAO,KAAA;AAAA,MAAK,CAC3C,GACD,MAAMyB,EAAmCvC,CAAW,GACpDO,EAAsB,EAAE,uBAAuB,EAAE,MAAMO,EAAO,KAAA,CAAM,CAAC,IAEvEjB,EAAQoC,EAAgB,6BAA6B,EAAE,UAAUnB,EAAO,MAAM,GAC9EuB,IAAU;AAAA,IACZ,CAAC,GACD3B,EAAsB,IAAI,GACnB2B;AAAA,EACT;AAEA,SACE,gBAAA5C,EAAC+C,GAAA,EAAW,OAAOd,EAAc,QAC/B,UAAA,gBAAAjC;AAAA,IAACgD;AAAA,IAAA;AAAA,MACC,UAAAV;AAAA,MACA,gBAAgBC;AAAA,MAChB,cAAcE;AAAA,MACd,eAAeC;AAAA,MACf,gBAAgBC;AAAA,MAChB,oBAAA9B;AAAA,MACA,sBAAsB,MAAM;AAC1B,QAAAC,EAAsB,IAAI;AAAA,MAC5B;AAAA,MACA,oBAAAE;AAAA,MACA,WAAAmB;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicyListPresentation.js","sources":["../../../../src/components/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'\nimport { isEditableTimeOffPolicyType } from '@/components/TimeOff/TimeOffFlow/timeOffPolicyTypes'\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 = async () => {\n    if (deletePolicyDialogState.policy) {\n      const success = await onDeletePolicy(deletePolicyDialogState.policy)\n      if (success) {\n        handleCloseDeleteDialog()\n      }\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      const isEditable = isEditableTimeOffPolicyType(policy.policyType)\n\n      const menuItems = isEditable\n        ? [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n            {\n              label: t('actions.deletePolicy'),\n              onClick: () => {\n                handleOpenDeleteDialog(policy)\n              },\n            },\n          ]\n        : [\n            {\n              label: t('actions.viewPolicy'),\n              onClick: () => {\n                onEditPolicy(policy)\n              },\n            },\n          ]\n\n      return (\n        <div className={styles.actionsCell}>\n          {isEditable && !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            triggerLabel={t('actions.menuTrigger', { name: policy.name })}\n            menuLabel={t('actions.menuFor', { name: policy.name })}\n            items={menuItems}\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","isEditable","isEditableTimeOffPolicyType","menuItems","jsxs","styles","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/PolicyList/PolicyListTypes.d.ts

@@ -11,7 +11,7 @@ export interface PolicyListPresentationProps {
     onCreatePolicy: () => void;
     onEditPolicy: (policy: PolicyListItem) => void;
     onFinishSetup: (policy: PolicyListItem) => void;
-    onDeletePolicy: (policy: PolicyListItem) => void;
+    onDeletePolicy: (policy: PolicyListItem) => Promise<boolean>;
     deleteSuccessAlert?: string | null;
     onDismissDeleteAlert?: () => void;
     isDeletingPolicyId?: string | null;

package/dist/components/TimeOff/PolicySettings/PolicySettings.js

@@ -0,0 +1,70 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useTimeOffPoliciesGetSuspense as f } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
+import { useTimeOffPoliciesUpdateMutation as _ } from "@gusto/embedded-api/react-query/timeOffPoliciesUpdate";
+import { useQueryClient as O } from "@tanstack/react-query";
+import { PolicySettingsPresentation as y } from "./PolicySettingsPresentation.js";
+import { BaseComponent as P } from "../../Base/Base.js";
+import { useBase as p } from "../../Base/useBase.js";
+import { componentEvents as l } from "../../../shared/constants.js";
+function U(e) {
+  return /* @__PURE__ */ t(P, { ...e, children: /* @__PURE__ */ t(M, { ...e }) });
+}
+const x = [
+  "per_hour_worked",
+  "per_hour_worked_no_overtime",
+  "per_hour_paid",
+  "per_hour_paid_no_overtime"
+], b = ["per_anniversary_year", "per_calendar_year"];
+function g(e) {
+  return x.includes(e) ? "hours_worked" : b.includes(e) ? "fixed_all_at_once" : "fixed_per_pay_period";
+}
+function v(e) {
+  const r = {};
+  return e.maxAccrualHoursPerYear != null && (r.accrualMaximumEnabled = !0, r.accrualMaximum = Number(e.maxAccrualHoursPerYear)), e.maxHours != null && (r.balanceMaximumEnabled = !0, r.balanceMaximum = Number(e.maxHours)), e.carryoverLimitHours != null && (r.carryOverLimitEnabled = !0, r.carryOverLimit = Number(e.carryoverLimitHours)), e.accrualWaitingPeriodDays != null && e.accrualWaitingPeriodDays > 0 && (r.waitingPeriodEnabled = !0, r.waitingPeriod = e.accrualWaitingPeriodDays), e.paidOutOnTermination != null && (r.paidOutOnTermination = e.paidOutOnTermination), r;
+}
+function E(e, r, a) {
+  const i = a === "fixed_all_at_once";
+  return {
+    maxAccrualHoursPerYear: !i && e.accrualMaximumEnabled && e.accrualMaximum != null ? String(e.accrualMaximum) : null,
+    maxHours: e.balanceMaximumEnabled && e.balanceMaximum != null ? String(e.balanceMaximum) : null,
+    carryoverLimitHours: e.carryOverLimitEnabled && e.carryOverLimit != null ? String(e.carryOverLimit) : null,
+    accrualWaitingPeriodDays: !i && e.waitingPeriodEnabled && e.waitingPeriod != null ? e.waitingPeriod : null,
+    paidOutOnTermination: e.paidOutOnTermination,
+    complete: !0,
+    version: r
+  };
+}
+function M({ policyId: e }) {
+  const { onEvent: r, baseSubmitHandler: a } = p(), i = O(), { data: c } = f({
+    timeOffPolicyUuid: e
+  }), { mutateAsync: m } = _(), n = c.timeOffPolicy;
+  if (!n) throw new Error("Unexpected response: missing timeOffPolicy");
+  const o = g(n.accrualMethod), s = n.version ?? "";
+  return /* @__PURE__ */ t(
+    y,
+    {
+      accrualMethod: o,
+      onContinue: async (u) => {
+        await a(u, async () => {
+          const { timeOffPolicy: d } = await m({
+            request: {
+              timeOffPolicyUuid: e,
+              requestBody: E(u, s, o)
+            }
+          });
+          i.invalidateQueries({
+            queryKey: ["@gusto/embedded-api", "timeOffPolicies", "get"]
+          }), r(l.TIME_OFF_POLICY_SETTINGS_DONE, d);
+        });
+      },
+      onBack: () => {
+        r(l.TIME_OFF_POLICY_SETTINGS_BACK);
+      },
+      defaultValues: v(n)
+    }
+  );
+}
+export {
+  U as PolicySettings
+};
+//# sourceMappingURL=PolicySettings.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PolicySettings.js","sources":["../../../../src/components/TimeOff/PolicySettings/PolicySettings.tsx"],"sourcesContent":["import { useTimeOffPoliciesGetSuspense } from '@gusto/embedded-api/react-query/timeOffPoliciesGet'\nimport { useTimeOffPoliciesUpdateMutation } from '@gusto/embedded-api/react-query/timeOffPoliciesUpdate'\nimport type { PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody } from '@gusto/embedded-api/models/operations/putv1timeoffpoliciestimeoffpolicyuuid'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { PolicySettingsPresentation } from './PolicySettingsPresentation'\nimport type { PolicySettingsFormData, PolicySettingsAccrualMethod } from './PolicySettingsTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  policyId: string\n}\n\nexport function PolicySettings(props: PolicySettingsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst HOURLY_ACCRUAL_METHODS = [\n  'per_hour_worked',\n  'per_hour_worked_no_overtime',\n  'per_hour_paid',\n  'per_hour_paid_no_overtime',\n]\n\nconst ALL_AT_ONCE_ACCRUAL_METHODS = ['per_anniversary_year', 'per_calendar_year']\n\nfunction deriveAccrualMethodCategory(apiAccrualMethod: string): PolicySettingsAccrualMethod {\n  if (HOURLY_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'hours_worked'\n  if (ALL_AT_ONCE_ACCRUAL_METHODS.includes(apiAccrualMethod)) return 'fixed_all_at_once'\n  return 'fixed_per_pay_period'\n}\n\nfunction deriveDefaultValues(policy: TimeOffPolicy): Partial<PolicySettingsFormData> {\n  const defaults: Partial<PolicySettingsFormData> = {}\n\n  if (policy.maxAccrualHoursPerYear != null) {\n    defaults.accrualMaximumEnabled = true\n    defaults.accrualMaximum = Number(policy.maxAccrualHoursPerYear)\n  }\n\n  if (policy.maxHours != null) {\n    defaults.balanceMaximumEnabled = true\n    defaults.balanceMaximum = Number(policy.maxHours)\n  }\n\n  if (policy.carryoverLimitHours != null) {\n    defaults.carryOverLimitEnabled = true\n    defaults.carryOverLimit = Number(policy.carryoverLimitHours)\n  }\n\n  if (policy.accrualWaitingPeriodDays != null && policy.accrualWaitingPeriodDays > 0) {\n    defaults.waitingPeriodEnabled = true\n    defaults.waitingPeriod = policy.accrualWaitingPeriodDays\n  }\n\n  if (policy.paidOutOnTermination != null) {\n    defaults.paidOutOnTermination = policy.paidOutOnTermination\n  }\n\n  return defaults\n}\n\nfunction buildUpdateRequestBody(\n  data: PolicySettingsFormData,\n  version: string,\n  accrualCategory: PolicySettingsAccrualMethod,\n): PutV1TimeOffPoliciesTimeOffPolicyUuidRequestBody {\n  const isAllAtOnce = accrualCategory === 'fixed_all_at_once'\n\n  return {\n    maxAccrualHoursPerYear:\n      !isAllAtOnce && data.accrualMaximumEnabled && data.accrualMaximum != null\n        ? String(data.accrualMaximum)\n        : null,\n    maxHours:\n      data.balanceMaximumEnabled && data.balanceMaximum != null\n        ? String(data.balanceMaximum)\n        : null,\n    carryoverLimitHours:\n      data.carryOverLimitEnabled && data.carryOverLimit != null\n        ? String(data.carryOverLimit)\n        : null,\n    accrualWaitingPeriodDays:\n      !isAllAtOnce && data.waitingPeriodEnabled && data.waitingPeriod != null\n        ? data.waitingPeriod\n        : null,\n    paidOutOnTermination: data.paidOutOnTermination,\n    complete: true,\n    version,\n  }\n}\n\nfunction Root({ policyId }: PolicySettingsProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: updateTimeOffPolicy } = useTimeOffPoliciesUpdateMutation()\n\n  const policy = policyResponse.timeOffPolicy\n  if (!policy) throw new Error('Unexpected response: missing timeOffPolicy')\n\n  const accrualCategory = deriveAccrualMethodCategory(policy.accrualMethod)\n  const version = policy.version ?? ''\n\n  const handleContinue = async (data: PolicySettingsFormData) => {\n    await baseSubmitHandler(data, async () => {\n      const { timeOffPolicy } = await updateTimeOffPolicy({\n        request: {\n          timeOffPolicyUuid: policyId,\n          requestBody: buildUpdateRequestBody(data, version, accrualCategory),\n        },\n      })\n\n      void queryClient.invalidateQueries({\n        queryKey: ['@gusto/embedded-api', 'timeOffPolicies', 'get'],\n      })\n      onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_DONE, timeOffPolicy)\n    })\n  }\n\n  const handleBack = () => {\n    onEvent(componentEvents.TIME_OFF_POLICY_SETTINGS_BACK)\n  }\n\n  return (\n    <PolicySettingsPresentation\n      accrualMethod={accrualCategory}\n      onContinue={handleContinue}\n      onBack={handleBack}\n      defaultValues={deriveDefaultValues(policy)}\n    />\n  )\n}\n"],"names":["PolicySettings","props","jsx","BaseComponent","Root","HOURLY_ACCRUAL_METHODS","ALL_AT_ONCE_ACCRUAL_METHODS","deriveAccrualMethodCategory","apiAccrualMethod","deriveDefaultValues","policy","defaults","buildUpdateRequestBody","data","version","accrualCategory","isAllAtOnce","policyId","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","updateTimeOffPolicy","useTimeOffPoliciesUpdateMutation","PolicySettingsPresentation","timeOffPolicy","componentEvents"],"mappings":";;;;;;;;AAeO,SAASA,EAAeC,GAA4B;AACzD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMI,IAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEMC,IAA8B,CAAC,wBAAwB,mBAAmB;AAEhF,SAASC,EAA4BC,GAAuD;AAC1F,SAAIH,EAAuB,SAASG,CAAgB,IAAU,iBAC1DF,EAA4B,SAASE,CAAgB,IAAU,sBAC5D;AACT;AAEA,SAASC,EAAoBC,GAAwD;AACnF,QAAMC,IAA4C,CAAA;AAElD,SAAID,EAAO,0BAA0B,SACnCC,EAAS,wBAAwB,IACjCA,EAAS,iBAAiB,OAAOD,EAAO,sBAAsB,IAG5DA,EAAO,YAAY,SACrBC,EAAS,wBAAwB,IACjCA,EAAS,iBAAiB,OAAOD,EAAO,QAAQ,IAG9CA,EAAO,uBAAuB,SAChCC,EAAS,wBAAwB,IACjCA,EAAS,iBAAiB,OAAOD,EAAO,mBAAmB,IAGzDA,EAAO,4BAA4B,QAAQA,EAAO,2BAA2B,MAC/EC,EAAS,uBAAuB,IAChCA,EAAS,gBAAgBD,EAAO,2BAG9BA,EAAO,wBAAwB,SACjCC,EAAS,uBAAuBD,EAAO,uBAGlCC;AACT;AAEA,SAASC,EACPC,GACAC,GACAC,GACkD;AAClD,QAAMC,IAAcD,MAAoB;AAExC,SAAO;AAAA,IACL,wBACE,CAACC,KAAeH,EAAK,yBAAyBA,EAAK,kBAAkB,OACjE,OAAOA,EAAK,cAAc,IAC1B;AAAA,IACN,UACEA,EAAK,yBAAyBA,EAAK,kBAAkB,OACjD,OAAOA,EAAK,cAAc,IAC1B;AAAA,IACN,qBACEA,EAAK,yBAAyBA,EAAK,kBAAkB,OACjD,OAAOA,EAAK,cAAc,IAC1B;AAAA,IACN,0BACE,CAACG,KAAeH,EAAK,wBAAwBA,EAAK,iBAAiB,OAC/DA,EAAK,gBACL;AAAA,IACN,sBAAsBA,EAAK;AAAA,IAC3B,UAAU;AAAA,IACV,SAAAC;AAAA,EAAA;AAEJ;AAEA,SAASV,EAAK,EAAE,UAAAa,KAAiC;AAC/C,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjCC,IAAcC,EAAA,GAEd,EAAE,MAAMC,EAAA,IAAmBC,EAA8B;AAAA,IAC7D,mBAAmBP;AAAA,EAAA,CACpB,GAEK,EAAE,aAAaQ,EAAA,IAAwBC,EAAA,GAEvChB,IAASa,EAAe;AAC9B,MAAI,CAACb,EAAQ,OAAM,IAAI,MAAM,4CAA4C;AAEzE,QAAMK,IAAkBR,EAA4BG,EAAO,aAAa,GAClEI,IAAUJ,EAAO,WAAW;AAsBlC,SACE,gBAAAR;AAAA,IAACyB;AAAA,IAAA;AAAA,MACC,eAAeZ;AAAA,MACf,YAvBmB,OAAOF,MAAiC;AAC7D,cAAMM,EAAkBN,GAAM,YAAY;AACxC,gBAAM,EAAE,eAAAe,MAAkB,MAAMH,EAAoB;AAAA,YAClD,SAAS;AAAA,cACP,mBAAmBR;AAAA,cACnB,aAAaL,EAAuBC,GAAMC,GAASC,CAAe;AAAA,YAAA;AAAA,UACpE,CACD;AAED,UAAKM,EAAY,kBAAkB;AAAA,YACjC,UAAU,CAAC,uBAAuB,mBAAmB,KAAK;AAAA,UAAA,CAC3D,GACDH,EAAQW,EAAgB,+BAA+BD,CAAa;AAAA,QACtE,CAAC;AAAA,MACH;AAAA,MAUI,QARe,MAAM;AACvB,QAAAV,EAAQW,EAAgB,6BAA6B;AAAA,MACvD;AAAA,MAOI,eAAepB,EAAoBC,CAAM;AAAA,IAAA;AAAA,EAAA;AAG/C;"}

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

@@ -0,0 +1,16 @@
+const t = "_policySettings_xy292_1", e = "_divider_xy292_8", i = "_settingRow_xy292_14", s = "_settingField_xy292_22", l = "_toggleCell_xy292_26", o = {
+  policySettings: t,
+  divider: e,
+  settingRow: i,
+  settingField: s,
+  toggleCell: l
+};
+export {
+  o as default,
+  e as divider,
+  t as policySettings,
+  s as settingField,
+  i as settingRow,
+  l as toggleCell
+};
+//# sourceMappingURL=PolicySettings.module.scss.js.map

package/dist/components/{UNSTABLE_TimeOff → TimeOff}/PolicySettings/PolicySettings.module.scss.js.map

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