@gusto/embedded-react-sdk 0.38.0 → 0.40.0

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"PolicyList.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicyList/PolicyList.tsx"],"sourcesContent":["import { 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 {\n  useHolidayPayPoliciesGet,\n  invalidateAllHolidayPayPoliciesGet,\n} from '@gusto/embedded-api/react-query/holidayPayPoliciesGet'\nimport { useHolidayPayPoliciesDeleteMutation } from '@gusto/embedded-api/react-query/holidayPayPoliciesDelete'\nimport { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport type { TimeOffPolicy } from '@gusto/embedded-api/models/components/timeoffpolicy'\nimport { PolicyListPresentation } from './PolicyListPresentation'\nimport type { PolicyListItem } from './PolicyListTypes'\nimport { BaseBoundaries, BaseLayout, type BaseComponentInterface } from '@/components/Base'\nimport { useBaseSubmit } from '@/components/Base/useBaseSubmit'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicyListProps extends BaseComponentInterface<'Company.TimeOff.TimeOffPolicies'> {\n  companyId: string\n}\n\nexport function PolicyList({ FallbackComponent, ...props }: PolicyListProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Company.TimeOff.TimeOffPolicies\"\n      FallbackComponent={FallbackComponent}\n    >\n      <Root {...props} />\n    </BaseBoundaries>\n  )\n}\n\nfunction Root({ companyId, onEvent }: PolicyListProps) {\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n  const queryClient = useQueryClient()\n\n  const {\n    baseSubmitHandler,\n    error: submitError,\n    setError: setSubmitError,\n  } = useBaseSubmit('Company.TimeOff.TimeOffPolicies')\n\n  const [deleteSuccessAlert, setDeleteSuccessAlert] = useState<string | null>(null)\n  const [isDeletingPolicyId, setIsDeletingPolicyId] = useState<string | null>(null)\n\n  const { data: policiesData } = useTimeOffPoliciesGetAllSuspense({\n    companyUuid: companyId,\n  })\n  const timeOffPolicies = policiesData.timeOffPolicies ?? []\n\n  const holidayQuery = useHolidayPayPoliciesGet(\n    { companyUuid: companyId },\n    {\n      throwOnError: (error: Error) => {\n        if (error instanceof GustoEmbeddedError) {\n          const status = error.httpMeta.response.status\n          if (status === 204 || status === 404) {\n            return false\n          }\n        }\n        return true\n      },\n    },\n  )\n  const holidayPayPolicy = holidayQuery.data?.holidayPayPolicy\n\n  const { data: employeesData } = useEmployeesListSuspense({\n    companyId,\n    terminated: false,\n  })\n  const totalActiveEmployees = employeesData.showEmployees?.length ?? 0\n\n  const deactivatePolicyMutation = useTimeOffPoliciesDeactivateMutation()\n  const deleteHolidayMutation = useHolidayPayPoliciesDeleteMutation()\n\n  const errorHandling = composeErrorHandler([holidayQuery], { submitError, setSubmitError })\n  const isPending = deactivatePolicyMutation.isPending || deleteHolidayMutation.isPending\n\n  const getEnrolledDisplay = (enrolledCount: number) => {\n    if (enrolledCount > 0 && enrolledCount === totalActiveEmployees) {\n      return t('allEmployeesLabel')\n    } else if (enrolledCount > 0) {\n      return t('employeeCount', { count: enrolledCount })\n    }\n    return t('enrolledDash')\n  }\n\n  const policies: PolicyListItem[] = timeOffPolicies.map((policy: TimeOffPolicy) => ({\n    uuid: policy.uuid,\n    name: policy.name,\n    policyType: policy.policyType,\n    isComplete: policy.complete ?? false,\n    enrolledDisplay: getEnrolledDisplay(policy.employees.length),\n  }))\n\n  if (holidayPayPolicy) {\n    policies.push({\n      uuid: holidayPayPolicy.companyUuid,\n      name: t('holidayPayPolicy'),\n      policyType: 'holiday',\n      isComplete: true,\n      enrolledDisplay: getEnrolledDisplay(holidayPayPolicy.employees.length),\n      isHoliday: true,\n    })\n  }\n\n  const handleCreatePolicy = () => {\n    onEvent(componentEvents.TIME_OFF_CREATE_POLICY)\n  }\n\n  const handleEditPolicy = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleFinishSetup = (policy: PolicyListItem) => {\n    onEvent(componentEvents.TIME_OFF_VIEW_POLICY, {\n      policyId: policy.uuid,\n      policyType: policy.policyType,\n    })\n  }\n\n  const handleDeletePolicy = async (policy: PolicyListItem) => {\n    setIsDeletingPolicyId(policy.uuid)\n    await baseSubmitHandler({}, async () => {\n      if (policy.isHoliday) {\n        await deleteHolidayMutation.mutateAsync({\n          request: { companyUuid: companyId },\n        })\n        await invalidateAllHolidayPayPoliciesGet(queryClient)\n        setDeleteSuccessAlert(t('flash.holidayDeleted'))\n      } else {\n        await deactivatePolicyMutation.mutateAsync({\n          request: { timeOffPolicyUuid: policy.uuid },\n        })\n        await invalidateAllTimeOffPoliciesGetAll(queryClient)\n        setDeleteSuccessAlert(t('flash.policyDeleted', { name: policy.name }))\n      }\n    })\n    setIsDeletingPolicyId(null)\n  }\n\n  return (\n    <BaseLayout error={errorHandling.errors}>\n      <PolicyListPresentation\n        policies={policies}\n        onCreatePolicy={handleCreatePolicy}\n        onEditPolicy={handleEditPolicy}\n        onFinishSetup={handleFinishSetup}\n        onDeletePolicy={handleDeletePolicy}\n        deleteSuccessAlert={deleteSuccessAlert}\n        onDismissDeleteAlert={() => {\n          setDeleteSuccessAlert(null)\n        }}\n        isDeletingPolicyId={isDeletingPolicyId}\n        isPending={isPending}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["PolicyList","FallbackComponent","props","jsx","BaseBoundaries","Root","companyId","onEvent","useI18n","useTranslation","queryClient","useQueryClient","baseSubmitHandler","submitError","setSubmitError","useBaseSubmit","deleteSuccessAlert","setDeleteSuccessAlert","useState","isDeletingPolicyId","setIsDeletingPolicyId","policiesData","useTimeOffPoliciesGetAllSuspense","timeOffPolicies","holidayQuery","useHolidayPayPoliciesGet","error","GustoEmbeddedError","status","holidayPayPolicy","employeesData","useEmployeesListSuspense","totalActiveEmployees","deactivatePolicyMutation","useTimeOffPoliciesDeactivateMutation","deleteHolidayMutation","useHolidayPayPoliciesDeleteMutation","errorHandling","composeErrorHandler","isPending","getEnrolledDisplay","enrolledCount","policies","policy","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","invalidateAllHolidayPayPoliciesGet","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":"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"}

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

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

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

@@ -0,0 +1,124 @@
+import { jsx as i, jsxs as n } from "react/jsx-runtime";
+import { useState as T } from "react";
+import { useTranslation as k } from "react-i18next";
+import v from "./PolicyListPresentation.module.scss.js";
+import { Flex as p } from "../../Common/Flex/Flex.js";
+import { EmptyData as w } from "../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as S } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as A } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as j } from "../../../i18n/I18n.js";
+import { HamburgerMenu as V } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useDataView as I } from "../../Common/DataView/useDataView.js";
+import { DataView as M } from "../../Common/DataView/DataView.js";
+function W({
+  policies: a,
+  onCreatePolicy: r,
+  onEditPolicy: y,
+  onFinishSetup: f,
+  onDeletePolicy: u,
+  deleteSuccessAlert: s,
+  onDismissDeleteAlert: g,
+  isDeletingPolicyId: D,
+  isPending: C
+}) {
+  const { Button: o, Heading: h, Text: c, Alert: b, Dialog: P } = A();
+  j("Company.TimeOff.TimeOffPolicies");
+  const { t: e } = k("Company.TimeOff.TimeOffPolicies"), [l, m] = T({
+    isOpen: !1,
+    policy: null
+  }), O = (t) => {
+    m({ isOpen: !0, policy: t });
+  }, d = () => {
+    m({ isOpen: !1, policy: null });
+  }, x = () => {
+    l.policy && (u(l.policy), d());
+  }, { ...L } = I({
+    data: a,
+    columns: [
+      {
+        title: e("tableHeaders.name"),
+        render: (t) => /* @__PURE__ */ i(c, { weight: "medium", children: t.name })
+      },
+      {
+        title: e("tableHeaders.enrolled"),
+        render: (t) => /* @__PURE__ */ i(c, { variant: "supporting", children: t.enrolledDisplay })
+      }
+    ],
+    itemMenu: (t) => {
+      const H = D === t.uuid;
+      return /* @__PURE__ */ n("div", { className: v.actionsCell, children: [
+        !t.isComplete && /* @__PURE__ */ i(
+          o,
+          {
+            variant: "secondary",
+            onClick: () => {
+              f(t);
+            },
+            children: e("finishSetupCta")
+          }
+        ),
+        /* @__PURE__ */ i(
+          V,
+          {
+            isLoading: H,
+            menuLabel: e("tableLabel"),
+            items: [
+              {
+                label: e("actions.editPolicy"),
+                onClick: () => {
+                  y(t);
+                }
+              },
+              {
+                label: e("actions.deletePolicy"),
+                onClick: () => {
+                  O(t);
+                }
+              }
+            ]
+          }
+        )
+      ] });
+    },
+    emptyState: () => /* @__PURE__ */ i(w, { title: e("emptyState.heading"), description: e("emptyState.body"), children: /* @__PURE__ */ i(S, { justifyContent: "center", children: /* @__PURE__ */ i(o, { variant: "secondary", onClick: r, children: e("createPolicyCta") }) }) })
+  });
+  return /* @__PURE__ */ n(p, { flexDirection: "column", gap: 16, children: [
+    s && /* @__PURE__ */ i(b, { status: "success", label: s, onDismiss: g }),
+    /* @__PURE__ */ n(
+      p,
+      {
+        flexDirection: { base: "column", medium: "row" },
+        justifyContent: "space-between",
+        alignItems: "flex-start",
+        gap: { base: 12, medium: 24 },
+        children: [
+          /* @__PURE__ */ i(h, { as: "h2", children: e("pageTitle") }),
+          a.length > 0 && /* @__PURE__ */ i(o, { variant: "primary", onClick: r, children: e("createPolicyCta") })
+        ]
+      }
+    ),
+    /* @__PURE__ */ i(M, { label: e("tableLabel"), ...L }),
+    /* @__PURE__ */ i(
+      P,
+      {
+        isOpen: l.isOpen,
+        onClose: d,
+        onPrimaryActionClick: x,
+        isPrimaryActionLoading: C,
+        isDestructive: !0,
+        title: l.policy?.isHoliday ? e("deleteHolidayDialog.title") : e("deletePolicyDialog.title", {
+          name: l.policy?.name ?? ""
+        }),
+        primaryActionLabel: e("deletePolicyDialog.confirmCta"),
+        closeActionLabel: e("deletePolicyDialog.cancelCta"),
+        children: l.policy?.isHoliday ? e("deleteHolidayDialog.description") : e("deletePolicyDialog.description", {
+          name: l.policy?.name ?? ""
+        })
+      }
+    )
+  ] });
+}
+export {
+  W 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  isPending,\n}: PolicyListPresentationProps) {\n  const { Button, Heading, Text, Alert, Dialog } = useComponentContext()\n  useI18n('Company.TimeOff.TimeOffPolicies')\n  const { t } = useTranslation('Company.TimeOff.TimeOffPolicies')\n\n  const [deletePolicyDialogState, setDeletePolicyDialogState] = useState<{\n    isOpen: boolean\n    policy: PolicyListItem | null\n  }>({\n    isOpen: false,\n    policy: null,\n  })\n\n  const handleOpenDeleteDialog = (policy: PolicyListItem) => {\n    setDeletePolicyDialogState({ isOpen: true, policy })\n  }\n\n  const handleCloseDeleteDialog = () => {\n    setDeletePolicyDialogState({ isOpen: false, policy: null })\n  }\n\n  const handleConfirmDelete = () => {\n    if (deletePolicyDialogState.policy) {\n      onDeletePolicy(deletePolicyDialogState.policy)\n      handleCloseDeleteDialog()\n    }\n  }\n\n  const { ...dataViewProps } = useDataView({\n    data: policies,\n    columns: [\n      {\n        title: t('tableHeaders.name'),\n        render: (policy: PolicyListItem) => <Text weight=\"medium\">{policy.name}</Text>,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => (\n          <Text variant=\"supporting\">{policy.enrolledDisplay}</Text>\n        ),\n      },\n    ],\n    itemMenu: (policy: PolicyListItem) => {\n      const isDeleting = isDeletingPolicyId === policy.uuid\n\n      return (\n        <div className={styles.actionsCell}>\n          {!policy.isComplete && (\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onFinishSetup(policy)\n              }}\n            >\n              {t('finishSetupCta')}\n            </Button>\n          )}\n          <HamburgerMenu\n            isLoading={isDeleting}\n            menuLabel={t('tableLabel')}\n            items={[\n              {\n                label: t('actions.editPolicy'),\n                onClick: () => {\n                  onEditPolicy(policy)\n                },\n              },\n              {\n                label: t('actions.deletePolicy'),\n                onClick: () => {\n                  handleOpenDeleteDialog(policy)\n                },\n              },\n            ]}\n          />\n        </div>\n      )\n    },\n    emptyState: () => (\n      <EmptyData title={t('emptyState.heading')} description={t('emptyState.body')}>\n        <ActionsLayout justifyContent=\"center\">\n          <Button variant=\"secondary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        </ActionsLayout>\n      </EmptyData>\n    ),\n  })\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {deleteSuccessAlert && (\n        <Alert status=\"success\" label={deleteSuccessAlert} onDismiss={onDismissDeleteAlert} />\n      )}\n\n      <Flex\n        flexDirection={{ base: 'column', medium: 'row' }}\n        justifyContent=\"space-between\"\n        alignItems=\"flex-start\"\n        gap={{ base: 12, medium: 24 }}\n      >\n        <Heading as=\"h2\">{t('pageTitle')}</Heading>\n        {policies.length > 0 && (\n          <Button variant=\"primary\" onClick={onCreatePolicy}>\n            {t('createPolicyCta')}\n          </Button>\n        )}\n      </Flex>\n\n      <DataView label={t('tableLabel')} {...dataViewProps} />\n\n      <Dialog\n        isOpen={deletePolicyDialogState.isOpen}\n        onClose={handleCloseDeleteDialog}\n        onPrimaryActionClick={handleConfirmDelete}\n        isPrimaryActionLoading={isPending}\n        isDestructive\n        title={\n          deletePolicyDialogState.policy?.isHoliday\n            ? t('deleteHolidayDialog.title')\n            : t('deletePolicyDialog.title', {\n                name: deletePolicyDialogState.policy?.name ?? '',\n              })\n        }\n        primaryActionLabel={t('deletePolicyDialog.confirmCta')}\n        closeActionLabel={t('deletePolicyDialog.cancelCta')}\n      >\n        {deletePolicyDialogState.policy?.isHoliday\n          ? t('deleteHolidayDialog.description')\n          : t('deletePolicyDialog.description', {\n              name: deletePolicyDialogState.policy?.name ?? '',\n            })}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["PolicyListPresentation","policies","onCreatePolicy","onEditPolicy","onFinishSetup","onDeletePolicy","deleteSuccessAlert","onDismissDeleteAlert","isDeletingPolicyId","isPending","Button","Heading","Text","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","jsx","isDeleting","jsxs","styles","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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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,19 @@
+export interface PolicyListItem {
+    uuid: string;
+    name: string;
+    policyType: string;
+    isComplete: boolean;
+    enrolledDisplay: string;
+    isHoliday?: boolean;
+}
+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;
+    isPending?: boolean;
+}

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

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

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

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

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

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

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.js

@@ -0,0 +1,166 @@
+import { jsx as i, jsxs as l, Fragment as y } from "react/jsx-runtime";
+import r from "classnames";
+import { useForm as N, useWatch as s, FormProvider as M } from "react-hook-form";
+import { useTranslation as P } from "react-i18next";
+import a from "./PolicySettings.module.scss.js";
+import { Flex as h } from "../../Common/Flex/Flex.js";
+import { ActionsLayout as F } from "../../Common/ActionsLayout/ActionsLayout.js";
+import { Form as w } from "../../Common/Form/Form.js";
+import { useComponentContext as H } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+import { NumberInputField as o } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { SwitchField as n } from "../../Common/Fields/SwitchField/SwitchField.js";
+function q({
+  accrualMethod: f,
+  onContinue: S,
+  onBack: v,
+  defaultValues: O
+}) {
+  C("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: e } = P("Company.TimeOff.CreateTimeOffPolicy"), { Heading: x, Button: m } = H(), c = N({
+    defaultValues: {
+      accrualMaximumEnabled: !1,
+      balanceMaximumEnabled: !1,
+      carryOverLimitEnabled: !1,
+      waitingPeriodEnabled: !1,
+      paidOutOnTermination: !1,
+      ...O
+    }
+  }), { control: t } = c, d = s({ control: t, name: "accrualMaximumEnabled" }), u = s({ control: t, name: "balanceMaximumEnabled" }), b = s({ control: t, name: "carryOverLimitEnabled" }), p = s({ control: t, name: "waitingPeriodEnabled" }), g = f === "hours_worked", L = (E) => {
+    S(E);
+  };
+  return /* @__PURE__ */ i(M, { ...c, children: /* @__PURE__ */ i(w, { onSubmit: c.handleSubmit(L), children: /* @__PURE__ */ i("div", { className: a.policySettings, children: /* @__PURE__ */ l(h, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(x, { as: "h2", children: e("policySettings.title") }),
+    /* @__PURE__ */ l(h, { flexDirection: "column", gap: 20, children: [
+      g && /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+          /* @__PURE__ */ i(
+            o,
+            {
+              className: r(
+                a.settingField,
+                !d && a.disabledField
+              ),
+              name: "accrualMaximum",
+              label: e("policySettings.accrualMaximumLabel"),
+              description: e("policySettings.accrualMaximumHint"),
+              adornmentEnd: e("policySettings.hoursUnit"),
+              placeholder: e("policySettings.numberOfHoursPlaceholder"),
+              isDisabled: !d,
+              min: 0
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+            n,
+            {
+              name: "accrualMaximumEnabled",
+              label: e("policySettings.accrualMaximumLabel"),
+              shouldVisuallyHideLabel: !0
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ i("hr", { className: a.divider })
+      ] }),
+      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+        /* @__PURE__ */ i(
+          o,
+          {
+            className: r(
+              a.settingField,
+              !u && a.disabledField
+            ),
+            name: "balanceMaximum",
+            label: e("policySettings.balanceMaximumLabel"),
+            description: e("policySettings.balanceMaximumHint"),
+            adornmentEnd: e("policySettings.hoursUnit"),
+            placeholder: e("policySettings.numberOfHoursPlaceholder"),
+            isDisabled: !u,
+            min: 0
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+          n,
+          {
+            name: "balanceMaximumEnabled",
+            label: e("policySettings.balanceMaximumLabel"),
+            shouldVisuallyHideLabel: !0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ i("hr", { className: a.divider }),
+      /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+        /* @__PURE__ */ i(
+          o,
+          {
+            className: r(
+              a.settingField,
+              !b && a.disabledField
+            ),
+            name: "carryOverLimit",
+            label: e("policySettings.carryOverLimitLabel"),
+            description: e("policySettings.carryOverLimitHint"),
+            adornmentEnd: e("policySettings.hoursUnit"),
+            placeholder: e("policySettings.numberOfHoursPlaceholder"),
+            isDisabled: !b,
+            min: 0
+          }
+        ),
+        /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+          n,
+          {
+            name: "carryOverLimitEnabled",
+            label: e("policySettings.carryOverLimitLabel"),
+            shouldVisuallyHideLabel: !0
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ i("hr", { className: a.divider }),
+      g && /* @__PURE__ */ l(y, { children: [
+        /* @__PURE__ */ l("div", { className: a.settingRow, children: [
+          /* @__PURE__ */ i(
+            o,
+            {
+              className: r(
+                a.settingField,
+                !p && a.disabledField
+              ),
+              name: "waitingPeriod",
+              label: e("policySettings.waitingPeriodLabel"),
+              description: e("policySettings.waitingPeriodHint"),
+              adornmentEnd: e("policySettings.daysUnit"),
+              placeholder: e("policySettings.numberOfDaysPlaceholder"),
+              isDisabled: !p,
+              min: 0
+            }
+          ),
+          /* @__PURE__ */ i("div", { className: a.toggleCell, children: /* @__PURE__ */ i(
+            n,
+            {
+              name: "waitingPeriodEnabled",
+              label: e("policySettings.waitingPeriodLabel"),
+              shouldVisuallyHideLabel: !0
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ i("hr", { className: a.divider })
+      ] }),
+      /* @__PURE__ */ i(
+        n,
+        {
+          name: "paidOutOnTermination",
+          label: e("policySettings.paidOutOnTerminationLabel"),
+          description: e("policySettings.paidOutOnTerminationHint")
+        }
+      ),
+      /* @__PURE__ */ i("hr", { className: a.divider }),
+      /* @__PURE__ */ l(F, { children: [
+        /* @__PURE__ */ i(m, { variant: "secondary", onClick: v, children: e("backCta") }),
+        /* @__PURE__ */ i(m, { variant: "primary", type: "submit", children: e("policySettings.continueCta") })
+      ] })
+    ] })
+  ] }) }) }) });
+}
+export {
+  q as PolicySettingsPresentation
+};
+//# sourceMappingURL=PolicySettingsPresentation.js.map

package/dist/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PolicySettingsPresentation.js","sources":["../../../../src/components/UNSTABLE_TimeOff/PolicySettings/PolicySettingsPresentation.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { FormProvider, useForm, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport type { PolicySettingsFormData, PolicySettingsPresentationProps } from './PolicySettingsTypes'\nimport styles from './PolicySettings.module.scss'\nimport { Flex, ActionsLayout, NumberInputField, SwitchField } from '@/components/Common'\nimport { Form as HtmlForm } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport function PolicySettingsPresentation({\n  accrualMethod,\n  onContinue,\n  onBack,\n  defaultValues,\n}: PolicySettingsPresentationProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { Heading, Button } = useComponentContext()\n\n  const formMethods = useForm<PolicySettingsFormData>({\n    defaultValues: {\n      accrualMaximumEnabled: false,\n      balanceMaximumEnabled: false,\n      carryOverLimitEnabled: false,\n      waitingPeriodEnabled: false,\n      paidOutOnTermination: false,\n      ...defaultValues,\n    },\n  })\n\n  const { control } = formMethods\n  const accrualMaximumEnabled = useWatch({ control, name: 'accrualMaximumEnabled' })\n  const balanceMaximumEnabled = useWatch({ control, name: 'balanceMaximumEnabled' })\n  const carryOverLimitEnabled = useWatch({ control, name: 'carryOverLimitEnabled' })\n  const waitingPeriodEnabled = useWatch({ control, name: 'waitingPeriodEnabled' })\n\n  const isHoursWorked = accrualMethod === 'hours_worked'\n\n  const handleSubmit = (data: PolicySettingsFormData) => {\n    onContinue(data)\n  }\n\n  return (\n    <FormProvider {...formMethods}>\n      <HtmlForm onSubmit={formMethods.handleSubmit(handleSubmit)}>\n        <div className={styles.policySettings}>\n          <Flex flexDirection=\"column\" gap={32}>\n            <Heading as=\"h2\">{t('policySettings.title')}</Heading>\n\n            <Flex flexDirection=\"column\" gap={20}>\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={classNames(\n                        styles.settingField,\n                        !accrualMaximumEnabled && styles.disabledField,\n                      )}\n                      name=\"accrualMaximum\"\n                      label={t('policySettings.accrualMaximumLabel')}\n                      description={t('policySettings.accrualMaximumHint')}\n                      adornmentEnd={t('policySettings.hoursUnit')}\n                      placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                      isDisabled={!accrualMaximumEnabled}\n                      min={0}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"accrualMaximumEnabled\"\n                        label={t('policySettings.accrualMaximumLabel')}\n                        shouldVisuallyHideLabel\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={classNames(\n                    styles.settingField,\n                    !balanceMaximumEnabled && styles.disabledField,\n                  )}\n                  name=\"balanceMaximum\"\n                  label={t('policySettings.balanceMaximumLabel')}\n                  description={t('policySettings.balanceMaximumHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!balanceMaximumEnabled}\n                  min={0}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"balanceMaximumEnabled\"\n                    label={t('policySettings.balanceMaximumLabel')}\n                    shouldVisuallyHideLabel\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              <div className={styles.settingRow}>\n                <NumberInputField\n                  className={classNames(\n                    styles.settingField,\n                    !carryOverLimitEnabled && styles.disabledField,\n                  )}\n                  name=\"carryOverLimit\"\n                  label={t('policySettings.carryOverLimitLabel')}\n                  description={t('policySettings.carryOverLimitHint')}\n                  adornmentEnd={t('policySettings.hoursUnit')}\n                  placeholder={t('policySettings.numberOfHoursPlaceholder')}\n                  isDisabled={!carryOverLimitEnabled}\n                  min={0}\n                />\n                <div className={styles.toggleCell}>\n                  <SwitchField\n                    name=\"carryOverLimitEnabled\"\n                    label={t('policySettings.carryOverLimitLabel')}\n                    shouldVisuallyHideLabel\n                  />\n                </div>\n              </div>\n\n              <hr className={styles.divider} />\n\n              {isHoursWorked && (\n                <>\n                  <div className={styles.settingRow}>\n                    <NumberInputField\n                      className={classNames(\n                        styles.settingField,\n                        !waitingPeriodEnabled && styles.disabledField,\n                      )}\n                      name=\"waitingPeriod\"\n                      label={t('policySettings.waitingPeriodLabel')}\n                      description={t('policySettings.waitingPeriodHint')}\n                      adornmentEnd={t('policySettings.daysUnit')}\n                      placeholder={t('policySettings.numberOfDaysPlaceholder')}\n                      isDisabled={!waitingPeriodEnabled}\n                      min={0}\n                    />\n                    <div className={styles.toggleCell}>\n                      <SwitchField\n                        name=\"waitingPeriodEnabled\"\n                        label={t('policySettings.waitingPeriodLabel')}\n                        shouldVisuallyHideLabel\n                      />\n                    </div>\n                  </div>\n\n                  <hr className={styles.divider} />\n                </>\n              )}\n\n              <SwitchField\n                name=\"paidOutOnTermination\"\n                label={t('policySettings.paidOutOnTerminationLabel')}\n                description={t('policySettings.paidOutOnTerminationHint')}\n              />\n\n              <hr className={styles.divider} />\n\n              <ActionsLayout>\n                <Button variant=\"secondary\" onClick={onBack}>\n                  {t('backCta')}\n                </Button>\n                <Button variant=\"primary\" type=\"submit\">\n                  {t('policySettings.continueCta')}\n                </Button>\n              </ActionsLayout>\n            </Flex>\n          </Flex>\n        </div>\n      </HtmlForm>\n    </FormProvider>\n  )\n}\n"],"names":["PolicySettingsPresentation","accrualMethod","onContinue","onBack","defaultValues","useI18n","t","useTranslation","Heading","Button","useComponentContext","formMethods","useForm","control","accrualMaximumEnabled","useWatch","balanceMaximumEnabled","carryOverLimitEnabled","waitingPeriodEnabled","isHoursWorked","handleSubmit","data","jsx","FormProvider","HtmlForm","styles","Flex","jsxs","Fragment","NumberInputField","classNames","SwitchField","ActionsLayout"],"mappings":"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"}

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

@@ -0,0 +1,18 @@
+export type PolicySettingsAccrualMethod = 'hours_worked' | 'fixed';
+export interface PolicySettingsFormData {
+    accrualMaximumEnabled: boolean;
+    accrualMaximum?: number;
+    balanceMaximumEnabled: boolean;
+    balanceMaximum?: number;
+    carryOverLimitEnabled: boolean;
+    carryOverLimit?: number;
+    waitingPeriodEnabled: boolean;
+    waitingPeriod?: number;
+    paidOutOnTermination: boolean;
+}
+export interface PolicySettingsPresentationProps {
+    accrualMethod: PolicySettingsAccrualMethod;
+    onContinue: (data: PolicySettingsFormData) => void;
+    onBack: () => void;
+    defaultValues?: Partial<PolicySettingsFormData>;
+}

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;