@gusto/embedded-react-sdk 0.38.0 → 0.39.0

package/dist/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionForm.js

@@ -1,46 +1,49 @@
-import { jsx as o, jsxs as t } from "react/jsx-runtime";
-import { BaseComponent as i } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { componentEvents as e } from "../../../shared/constants.js";
-function E(n) {
-  return /* @__PURE__ */ o(i, { ...n, children: /* @__PURE__ */ t("div", { children: [
-    /* @__PURE__ */ t("p", { children: [
-      "Holiday Selection Form (companyId: ",
-      n.companyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          n.onEvent(e.TIME_OFF_HOLIDAY_SELECTION_DONE);
-        },
-        children: "Done"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          n.onEvent(e.TIME_OFF_HOLIDAY_CREATE_ERROR, {
-            alert: { type: "error", title: "Failed to create holiday policy" }
-          });
-        },
-        children: "Simulate Error"
-      }
-    ),
-    /* @__PURE__ */ o(
-      "button",
-      {
-        onClick: () => {
-          n.onEvent(e.CANCEL);
-        },
-        children: "Cancel"
-      }
-    )
-  ] }) });
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as d, useState as P, useCallback as a } from "react";
+import { useTranslation as h } from "react-i18next";
+import { useHolidayPayPoliciesCreateMutation as I } from "@gusto/embedded-api/react-query/holidayPayPoliciesCreate";
+import { getDefaultHolidayItems as O, FEDERAL_HOLIDAY_KEYS as F, buildFederalHolidaysPayload as _ } from "../shared/holidayHelpers.js";
+import { HolidaySelectionFormPresentation as A } from "./HolidaySelectionFormPresentation.js";
+import { BaseComponent as D } from "../../Base/Base.js";
+import { useBase as L } from "../../Base/useBase.js";
+import { componentEvents as m } from "../../../shared/constants.js";
+import { useI18n as T } from "../../../i18n/I18n.js";
+function q(e) {
+  return /* @__PURE__ */ i(D, { ...e, children: /* @__PURE__ */ i(b, { companyId: e.companyId }) });
+}
+function b({ companyId: e }) {
+  T("Company.TimeOff.HolidayPolicy");
+  const { t: s } = h("Company.TimeOff.HolidayPolicy"), { onEvent: o, baseSubmitHandler: l } = L(), u = d(() => O(s), [s]), y = d(() => new Set(F), []), [t, f] = P(y), { mutateAsync: r } = I(), p = a((c, S) => {
+    f((E) => {
+      const n = new Set(E);
+      return S ? n.add(c.uuid) : n.delete(c.uuid), n;
+    });
+  }, []), C = a(async () => {
+    await l({}, async () => {
+      await r({
+        request: {
+          companyUuid: e,
+          holidayPayPolicyRequest: {
+            federalHolidays: _(t)
+          }
+        }
+      }), o(m.TIME_OFF_HOLIDAY_SELECTION_DONE);
+    });
+  }, [l, r, e, t, o]), H = a(() => {
+    o(m.CANCEL);
+  }, [o]);
+  return /* @__PURE__ */ i(
+    A,
+    {
+      holidays: u,
+      selectedHolidayUuids: t,
+      onSelectionChange: p,
+      onContinue: C,
+      onBack: H
+    }
+  );
 }
 export {
-  E as HolidaySelectionForm
+  q as HolidaySelectionForm
 };
 //# sourceMappingURL=HolidaySelectionForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"HolidaySelectionForm.js","sources":["../../../../src/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionForm.tsx"],"sourcesContent":["import { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface HolidaySelectionFormProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function HolidaySelectionForm(props: HolidaySelectionFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Holiday Selection Form (companyId: {props.companyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_DONE)\n          }}\n        >\n          Done\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_HOLIDAY_CREATE_ERROR, {\n              alert: { type: 'error', title: 'Failed to create holiday policy' },\n            })\n          }}\n        >\n          Simulate Error\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.CANCEL)\n          }}\n        >\n          Cancel\n        </button>\n      </div>\n    </BaseComponent>\n  )\n}\n"],"names":["HolidaySelectionForm","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAAoCH,EAAM;AAAA,MAAU;AAAA,IAAA,GAAC;AAAA,IACxD,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,+BAA+B;AAAA,QAC/D;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,+BAA+B;AAAA,YAC3D,OAAO,EAAE,MAAM,SAAS,OAAO,kCAAA;AAAA,UAAkC,CAClE;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,MAAM;AAAA,QACtC;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"HolidaySelectionForm.js","sources":["../../../../src/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionForm.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useHolidayPayPoliciesCreateMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesCreate'\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'\n\nexport interface HolidaySelectionFormProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function HolidaySelectionForm(props: HolidaySelectionFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root companyId={props.companyId} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: { companyId: string }) {\n  useI18n('Company.TimeOff.HolidayPolicy')\n  const { t } = useTranslation('Company.TimeOff.HolidayPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const holidays = useMemo(() => getDefaultHolidayItems(t), [t])\n  const allKeys = useMemo(() => new Set(FEDERAL_HOLIDAY_KEYS), [])\n  const [selectedUuids, setSelectedUuids] = useState(allKeys)\n\n  const { mutateAsync: createPolicy } = useHolidayPayPoliciesCreateMutation()\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 handleContinue = useCallback(async () => {\n    await baseSubmitHandler({}, async () => {\n      await createPolicy({\n        request: {\n          companyUuid: companyId,\n          holidayPayPolicyRequest: {\n            federalHolidays: buildFederalHolidaysPayload(selectedUuids),\n          },\n        },\n      })\n      onEvent(componentEvents.TIME_OFF_HOLIDAY_SELECTION_DONE)\n    })\n  }, [baseSubmitHandler, createPolicy, companyId, selectedUuids, 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      onContinue={handleContinue}\n      onBack={handleBack}\n    />\n  )\n}\n"],"names":["HolidaySelectionForm","props","jsx","BaseComponent","Root","companyId","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","holidays","useMemo","getDefaultHolidayItems","allKeys","FEDERAL_HOLIDAY_KEYS","selectedUuids","setSelectedUuids","useState","createPolicy","useHolidayPayPoliciesCreateMutation","handleSelectionChange","useCallback","item","selected","prev","next","handleContinue","buildFederalHolidaysPayload","componentEvents","handleBack","HolidaySelectionFormPresentation"],"mappings":";;;;;;;;;;AAmBO,SAASA,EAAqBC,GAAkC;AACrE,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAK,WAAWH,EAAM,UAAA,CAAW,EAAA,CACpC;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,KAAoC;AAClD,EAAAC,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GAEjCC,IAAWC,EAAQ,MAAMC,EAAuBP,CAAC,GAAG,CAACA,CAAC,CAAC,GACvDQ,IAAUF,EAAQ,MAAM,IAAI,IAAIG,CAAoB,GAAG,EAAE,GACzD,CAACC,GAAeC,CAAgB,IAAIC,EAASJ,CAAO,GAEpD,EAAE,aAAaK,EAAA,IAAiBC,EAAA,GAEhCC,IAAwBC,EAAY,CAACC,GAAmBC,MAAsB;AAClF,IAAAP,EAAiB,CAAAQ,MAAQ;AACvB,YAAMC,IAAO,IAAI,IAAID,CAAI;AACzB,aAAID,IACFE,EAAK,IAAIH,EAAK,IAAI,IAElBG,EAAK,OAAOH,EAAK,IAAI,GAEhBG;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECC,IAAiBL,EAAY,YAAY;AAC7C,UAAMb,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMU,EAAa;AAAA,QACjB,SAAS;AAAA,UACP,aAAaf;AAAA,UACb,yBAAyB;AAAA,YACvB,iBAAiBwB,EAA4BZ,CAAa;AAAA,UAAA;AAAA,QAC5D;AAAA,MACF,CACD,GACDR,EAAQqB,EAAgB,+BAA+B;AAAA,IACzD,CAAC;AAAA,EACH,GAAG,CAACpB,GAAmBU,GAAcf,GAAWY,GAAeR,CAAO,CAAC,GAEjEsB,IAAaR,EAAY,MAAM;AACnC,IAAAd,EAAQqB,EAAgB,MAAM;AAAA,EAChC,GAAG,CAACrB,CAAO,CAAC;AAEZ,SACE,gBAAAP;AAAA,IAAC8B;AAAA,IAAA;AAAA,MACC,UAAApB;AAAA,MACA,sBAAsBK;AAAA,MACtB,mBAAmBK;AAAA,MACnB,YAAYM;AAAA,MACZ,QAAQG;AAAA,IAAA;AAAA,EAAA;AAGd;"}

package/dist/components/UNSTABLE_TimeOff/HolidaySelectionForm/HolidaySelectionFormPresentation.d.ts

@@ -0,0 +1,2 @@
+import { HolidaySelectionFormPresentationProps } from './HolidaySelectionFormTypes';
+export declare function HolidaySelectionFormPresentation(props: HolidaySelectionFormPresentationProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,55 @@
+import { jsx as t, jsxs as r } 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 { 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) {
+  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(
+    () => [
+      {
+        key: "name",
+        title: e("tableHeaders.holidayName"),
+        render: (i) => /* @__PURE__ */ t(n, { weight: "medium", children: i.name })
+      },
+      {
+        key: "observedDate",
+        title: e("tableHeaders.observedDate"),
+        render: (i) => /* @__PURE__ */ t(n, { variant: "supporting", children: i.observedDate })
+      },
+      {
+        key: "nextObservation",
+        title: e("tableHeaders.nextObservation"),
+        render: (i) => /* @__PURE__ */ t(n, { variant: "supporting", children: i.nextObservation })
+      }
+    ],
+    [e, n]
+  ), u = a ? {} : {
+    selectionMode: "multiple",
+    onSelect: o.onSelectionChange,
+    getIsItemSelected: (i) => o.selectedHolidayUuids.has(i.uuid)
+  }, f = x({
+    data: d,
+    columns: m,
+    ...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") }),
+      /* @__PURE__ */ t(n, { variant: "supporting", children: e("description") })
+    ] }),
+    /* @__PURE__ */ t(C, { label: e("tableLabel"), ...f }),
+    !a && /* @__PURE__ */ r(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
+};
+//# sourceMappingURL=HolidaySelectionFormPresentation.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HolidaySelectionFormPresentation.js","sources":["../../../../src/components/UNSTABLE_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        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,IAMpB,CAAA,IALA;AAAA,IACE,eAAe;AAAA,IACf,UAAUT,EAAM;AAAA,IAChB,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/HolidaySelectionForm/HolidaySelectionFormTypes.d.ts

@@ -0,0 +1,25 @@
+export interface HolidayItem {
+    uuid: string;
+    name: string;
+    observedDate: string;
+    nextObservation: string;
+}
+interface HolidaySelectionFormBaseProps {
+    holidays: HolidayItem[];
+}
+interface HolidaySelectionFormSelectModeProps extends HolidaySelectionFormBaseProps {
+    mode?: 'select';
+    selectedHolidayUuids: Set<string>;
+    onSelectionChange: (item: HolidayItem, selected: boolean) => void;
+    onContinue: () => void;
+    onBack: () => void;
+}
+interface HolidaySelectionFormViewModeProps extends HolidaySelectionFormBaseProps {
+    mode: 'view';
+    selectedHolidayUuids?: never;
+    onSelectionChange?: never;
+    onContinue?: never;
+    onBack?: never;
+}
+export type HolidaySelectionFormPresentationProps = HolidaySelectionFormSelectModeProps | HolidaySelectionFormViewModeProps;
+export {};

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

@@ -1,5 +1,5 @@
 import { BaseComponentInterface } from '../../Base';
-export interface PolicyListProps extends BaseComponentInterface {
+export interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {
     companyId: string;
 }
 export declare function PolicyList(props: PolicyListProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,50 +1,73 @@
-import { jsx as i, jsxs as c } from "react/jsx-runtime";
-import { BaseComponent as t } from "../../Base/Base.js";
-import "../../Base/useBase.js";
-import { componentEvents as n } from "../../../shared/constants.js";
-function m(o) {
-  return /* @__PURE__ */ i(t, { ...o, children: /* @__PURE__ */ c("div", { children: [
-    /* @__PURE__ */ c("p", { children: [
-      "Policy List (companyId: ",
-      o.companyId,
-      ")"
-    ] }),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        onClick: () => {
-          o.onEvent(n.TIME_OFF_CREATE_POLICY);
-        },
-        children: "Create Policy"
-      }
-    ),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        onClick: () => {
-          o.onEvent(n.TIME_OFF_VIEW_POLICY, {
-            policyId: "mock-policy-id",
-            policyType: "vacation"
-          });
-        },
-        children: "View Vacation Policy"
-      }
-    ),
-    /* @__PURE__ */ i(
-      "button",
-      {
-        onClick: () => {
-          o.onEvent(n.TIME_OFF_VIEW_POLICY, {
-            policyId: "mock-policy-id",
-            policyType: "holiday"
-          });
-        },
-        children: "View Holiday Policy"
-      }
-    )
-  ] }) });
+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 }) });
+}
+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,
+    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
+    };
+  });
+  return /* @__PURE__ */ a(
+    _,
+    {
+      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,
+      onDismissDeleteAlert: () => {
+        c(null);
+      },
+      isDeletingPolicyId: y
+    }
+  );
 }
 export {
-  m as PolicyList
+  J 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 { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nexport interface PolicyListProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function PolicyList(props: PolicyListProps) {\n  return (\n    <BaseComponent {...props}>\n      <div>\n        <p>Policy List (companyId: {props.companyId})</p>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n          }}\n        >\n          Create Policy\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n              policyId: 'mock-policy-id',\n              policyType: 'vacation',\n            })\n          }}\n        >\n          View Vacation Policy\n        </button>\n        <button\n          onClick={() => {\n            props.onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n              policyId: 'mock-policy-id',\n              policyType: 'holiday',\n            })\n          }}\n        >\n          View Holiday Policy\n        </button>\n      </div>\n    </BaseComponent>\n  )\n}\n"],"names":["PolicyList","props","jsx","BaseComponent","jsxs","componentEvents"],"mappings":";;;;AAOO,SAASA,EAAWC,GAAwB;AACjD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,4BAAC,OAAA,EACC,UAAA;AAAA,IAAA,gBAAAG,EAAC,KAAA,EAAE,UAAA;AAAA,MAAA;AAAA,MAAyBH,EAAM;AAAA,MAAU;AAAA,IAAA,GAAC;AAAA,IAC7C,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,sBAAsB;AAAA,QACtD;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,sBAAsB;AAAA,YAClD,UAAU;AAAA,YACV,YAAY;AAAA,UAAA,CACb;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAGD,gBAAAH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,MAAM;AACb,UAAAD,EAAM,QAAQI,EAAgB,sBAAsB;AAAA,YAClD,UAAU;AAAA,YACV,YAAY;AAAA,UAAA,CACb;AAAA,QACH;AAAA,QACD,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAED,EAAA,CACF,EAAA,CACF;AAEJ;"}
+{"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;"}

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

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

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

@@ -0,0 +1,122 @@
+import { jsx as t, jsxs as o } 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({
+  policies: a,
+  onCreatePolicy: r,
+  onEditPolicy: f,
+  onFinishSetup: u,
+  onDeletePolicy: y,
+  deleteSuccessAlert: s,
+  onDismissDeleteAlert: D,
+  isDeletingPolicyId: g
+}) {
+  const { Button: n, Heading: C, Text: c, Alert: h, Dialog: b } = j();
+  A("Company.TimeOff.TimeOffPolicies");
+  const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [l, m] = T({
+    isOpen: !1,
+    policy: null
+  }), P = (i) => {
+    m({ isOpen: !0, policy: i });
+  }, d = () => {
+    m({ isOpen: !1, policy: null });
+  }, O = () => {
+    l.policy && (y(l.policy), d());
+  }, { ...x } = V({
+    data: a,
+    columns: [
+      {
+        title: e("tableHeaders.name"),
+        render: (i) => /* @__PURE__ */ t(c, { weight: "medium", children: i.name })
+      },
+      {
+        title: e("tableHeaders.enrolled"),
+        render: (i) => /* @__PURE__ */ t(c, { variant: "supporting", children: i.enrolledDisplay })
+      }
+    ],
+    itemMenu: (i) => {
+      const L = g === i.uuid;
+      return /* @__PURE__ */ o("div", { className: v.actionsCell, children: [
+        !i.isComplete && /* @__PURE__ */ t(
+          n,
+          {
+            variant: "secondary",
+            onClick: () => {
+              u(i);
+            },
+            children: e("finishSetupCta")
+          }
+        ),
+        /* @__PURE__ */ t(
+          H,
+          {
+            isLoading: L,
+            menuLabel: e("tableLabel"),
+            items: [
+              {
+                label: e("actions.editPolicy"),
+                onClick: () => {
+                  f(i);
+                }
+              },
+              {
+                label: e("actions.deletePolicy"),
+                onClick: () => {
+                  P(i);
+                }
+              }
+            ]
+          }
+        )
+      ] });
+    },
+    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") }) }) })
+  });
+  return /* @__PURE__ */ o(p, { flexDirection: "column", gap: 16, children: [
+    s && /* @__PURE__ */ t(h, { status: "success", label: s, onDismiss: D }),
+    /* @__PURE__ */ o(
+      p,
+      {
+        flexDirection: { base: "column", medium: "row" },
+        justifyContent: "space-between",
+        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__ */ t(I, { label: e("tableLabel"), ...x }),
+    /* @__PURE__ */ t(
+      b,
+      {
+        isOpen: l.isOpen,
+        onClose: d,
+        onPrimaryActionClick: O,
+        isDestructive: !0,
+        title: e("deletePolicyDialog.title", {
+          name: l.policy?.name ?? ""
+        }),
+        primaryActionLabel: e("deletePolicyDialog.confirmCta"),
+        closeActionLabel: e("deletePolicyDialog.cancelCta"),
+        children: e("deletePolicyDialog.description", {
+          name: l.policy?.name ?? ""
+        })
+      }
+    )
+  ] });
+}
+export {
+  U as PolicyListPresentation
+};
+//# sourceMappingURL=PolicyListPresentation.js.map

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

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

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

@@ -0,0 +1,8 @@
+const l = "_actionsCell_1walb_1", s = {
+  actionsCell: l
+};
+export {
+  l as actionsCell,
+  s as default
+};
+//# sourceMappingURL=PolicyListPresentation.module.scss.js.map

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

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

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

@@ -0,0 +1,17 @@
+export interface PolicyListItem {
+    uuid: string;
+    name: string;
+    policyType: string;
+    isComplete: boolean;
+    enrolledDisplay: string;
+}
+export interface PolicyListPresentationProps {
+    policies: PolicyListItem[];
+    onCreatePolicy: () => void;
+    onEditPolicy: (policy: PolicyListItem) => void;
+    onFinishSetup: (policy: PolicyListItem) => void;
+    onDeletePolicy: (policy: PolicyListItem) => void;
+    deleteSuccessAlert?: string | null;
+    onDismissDeleteAlert?: () => void;
+    isDeletingPolicyId?: string | null;
+}

package/dist/components/UNSTABLE_TimeOff/PolicyTypeSelector/PolicyTypeSelector.d.ts

@@ -1,5 +1,7 @@
+import { PolicyType } from './PolicyTypeSelectorTypes';
 import { BaseComponentInterface } from '../../Base';
-export interface PolicyTypeSelectorProps extends BaseComponentInterface {
+export interface PolicyTypeSelectorProps extends BaseComponentInterface<'Company.TimeOff.SelectPolicyType'> {
     companyId: string;
+    defaultPolicyType?: PolicyType;
 }
 export declare function PolicyTypeSelector(props: PolicyTypeSelectorProps): import("react/jsx-runtime").JSX.Element;