@gusto/embedded-react-sdk 0.44.1 → 0.45.0

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

@@ -1,4 +1,4 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as a } 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";
@@ -13,84 +13,84 @@ 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 { componentEvents as s } from "../../../shared/constants.js";
 import { useI18n as k } from "../../../i18n/I18n.js";
 function ye({ FallbackComponent: i, ...o }) {
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(
     R,
     {
       componentName: "Company.TimeOff.TimeOffPolicies",
       FallbackComponent: i,
-      children: /* @__PURE__ */ s(z, { ...o })
+      children: /* @__PURE__ */ a(z, { ...o })
     }
   );
 }
 function z({ companyId: i, onEvent: o }) {
   k("Company.TimeOff.TimeOffPolicies");
-  const { t } = w("Company.TimeOff.TimeOffPolicies"), n = b(), {
+  const { t } = w("Company.TimeOff.TimeOffPolicies"), m = b(), {
     baseSubmitHandler: T,
     error: O,
     setError: h
-  } = W("Company.TimeOff.TimeOffPolicies"), [E, a] = P(null), [D, m] = P(null), { data: I } = U({
+  } = W("Company.TimeOff.TimeOffPolicies"), [E, r] = P(null), [D, c] = P(null), { data: C } = U({
     companyUuid: i
-  }), C = (I.timeOffPolicies ?? []).filter(
+  }), I = (C.timeOffPolicies ?? []).filter(
     (e) => e.isActive && Q(e.policyType)
-  ), c = Y(
+  ), u = Y(
     { companyUuid: i },
     {
       throwOnError: () => !1
     }
-  ), r = c.data?.holidayPayPolicy, { data: _ } = G({
+  ), n = u.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) => ({
+  }), A = _.showEmployees?.length ?? 0, y = B(), f = x(), L = j([u], { submitError: O, setSubmitError: h }), g = y.isPending || f.isPending, p = (e) => e > 0 && e === A ? t("allEmployeesLabel") : e > 0 ? t("employeeCount", { count: e }) : t("enrolledDash"), d = I.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,
+    enrolledDisplay: p(e.employees.length)
+  })).sort((e, l) => e.name.localeCompare(l.name));
+  n && d.push({
+    uuid: n.companyUuid,
     name: t("holidayPayPolicy"),
     policyType: "holiday",
     isComplete: !0,
-    enrolledDisplay: f(r.employees.length),
+    enrolledDisplay: p(n.employees.length),
     isHoliday: !0
   });
   const F = () => {
-    o(l.TIME_OFF_CREATE_POLICY);
+    o(s.TIME_OFF_CREATE_POLICY);
   }, S = (e) => {
-    o(l.TIME_OFF_VIEW_POLICY, {
+    o(s.TIME_OFF_VIEW_POLICY, {
       policyId: e.uuid,
       policyType: e.policyType
     });
   }, H = (e) => {
-    o(l.TIME_OFF_VIEW_POLICY, {
+    o(s.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({
+    let l = !1;
+    return c(e.uuid), await T({}, async () => {
+      e.isHoliday ? (await f.mutateAsync({
         request: { companyUuid: i }
-      }), await q(n), a(t("flash.holidayDeleted"))) : (await u.mutateAsync({
+      }), await q(m), r(t("flash.holidayDeleted"))) : (await y.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;
+      }), await v(m), r(t("flash.policyDeleted", { name: e.name }))), o(s.TIME_OFF_DELETE_POLICY_DONE, { policyId: e.uuid }), l = !0;
+    }), c(null), l;
   };
-  return /* @__PURE__ */ s(V, { error: L.errors, children: /* @__PURE__ */ s(
+  return /* @__PURE__ */ a(V, { error: L.errors, children: /* @__PURE__ */ a(
     N,
     {
-      policies: p,
+      policies: d,
       onCreatePolicy: F,
       onEditPolicy: S,
       onFinishSetup: H,
       onDeletePolicy: M,
       deleteSuccessAlert: E,
       onDismissDeleteAlert: () => {
-        a(null);
+        r(null);
       },
       isDeletingPolicyId: D,
       isPending: g

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

@@ -1 +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":"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"}
+{"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\n    .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    .sort((a, b) => a.name.localeCompare(b.name))\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","a","b","handleCreatePolicy","componentEvents","handleEditPolicy","handleFinishSetup","handleDeletePolicy","success","invalidateAllHolidayPayPoliciesGet","invalidateAllTimeOffPoliciesGetAll","BaseLayout","PolicyListPresentation"],"mappings":"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"}

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

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

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

@@ -1 +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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"}
+{"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, 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      await 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) => policy.name,\n      },\n      {\n        title: t('tableHeaders.enrolled'),\n        render: (policy: PolicyListItem) => policy.enrolledDisplay,\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","Alert","Dialog","useComponentContext","useI18n","t","useTranslation","deletePolicyDialogState","setDeletePolicyDialogState","useState","handleOpenDeleteDialog","policy","handleCloseDeleteDialog","handleConfirmDelete","dataViewProps","useDataView","isDeleting","isEditable","isEditableTimeOffPolicyType","menuItems","jsxs","styles","jsx","HamburgerMenu","EmptyData","ActionsLayout","Flex","DataView"],"mappings":"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"}

package/dist/components/TimeOff/PolicySettings/PolicySettings.d.ts

@@ -1,5 +1,6 @@
 import { BaseComponentInterface } from '../../Base';
 export interface PolicySettingsProps extends BaseComponentInterface {
     policyId: string;
+    mode?: 'create' | 'edit';
 }
 export declare function PolicySettings(props: PolicySettingsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,70 +1,95 @@
-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 }) });
+import { jsx as u } from "react/jsx-runtime";
+import { useTimeOffPoliciesGetSuspense as g } from "@gusto/embedded-api/react-query/timeOffPoliciesGet";
+import { useTimeOffPoliciesUpdateMutation as x } from "@gusto/embedded-api/react-query/timeOffPoliciesUpdate";
+import { UnprocessableEntityError as T } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
+import { useQueryClient as E } from "@tanstack/react-query";
+import { useTranslation as b } from "react-i18next";
+import { PolicySettingsPresentation as M } from "./PolicySettingsPresentation.js";
+import { BaseComponent as v } from "../../Base/Base.js";
+import { useBase as C } from "../../Base/useBase.js";
+import { SDKInternalError as c } from "../../../types/sdkError.js";
+import { componentEvents as s } from "../../../shared/constants.js";
+import { useI18n as w } from "../../../i18n/I18n.js";
+function Q(e) {
+  return /* @__PURE__ */ u(v, { ...e, children: /* @__PURE__ */ u(I, { ...e }) });
 }
-const x = [
+const S = [
   "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";
+], h = ["per_anniversary_year", "per_calendar_year"];
+function L(e) {
+  return S.includes(e) ? "hours_worked" : h.includes(e) ? "fixed_all_at_once" : "fixed_per_pay_period";
 }
-function v(e) {
+function A(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";
+function H(e, r, o) {
+  const n = o === "fixed_all_at_once";
   return {
-    maxAccrualHoursPerYear: !i && e.accrualMaximumEnabled && e.accrualMaximum != null ? String(e.accrualMaximum) : null,
+    maxAccrualHoursPerYear: !n && 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,
+    accrualWaitingPeriodDays: !n && 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({
+function I({ policyId: e, mode: r }) {
+  w("Company.TimeOff.CreateTimeOffPolicy");
+  const { t: o } = b("Company.TimeOff.CreateTimeOffPolicy"), { onEvent: n, baseSubmitHandler: f } = C(), d = E(), { data: _ } = g({
     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,
+  }), { mutateAsync: O, isPending: p } = x(), a = _.timeOffPolicy;
+  if (!a) throw new Error("Unexpected response: missing timeOffPolicy");
+  const m = L(a.accrualMethod), y = a.version ?? "";
+  return /* @__PURE__ */ u(
+    M,
     {
-      accrualMethod: o,
-      onContinue: async (u) => {
-        await a(u, async () => {
-          const { timeOffPolicy: d } = await m({
-            request: {
-              timeOffPolicyUuid: e,
-              requestBody: E(u, s, o)
+      accrualMethod: m,
+      onContinue: async (l) => {
+        await f(l, async () => {
+          try {
+            const { timeOffPolicy: i } = await O({
+              request: {
+                timeOffPolicyUuid: e,
+                requestBody: H(l, y, m)
+              }
+            });
+            d.invalidateQueries({
+              queryKey: ["@gusto/embedded-api", "timeOffPolicies", "get"]
+            }), n(s.TIME_OFF_POLICY_SETTINGS_DONE, i);
+          } catch (i) {
+            if (i instanceof T) {
+              if (i.errors.some((t) => t.message === "LIMIT_VIOLATION_MAX_HOURS"))
+                throw new c(
+                  o("policySettings.errors.balanceExceedsMaximum"),
+                  "api_error"
+                );
+              const P = [...new Set(i.errors.map((t) => t.message).filter(Boolean))];
+              throw new c(
+                o("errors.updatePolicySettingsFailed", {
+                  details: P.join(". ")
+                }),
+                "api_error"
+              );
             }
-          });
-          i.invalidateQueries({
-            queryKey: ["@gusto/embedded-api", "timeOffPolicies", "get"]
-          }), r(l.TIME_OFF_POLICY_SETTINGS_DONE, d);
+            throw i;
+          }
         });
       },
       onBack: () => {
-        r(l.TIME_OFF_POLICY_SETTINGS_BACK);
+        n(s.TIME_OFF_POLICY_SETTINGS_BACK);
       },
-      defaultValues: v(n)
+      defaultValues: A(a),
+      mode: r,
+      editingPolicyName: r === "edit" ? a.name : void 0,
+      isPending: p
     }
   );
 }
 export {
-  U as PolicySettings
+  Q as PolicySettings
 };
 //# sourceMappingURL=PolicySettings.js.map

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

@@ -1 +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;"}
+{"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 { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useQueryClient } from '@tanstack/react-query'\nimport { useTranslation } from 'react-i18next'\nimport { PolicySettingsPresentation } from './PolicySettingsPresentation'\nimport type { PolicySettingsFormData, PolicySettingsAccrualMethod } from './PolicySettingsTypes'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n'\n\nexport interface PolicySettingsProps extends BaseComponentInterface {\n  policyId: string\n  mode?: 'create' | 'edit'\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    version,\n  }\n}\n\nfunction Root({ policyId, mode }: PolicySettingsProps) {\n  useI18n('Company.TimeOff.CreateTimeOffPolicy')\n  const { t } = useTranslation('Company.TimeOff.CreateTimeOffPolicy')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const queryClient = useQueryClient()\n\n  const { data: policyResponse } = useTimeOffPoliciesGetSuspense({\n    timeOffPolicyUuid: policyId,\n  })\n\n  const { mutateAsync: updateTimeOffPolicy, isPending } = 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      try {\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      } catch (err) {\n        if (err instanceof UnprocessableEntityError) {\n          if (err.errors.some(e => e.message === 'LIMIT_VIOLATION_MAX_HOURS')) {\n            throw new SDKInternalError(\n              t('policySettings.errors.balanceExceedsMaximum'),\n              'api_error',\n            )\n          }\n          const uniqueMessages = [...new Set(err.errors.map(e => e.message).filter(Boolean))]\n          throw new SDKInternalError(\n            t('errors.updatePolicySettingsFailed', {\n              details: uniqueMessages.join('. '),\n            }),\n            'api_error',\n          )\n        }\n        throw err\n      }\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      mode={mode}\n      editingPolicyName={mode === 'edit' ? policy.name : undefined}\n      isPending={isPending}\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","mode","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","queryClient","useQueryClient","policyResponse","useTimeOffPoliciesGetSuspense","updateTimeOffPolicy","isPending","useTimeOffPoliciesUpdateMutation","PolicySettingsPresentation","timeOffPolicy","componentEvents","err","UnprocessableEntityError","e","SDKInternalError","uniqueMessages"],"mappings":"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"}

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

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