@gusto/embedded-react-sdk 0.44.1 → 0.45.0

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.js

@@ -1,83 +1,100 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useState as h, useMemo as r, useCallback as l } from "react";
-import { usePaySchedulesGetPayPeriodsSuspense as N } from "@gusto/embedded-api/react-query/paySchedulesGetPayPeriods";
-import { usePaySchedulesGetAllSuspense as O } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { usePayrollsSkipMutation as _ } from "@gusto/embedded-api/react-query/payrollsSkip";
-import { PayrollType as v } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
-import { PayrollTypes as L } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods";
-import { RFCDate as b } from "@gusto/embedded-api/types/rfcdate";
-import { TransitionPayrollAlertPresentation as x } from "./TransitionPayrollAlertPresentation.js";
-import { BaseComponent as B } from "../../Base/Base.js";
-import { useBase as C } from "../../Base/useBase.js";
-import { componentEvents as f } from "../../../shared/constants.js";
-const M = 90;
-function X(t) {
-  return /* @__PURE__ */ i(B, { onEvent: t.onEvent, children: /* @__PURE__ */ i(Y, { ...t }) });
-}
-function Y({ companyId: t }) {
-  const { onEvent: n, baseSubmitHandler: u } = C(), [P, c] = h(!1), [A, p] = h(null), T = r(() => {
-    const e = /* @__PURE__ */ new Date();
-    return e.setDate(e.getDate() + M), new b(e);
-  }, []), { data: d } = N({
-    companyId: t,
-    payrollTypes: L.Transition,
-    endDate: T
-  }), { data: k } = O({ companyId: t }), m = k.payScheduleShowResponse ?? [], { mutateAsync: S } = _(), y = r(() => (d.payPeriods ?? []).filter((s) => !s.payroll?.processed), [d]), D = r(() => {
-    const e = /* @__PURE__ */ new Map();
-    for (const s of y) {
-      const a = s.payScheduleUuid ?? "unknown", o = e.get(a) ?? [];
-      o.push(s), e.set(a, o);
+import { jsx as D } from "react/jsx-runtime";
+import { useMemo as P, useEffect as E, useState as A, useCallback as f } from "react";
+import { usePaySchedulesGetPayPeriods as R } from "@gusto/embedded-api/react-query/paySchedulesGetPayPeriods";
+import { usePaySchedulesGetAll as N } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePayrollsSkipMutation as O } from "@gusto/embedded-api/react-query/payrollsSkip";
+import { PayrollType as w } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
+import { PayrollTypes as g } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods";
+import { RFCDate as U } from "@gusto/embedded-api/types/rfcdate";
+import { TransitionPayrollAlertPresentation as b } from "./TransitionPayrollAlertPresentation.js";
+import { BaseComponent as _ } from "../../Base/Base.js";
+import { useBase as L } from "../../Base/useBase.js";
+import { componentEvents as h } from "../../../shared/constants.js";
+import { useObservability as M } from "../../../contexts/ObservabilityProvider/useObservability.js";
+import { normalizeToSDKError as C } from "../../../types/sdkError.js";
+const v = 90, x = "Payroll.TransitionPayrollAlert";
+function Z({ companyId: a, onEvent: i }) {
+  const { observability: r } = M(), c = P(() => {
+    const t = /* @__PURE__ */ new Date();
+    return t.setDate(t.getDate() + v), new U(t);
+  }, []), { data: n, error: p } = R({
+    companyId: a,
+    payrollTypes: g.Transition,
+    endDate: c
+  }), { data: l, error: d } = N({ companyId: a }), o = p ?? d;
+  E(() => {
+    if (!o) return;
+    i(h.ERROR, o);
+    const t = C(o);
+    r?.onError?.({
+      ...t,
+      timestamp: Date.now(),
+      componentName: x
+    });
+  }, [o, i, r]);
+  const m = P(() => {
+    if (!n || !l) return [];
+    const t = l.payScheduleShowResponse ?? [], S = (n.payPeriods ?? []).filter(
+      (s) => !s.payroll?.processed
+    ), e = /* @__PURE__ */ new Map();
+    for (const s of S) {
+      const y = s.payScheduleUuid ?? "unknown", u = e.get(y) ?? [];
+      u.push(s), e.set(y, u);
     }
-    return Array.from(e.entries()).map(([s, a]) => {
-      const o = m.find((E) => E.uuid === s), U = o?.customName || o?.name || "Transition";
-      return { payScheduleUuid: s, payScheduleName: U, payPeriods: a };
+    return Array.from(e.entries()).map(([s, y]) => {
+      const u = t.find((k) => k.uuid === s), T = u?.customName || u?.name || "Transition";
+      return { payScheduleUuid: s, payScheduleName: T, payPeriods: y };
     });
-  }, [y, m]), R = l(
+  }, [n, l]);
+  return !n || !l || m.length === 0 ? null : /* @__PURE__ */ D(_, { onEvent: i, children: /* @__PURE__ */ D(B, { companyId: a, groupedPayPeriods: m }) });
+}
+function B({ companyId: a, groupedPayPeriods: i }) {
+  const { onEvent: r, baseSubmitHandler: c } = L(), [n, p] = A(!1), [l, d] = A(null), { mutateAsync: o } = O(), m = f(
     (e) => {
-      n(f.RUN_TRANSITION_PAYROLL, {
+      r(h.RUN_TRANSITION_PAYROLL, {
         startDate: e.startDate,
         endDate: e.endDate,
         payScheduleUuid: e.payScheduleUuid
       });
     },
-    [n]
-  ), w = l(
+    [r]
+  ), t = f(
     async (e) => {
-      p(e), await u({}, async () => {
-        await S({
+      d(e), await c({}, async () => {
+        await o({
           request: {
-            companyUuid: t,
+            companyUuid: a,
             requestBody: {
-              payrollType: v.TransitionFromOldPaySchedule,
+              payrollType: w.TransitionFromOldPaySchedule,
               startDate: e.startDate,
               endDate: e.endDate,
               payScheduleUuid: e.payScheduleUuid ?? void 0
             }
           }
-        }), c(!0), n(f.TRANSITION_PAYROLL_SKIPPED, {
+        }), p(!0), r(h.TRANSITION_PAYROLL_SKIPPED, {
           startDate: e.startDate,
           endDate: e.endDate,
           payScheduleUuid: e.payScheduleUuid
         });
-      }), p(null);
+      }), d(null);
     },
-    [t, S, n, u]
-  ), g = l(() => {
-    c(!1);
+    [a, o, r, c]
+  ), S = f(() => {
+    p(!1);
   }, []);
-  return D.length === 0 ? null : /* @__PURE__ */ i(
-    x,
+  return /* @__PURE__ */ D(
+    b,
     {
-      groupedPayPeriods: D,
-      onRunPayroll: R,
-      onSkipPayroll: w,
-      showSkipSuccessAlert: P,
-      onDismissSkipSuccessAlert: g,
-      skippingPayPeriod: A
+      groupedPayPeriods: i,
+      onRunPayroll: m,
+      onSkipPayroll: t,
+      showSkipSuccessAlert: n,
+      onDismissSkipSuccessAlert: S,
+      skippingPayPeriod: l
     }
   );
 }
 export {
-  X as TransitionPayrollAlert
+  Z as TransitionPayrollAlert
 };
 //# sourceMappingURL=TransitionPayrollAlert.js.map

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback } from 'react'\nimport { usePaySchedulesGetPayPeriodsSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetPayPeriods'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport { PayrollTypes } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { TransitionPayrollAlertPresentation } from './TransitionPayrollAlertPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nconst LOOK_AHEAD_DAYS = 90\n\nexport function TransitionPayrollAlert(props: TransitionPayrollAlertProps) {\n  return (\n    <BaseComponent onEvent={props.onEvent}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId }: TransitionPayrollAlertProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const lookAheadEndDate = useMemo(() => {\n    const date = new Date()\n    date.setDate(date.getDate() + LOOK_AHEAD_DAYS)\n    return new RFCDate(date)\n  }, [])\n\n  const { data: payPeriodsData } = usePaySchedulesGetPayPeriodsSuspense({\n    companyId,\n    payrollTypes: PayrollTypes.Transition,\n    endDate: lookAheadEndDate,\n  })\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n  const paySchedules = paySchedulesData.payScheduleShowResponse ?? []\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const unprocessedTransitionPeriods = useMemo(() => {\n    const periods = payPeriodsData.payPeriods ?? []\n    return periods.filter((pp: PayPeriod) => !pp.payroll?.processed)\n  }, [payPeriodsData])\n\n  const groupedPayPeriods = useMemo(() => {\n    const groups = new Map<string, PayPeriod[]>()\n\n    for (const period of unprocessedTransitionPeriods) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [unprocessedTransitionPeriods, paySchedules])\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n    />\n  )\n}\n"],"names":["LOOK_AHEAD_DAYS","TransitionPayrollAlert","props","jsx","BaseComponent","Root","companyId","onEvent","baseSubmitHandler","useBase","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","lookAheadEndDate","useMemo","date","RFCDate","payPeriodsData","usePaySchedulesGetPayPeriodsSuspense","PayrollTypes","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedules","skipPayroll","usePayrollsSkipMutation","unprocessedTransitionPeriods","pp","groupedPayPeriods","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","handleRunPayroll","useCallback","payPeriod","componentEvents","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","TransitionPayrollAlertPresentation"],"mappings":"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"}
+{"version":3,"file":"TransitionPayrollAlert.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlert.tsx"],"sourcesContent":["import { useMemo, useState, useCallback, useEffect } from 'react'\nimport { usePaySchedulesGetPayPeriods } from '@gusto/embedded-api/react-query/paySchedulesGetPayPeriods'\nimport { usePaySchedulesGetAll } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport { PayrollTypes } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayperiods'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport {\n  TransitionPayrollAlertPresentation,\n  type TransitionPayPeriodGroup,\n} from './TransitionPayrollAlertPresentation'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { componentEvents } from '@/shared/constants'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError } from '@/types/sdkError'\n\ninterface TransitionPayrollAlertProps {\n  companyId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\ninterface RootProps {\n  companyId: string\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n}\n\nconst LOOK_AHEAD_DAYS = 90\nconst COMPONENT_NAME = 'Payroll.TransitionPayrollAlert'\n\nexport function TransitionPayrollAlert({ companyId, onEvent }: TransitionPayrollAlertProps) {\n  const { observability } = useObservability()\n\n  const lookAheadEndDate = useMemo(() => {\n    const date = new Date()\n    date.setDate(date.getDate() + LOOK_AHEAD_DAYS)\n    return new RFCDate(date)\n  }, [])\n\n  const { data: payPeriodsData, error: payPeriodsError } = usePaySchedulesGetPayPeriods({\n    companyId,\n    payrollTypes: PayrollTypes.Transition,\n    endDate: lookAheadEndDate,\n  })\n\n  const { data: paySchedulesData, error: paySchedulesError } = usePaySchedulesGetAll({ companyId })\n\n  const gateError = payPeriodsError ?? paySchedulesError\n\n  useEffect(() => {\n    if (!gateError) return\n    onEvent(componentEvents.ERROR, gateError)\n    const sdkError = normalizeToSDKError(gateError)\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName: COMPONENT_NAME,\n    })\n  }, [gateError, onEvent, observability])\n\n  const groupedPayPeriods = useMemo<TransitionPayPeriodGroup[]>(() => {\n    if (!payPeriodsData || !paySchedulesData) return []\n    const paySchedules = paySchedulesData.payScheduleShowResponse ?? []\n    const unprocessed = (payPeriodsData.payPeriods ?? []).filter(\n      (pp: PayPeriod) => !pp.payroll?.processed,\n    )\n\n    const groups = new Map<string, PayPeriod[]>()\n    for (const period of unprocessed) {\n      const uuid = period.payScheduleUuid ?? 'unknown'\n      const existing = groups.get(uuid) ?? []\n      existing.push(period)\n      groups.set(uuid, existing)\n    }\n\n    return Array.from(groups.entries()).map(([payScheduleUuid, payPeriods]) => {\n      const schedule = paySchedules.find(s => s.uuid === payScheduleUuid)\n      const payScheduleName = schedule?.customName || schedule?.name || 'Transition'\n      return { payScheduleUuid, payScheduleName, payPeriods }\n    })\n  }, [payPeriodsData, paySchedulesData])\n\n  if (!payPeriodsData || !paySchedulesData || groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <Root companyId={companyId} groupedPayPeriods={groupedPayPeriods} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, groupedPayPeriods }: RootProps) {\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayPeriod, setSkippingPayPeriod] = useState<PayPeriod | null>(null)\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const handleRunPayroll = useCallback(\n    (payPeriod: PayPeriod) => {\n      onEvent(componentEvents.RUN_TRANSITION_PAYROLL, {\n        startDate: payPeriod.startDate,\n        endDate: payPeriod.endDate,\n        payScheduleUuid: payPeriod.payScheduleUuid,\n      })\n    },\n    [onEvent],\n  )\n\n  const handleSkipPayroll = useCallback(\n    async (payPeriod: PayPeriod) => {\n      setSkippingPayPeriod(payPeriod)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.TransitionFromOldPaySchedule,\n              startDate: payPeriod.startDate,\n              endDate: payPeriod.endDate,\n              payScheduleUuid: payPeriod.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.TRANSITION_PAYROLL_SKIPPED, {\n          startDate: payPeriod.startDate,\n          endDate: payPeriod.endDate,\n          payScheduleUuid: payPeriod.payScheduleUuid,\n        })\n      })\n      setSkippingPayPeriod(null)\n    },\n    [companyId, skipPayroll, onEvent, baseSubmitHandler],\n  )\n\n  const handleDismissSkipSuccessAlert = useCallback(() => {\n    setShowSkipSuccessAlert(false)\n  }, [])\n\n  return (\n    <TransitionPayrollAlertPresentation\n      groupedPayPeriods={groupedPayPeriods}\n      onRunPayroll={handleRunPayroll}\n      onSkipPayroll={handleSkipPayroll}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={handleDismissSkipSuccessAlert}\n      skippingPayPeriod={skippingPayPeriod}\n    />\n  )\n}\n"],"names":["LOOK_AHEAD_DAYS","COMPONENT_NAME","TransitionPayrollAlert","companyId","onEvent","observability","useObservability","lookAheadEndDate","useMemo","date","RFCDate","payPeriodsData","payPeriodsError","usePaySchedulesGetPayPeriods","PayrollTypes","paySchedulesData","paySchedulesError","usePaySchedulesGetAll","gateError","useEffect","componentEvents","sdkError","normalizeToSDKError","groupedPayPeriods","paySchedules","unprocessed","pp","groups","period","uuid","existing","payScheduleUuid","payPeriods","schedule","s","payScheduleName","BaseComponent","Root","baseSubmitHandler","useBase","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayPeriod","setSkippingPayPeriod","skipPayroll","usePayrollsSkipMutation","handleRunPayroll","useCallback","payPeriod","handleSkipPayroll","PayrollType","handleDismissSkipSuccessAlert","jsx","TransitionPayrollAlertPresentation"],"mappings":"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"}

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.d.ts

@@ -1,5 +1,5 @@
 import { PayPeriod } from '@gusto/embedded-api/models/components/payperiod';
-interface TransitionPayPeriodGroup {
+export interface TransitionPayPeriodGroup {
     payScheduleUuid: string;
     payScheduleName: string;
     payPeriods: PayPeriod[];

package/dist/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionPayrollAlertPresentation.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface TransitionPayPeriodGroup {\n  payScheduleUuid: string\n  payScheduleName: string\n  payPeriods: PayPeriod[]\n}\n\ninterface TransitionPayrollAlertPresentationProps {\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n  onRunPayroll: (payPeriod: PayPeriod) => void\n  onSkipPayroll: (payPeriod: PayPeriod) => void\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayPeriod: PayPeriod | null\n}\n\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n}: TransitionPayrollAlertPresentationProps) {\n  useI18n('Payroll.TransitionPayrollAlert')\n  const { t } = useTranslation('Payroll.TransitionPayrollAlert')\n  const { Alert, Button, Text, Dialog } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [skipDialogPayPeriod, setSkipDialogPayPeriod] = useState<PayPeriod | null>(null)\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  const formatDateRange = (payPeriod: PayPeriod) =>\n    dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate, {\n      useShortMonth: true,\n    })\n\n  const handleConfirmSkip = () => {\n    if (skipDialogPayPeriod) {\n      onSkipPayroll(skipDialogPayPeriod)\n      setSkipDialogPayPeriod(null)\n    }\n  }\n\n  const hasMultipleGroups = groupedPayPeriods.length > 1\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <Alert status=\"info\" label={t('skipSuccessAlert')} onDismiss={onDismissSkipSuccessAlert} />\n      )}\n      {groupedPayPeriods.map((group, groupIndex) => (\n        <Flex key={group.payScheduleUuid || `group-${groupIndex}`} flexDirection=\"column\" gap={16}>\n          {hasMultipleGroups && <Text weight=\"semibold\">{group.payScheduleName}</Text>}\n          {group.payPeriods.map(payPeriod => {\n            const dateRange = formatDateRange(payPeriod)\n            const isSkipping = skippingPayPeriod === payPeriod\n\n            return (\n              <Alert\n                key={`${payPeriod.payScheduleUuid}-${payPeriod.startDate}`}\n                status=\"warning\"\n                label={t('alertTitle', { dateRange })}\n              >\n                <Flex flexDirection=\"column\" gap={16}>\n                  <Text>{t('alertDescription')}</Text>\n                  <Flex gap={12} alignItems=\"center\">\n                    <div>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          onRunPayroll(payPeriod)\n                        }}\n                      >\n                        {t('runPayroll')}\n                      </Button>\n                    </div>\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        setSkipDialogPayPeriod(payPeriod)\n                      }}\n                      isLoading={isSkipping}\n                    >\n                      {t('skipPayroll')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              </Alert>\n            )\n          })}\n        </Flex>\n      ))}\n      <Dialog\n        isOpen={skipDialogPayPeriod !== null}\n        onClose={() => {\n          setSkipDialogPayPeriod(null)\n        }}\n        onPrimaryActionClick={handleConfirmSkip}\n        isDestructive\n        title={t('skipDialog.title', {\n          dateRange: skipDialogPayPeriod ? formatDateRange(skipDialogPayPeriod) : '',\n        })}\n        primaryActionLabel={t('skipDialog.confirmCta')}\n        closeActionLabel={t('skipDialog.cancelCta')}\n      >\n        {t('skipDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TransitionPayrollAlertPresentation","groupedPayPeriods","onRunPayroll","onSkipPayroll","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayPeriod","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":"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"}
+{"version":3,"file":"TransitionPayrollAlertPresentation.js","sources":["../../../../src/components/Payroll/TransitionPayrollAlert/TransitionPayrollAlertPresentation.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { PayPeriod } from '@gusto/embedded-api/models/components/payperiod'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nexport interface TransitionPayPeriodGroup {\n  payScheduleUuid: string\n  payScheduleName: string\n  payPeriods: PayPeriod[]\n}\n\ninterface TransitionPayrollAlertPresentationProps {\n  groupedPayPeriods: TransitionPayPeriodGroup[]\n  onRunPayroll: (payPeriod: PayPeriod) => void\n  onSkipPayroll: (payPeriod: PayPeriod) => void\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayPeriod: PayPeriod | null\n}\n\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n}: TransitionPayrollAlertPresentationProps) {\n  useI18n('Payroll.TransitionPayrollAlert')\n  const { t } = useTranslation('Payroll.TransitionPayrollAlert')\n  const { Alert, Button, Text, Dialog } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n  const [skipDialogPayPeriod, setSkipDialogPayPeriod] = useState<PayPeriod | null>(null)\n\n  if (groupedPayPeriods.length === 0) {\n    return null\n  }\n\n  const formatDateRange = (payPeriod: PayPeriod) =>\n    dateFormatter.formatPayPeriodRange(payPeriod.startDate, payPeriod.endDate, {\n      useShortMonth: true,\n    })\n\n  const handleConfirmSkip = () => {\n    if (skipDialogPayPeriod) {\n      onSkipPayroll(skipDialogPayPeriod)\n      setSkipDialogPayPeriod(null)\n    }\n  }\n\n  const hasMultipleGroups = groupedPayPeriods.length > 1\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {showSkipSuccessAlert && (\n        <Alert status=\"info\" label={t('skipSuccessAlert')} onDismiss={onDismissSkipSuccessAlert} />\n      )}\n      {groupedPayPeriods.map((group, groupIndex) => (\n        <Flex key={group.payScheduleUuid || `group-${groupIndex}`} flexDirection=\"column\" gap={16}>\n          {hasMultipleGroups && <Text weight=\"semibold\">{group.payScheduleName}</Text>}\n          {group.payPeriods.map(payPeriod => {\n            const dateRange = formatDateRange(payPeriod)\n            const isSkipping = skippingPayPeriod === payPeriod\n\n            return (\n              <Alert\n                key={`${payPeriod.payScheduleUuid}-${payPeriod.startDate}`}\n                status=\"warning\"\n                label={t('alertTitle', { dateRange })}\n              >\n                <Flex flexDirection=\"column\" gap={16}>\n                  <Text>{t('alertDescription')}</Text>\n                  <Flex gap={12} alignItems=\"center\">\n                    <div>\n                      <Button\n                        variant=\"secondary\"\n                        onClick={() => {\n                          onRunPayroll(payPeriod)\n                        }}\n                      >\n                        {t('runPayroll')}\n                      </Button>\n                    </div>\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        setSkipDialogPayPeriod(payPeriod)\n                      }}\n                      isLoading={isSkipping}\n                    >\n                      {t('skipPayroll')}\n                    </Button>\n                  </Flex>\n                </Flex>\n              </Alert>\n            )\n          })}\n        </Flex>\n      ))}\n      <Dialog\n        isOpen={skipDialogPayPeriod !== null}\n        onClose={() => {\n          setSkipDialogPayPeriod(null)\n        }}\n        onPrimaryActionClick={handleConfirmSkip}\n        isDestructive\n        title={t('skipDialog.title', {\n          dateRange: skipDialogPayPeriod ? formatDateRange(skipDialogPayPeriod) : '',\n        })}\n        primaryActionLabel={t('skipDialog.confirmCta')}\n        closeActionLabel={t('skipDialog.cancelCta')}\n      >\n        {t('skipDialog.body')}\n      </Dialog>\n    </Flex>\n  )\n}\n"],"names":["TransitionPayrollAlertPresentation","groupedPayPeriods","onRunPayroll","onSkipPayroll","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayPeriod","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":"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"}

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,52 +1,38 @@
-import { useState as M, useRef as m, useMemo as _, useCallback as y, useEffect as b } from "react";
+import { useState as M, useRef as y, useMemo as _, useCallback as f, useEffect as b } from "react";
 import { usePayrollsPrepareMutation as L } from "@gusto/embedded-api/react-query/payrollsPrepare";
 import { usePaySchedulesGet as D } from "@gusto/embedded-api/react-query/paySchedulesGet";
 import { UnprocessableEntityError as T } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
-import "react/jsx-runtime";
-import "react-error-boundary";
-import "react-i18next";
-import "@tanstack/react-query";
 import { useBase as w } from "../Base/useBase.js";
-import "@gusto/embedded-api/models/errors/apierror";
-import "@gusto/embedded-api/models/errors/gustoembeddederror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/httpclienterrors";
-import "dompurify";
-import "../../contexts/LocaleProvider/useLocale.js";
-import "../../shared/constants.js";
-import "classnames";
-import "../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as x } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, ee = ({
+const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, G = ({
   companyId: e,
   payrollId: r,
-  employeeUuids: a,
-  sortBy: n,
+  employeeUuids: t,
+  sortBy: i,
   onDataReady: l
 }) => {
-  const { mutateAsync: p, isPending: c } = L(), [o, f] = M(), t = m(!1), u = m(!1), { baseSubmitHandler: d } = w(), h = _(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
+  const { mutateAsync: c, isPending: u } = L(), [s, m] = M(), a = y(!1), d = y(!1), { baseSubmitHandler: p } = w(), h = _(() => t?.join(",") ?? "", [t]), { data: S, isLoading: E } = D(
     {
       companyId: e,
-      payScheduleId: o?.payPeriod?.payScheduleUuid || ""
+      payScheduleId: s?.payPeriod?.payScheduleUuid || ""
     },
     {
-      enabled: !!o?.payPeriod?.payScheduleUuid
+      enabled: !!s?.payPeriod?.payScheduleUuid
     }
-  ), P = y(async () => {
-    const s = await p({
+  ), P = f(async () => {
+    const n = await c({
       request: {
         companyId: e,
         payrollId: r,
-        sortBy: n,
+        sortBy: i,
         requestBody: {
-          employeeUuids: a
+          employeeUuids: t
         }
       }
     });
-    f(s.payrollPrepared), s.payrollPrepared && (t.current = !0, l?.(s.payrollPrepared));
-  }, [e, r, p, h, n, l]), i = y(async () => {
-    await d(
+    m(n.payrollPrepared), n.payrollPrepared && (a.current = !0, l?.(n.payrollPrepared));
+  }, [e, r, c, h, i, l]), o = f(async () => {
+    await p(
       null,
       () => x(P, {
         maxAttempts: q,
@@ -54,21 +40,21 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
         shouldRetry: B
       })
     );
-  }, [d, P]);
+  }, [p, P]);
   b(() => {
-    u.current || (u.current = !0, i());
-  }, [i]);
-  const g = c && !t.current, R = c && t.current, A = g || E;
+    d.current || (d.current = !0, o());
+  }, [o]);
+  const g = u && !a.current, R = u && a.current, A = g || E;
   return {
-    handlePreparePayroll: i,
-    preparedPayroll: o,
+    handlePreparePayroll: o,
+    preparedPayroll: s,
     paySchedule: S?.payScheduleShow,
     isLoading: A,
     isPaginating: R,
-    hasInitialData: t.current
+    hasInitialData: a.current
   };
 };
 export {
-  ee as usePreparedPayrollData
+  G as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

package/dist/components/Payroll/usePreparedPayrollData.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAI9CC,KAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport type { QueryParamSortBy } from '@gusto/embedded-api/models/operations/putv1companiescompanyidpayrollspayrollidprepare'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: QueryParamSortBy\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;AA2BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAI9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/components/TimeOff/HolidayPolicyDetail/HolidayPolicyDetail.js

@@ -1,119 +1,121 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useState as r, useMemo as m } from "react";
-import { useTranslation as _ } from "react-i18next";
-import { useQueryClient as q } from "@tanstack/react-query";
-import { useHolidayPayPoliciesGetSuspense as U, invalidateAllHolidayPayPoliciesGet as Y } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
+import { jsx as a } from "react/jsx-runtime";
+import { useState as d, useMemo as u } from "react";
+import { useTranslation as T } from "react-i18next";
+import { useQueryClient as Y } from "@tanstack/react-query";
+import { useHolidayPayPoliciesGetSuspense as j, invalidateAllHolidayPayPoliciesGet as q } from "@gusto/embedded-api/react-query/holidayPayPoliciesGet";
 import { useHolidayPayPoliciesRemoveEmployeesMutation as x } from "@gusto/embedded-api/react-query/holidayPayPoliciesRemoveEmployees";
 import { useEmployeesListSuspense as Q } from "@gusto/embedded-api/react-query/employeesList";
-import { getDefaultHolidayItems as j } from "../shared/holidayHelpers.js";
-import { HolidayPolicyDetailPresentation as G } from "./HolidayPolicyDetailPresentation.js";
+import { getDefaultHolidayItems as G } from "../shared/holidayHelpers.js";
+import { HolidayPolicyDetailPresentation as $ } from "./HolidayPolicyDetailPresentation.js";
+import { useClientPagination as K } from "../../../hooks/useClientPagination/useClientPagination.js";
 import { BaseComponent as V } from "../../Base/Base.js";
-import { useBase as K } from "../../Base/useBase.js";
-import { componentEvents as f } from "../../../shared/constants.js";
-import { useComponentContext as z } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as S } from "../../../i18n/I18n.js";
-import { useLocale as J } from "../../../contexts/LocaleProvider/useLocale.js";
-import { firstLastName as p } from "../../../helpers/formattedStrings.js";
-import W from "../../../assets/icons/trashcan.svg.js";
-import X from "../../../assets/icons/edit-02.svg.js";
-import Z from "../../../assets/icons/plus-circle.svg.js";
-import { HamburgerMenu as $ } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-function De(a) {
-  return /* @__PURE__ */ t(V, { ...a, componentName: "Company.TimeOff.HolidayPolicy", children: /* @__PURE__ */ t(ee, { ...a }) });
+import { useBase as z } from "../../Base/useBase.js";
+import { componentEvents as y } from "../../../shared/constants.js";
+import { useComponentContext as J } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as D } from "../../../i18n/I18n.js";
+import { useLocale as W } from "../../../contexts/LocaleProvider/useLocale.js";
+import { firstLastName as S } from "../../../helpers/formattedStrings.js";
+import X from "../../../assets/icons/trashcan.svg.js";
+import Z from "../../../assets/icons/edit-02.svg.js";
+import ee from "../../../assets/icons/plus-circle.svg.js";
+import { HamburgerMenu as oe } from "../../Common/HamburgerMenu/HamburgerMenu.js";
+function He(t) {
+  return /* @__PURE__ */ a(V, { ...t, componentName: "Company.TimeOff.HolidayPolicy", children: /* @__PURE__ */ a(ae, { ...t }) });
 }
-function ee({ companyId: a, defaultTab: H = "holidays" }) {
-  S("Company.TimeOff.HolidayPolicy"), S("Company.TimeOff.PolicyDetail");
-  const { t: i } = _("Company.TimeOff.HolidayPolicy"), { t: c } = _("Company.TimeOff.PolicyDetail"), { Button: h } = z(), { locale: C } = J(), N = q(), { onEvent: u, baseSubmitHandler: O } = K(), [b, L] = r(H), [l, P] = r(""), [A, E] = r(null), [n, d] = r(null), s = U({ companyUuid: a }).data.holidayPayPolicy, { data: v } = Q({
-    companyId: a,
+function ae({ companyId: t, defaultTab: _ = "holidays" }) {
+  D("Company.TimeOff.HolidayPolicy"), D("Company.TimeOff.PolicyDetail");
+  const { t: i } = T("Company.TimeOff.HolidayPolicy"), { t: l } = T("Company.TimeOff.PolicyDetail"), { Button: p } = J(), { locale: f } = W(), H = Y(), { onEvent: r, baseSubmitHandler: b } = z(), [A, N] = d(_), [O, h] = d(null), [n, m] = d(null), s = j({ companyUuid: t }).data.holidayPayPolicy, { data: C } = Q({
+    companyId: t,
     terminated: !1
-  }), g = x(), w = m(() => {
-    const e = j(i, void 0, C), { federalHolidays: o } = s;
-    return e.filter((D) => o[D.uuid]?.selected === !0);
-  }, [i, s, C]), T = m(
+  }), P = x(), L = u(() => {
+    const e = G(i, void 0, f), { federalHolidays: o } = s;
+    return e.filter((c) => o[c.uuid]?.selected === !0);
+  }, [i, s, f]), g = u(
     () => new Set(s.employees.map((e) => e.uuid)),
     [s.employees]
-  ), y = m(() => (v.showEmployees ?? []).filter((o) => T.has(o.uuid)).map((o) => ({
+  ), w = u(() => (C.showEmployees ?? []).filter((o) => g.has(o.uuid)).map((o) => ({
     uuid: o.uuid,
     firstName: o.firstName,
     lastName: o.lastName,
-    jobTitle: o.title ?? null
-  })), [v.showEmployees, T]), I = m(() => {
-    if (!l) return y;
-    const e = l.toLowerCase();
-    return y.filter((o) => p({
-      first_name: o.firstName,
-      last_name: o.lastName
-    }).toLowerCase().includes(e));
-  }, [y, l]), M = async () => {
+    jobTitle: o.jobs?.find((c) => c.primary)?.title ?? null
+  })), [C.showEmployees, g]), {
+    data: I,
+    pagination: M,
+    searchValue: k,
+    actions: E
+  } = K(w, {
+    defaultItemsPerPage: 10,
+    searchPredicate: (e, o) => `${e.firstName ?? ""} ${e.lastName ?? ""}`.toLowerCase().includes(o.toLowerCase())
+  }), B = async () => {
     if (!n) return;
     const e = n.uuid, o = n.name;
-    d(null), await O({}, async () => {
-      await g.mutateAsync({
+    m(null), await b({}, async () => {
+      await P.mutateAsync({
         request: {
-          companyUuid: a,
+          companyUuid: t,
           requestBody: {
             version: s.version,
             employees: [{ uuid: e }]
           }
         }
-      }), await Y(N), E(i("flash.employeeRemoved", { name: o }));
+      }), await q(H), h(i("flash.employeeRemoved", { name: o }));
     });
-  }, k = () => {
-    u(f.TIME_OFF_BACK_TO_LIST);
-  }, B = () => {
-    u(f.TIME_OFF_HOLIDAY_ADD_EMPLOYEES);
   }, F = () => {
-    u(f.TIME_OFF_EDIT_HOLIDAY_POLICY);
-  }, R = [
-    /* @__PURE__ */ t(
-      h,
+    r(y.TIME_OFF_BACK_TO_LIST);
+  }, v = () => {
+    r(y.TIME_OFF_HOLIDAY_ADD_EMPLOYEES);
+  }, R = () => {
+    r(y.TIME_OFF_EDIT_HOLIDAY_POLICY);
+  }, U = [
+    /* @__PURE__ */ a(
+      p,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ t(Z, { "aria-hidden": !0 }),
-        onClick: B,
+        icon: /* @__PURE__ */ a(ee, { "aria-hidden": !0 }),
+        onClick: v,
         children: i("show.addEmployeesCta")
       },
       "add"
     ),
-    /* @__PURE__ */ t(
-      h,
+    /* @__PURE__ */ a(
+      p,
       {
         variant: "secondary",
-        icon: /* @__PURE__ */ t(X, { "aria-hidden": !0 }),
-        onClick: F,
+        icon: /* @__PURE__ */ a(Z, { "aria-hidden": !0 }),
+        onClick: R,
         children: i("show.editPolicyCta")
       },
       "edit"
     )
   ];
-  return /* @__PURE__ */ t(
-    G,
+  return /* @__PURE__ */ a(
+    $,
     {
       title: i("show.title"),
-      onBack: k,
-      backLabel: c("backLabel"),
-      actions: R,
-      holidays: w,
-      selectedTabId: b,
-      onTabChange: L,
+      onBack: F,
+      backLabel: l("backLabel"),
+      actions: U,
+      onAddEmployee: v,
+      holidays: L,
+      selectedTabId: A,
+      onTabChange: N,
       employees: {
         data: I,
-        searchValue: l,
-        onSearchChange: P,
-        onSearchClear: () => {
-          P("");
-        },
-        itemMenu: (e) => /* @__PURE__ */ t(
-          $,
+        searchValue: k,
+        onSearchChange: E.onSearchChange,
+        onSearchClear: E.onSearchClear,
+        pagination: M,
+        itemMenu: (e) => /* @__PURE__ */ a(
+          oe,
           {
             items: [
               {
-                label: c("removeEmployeeDialog.confirmCta"),
-                icon: /* @__PURE__ */ t(W, { "aria-hidden": !0 }),
+                label: l("removeEmployeeDialog.confirmCta"),
+                icon: /* @__PURE__ */ a(X, { "aria-hidden": !0 }),
                 onClick: () => {
-                  d({
+                  m({
                     uuid: e.uuid,
-                    name: p({
+                    name: S({
                       first_name: e.firstName,
                       last_name: e.lastName
                     })
@@ -121,8 +123,8 @@ function ee({ companyId: a, defaultTab: H = "holidays" }) {
                 }
               }
             ],
-            triggerLabel: c("employeeActions", {
-              name: p({ first_name: e.firstName, last_name: e.lastName })
+            triggerLabel: l("employeeActions", {
+              name: S({ first_name: e.firstName, last_name: e.lastName })
             })
           }
         )
@@ -130,20 +132,20 @@ function ee({ companyId: a, defaultTab: H = "holidays" }) {
       removeDialog: {
         isOpen: n !== null,
         employeeName: n?.name ?? "",
-        onConfirm: M,
+        onConfirm: B,
         onClose: () => {
-          d(null);
+          m(null);
         },
-        isPending: g.isPending
+        isPending: P.isPending
       },
-      successAlert: A ?? void 0,
+      successAlert: O ?? void 0,
       onDismissAlert: () => {
-        E(null);
+        h(null);
       }
     }
   );
 }
 export {
-  De as HolidayPolicyDetail
+  He as HolidayPolicyDetail
 };
 //# sourceMappingURL=HolidayPolicyDetail.js.map