@gusto/embedded-react-sdk 0.57.1 → 0.57.2

package/dist/components/Payroll/TransitionCreation/TransitionCreation.js

@@ -1,98 +1,100 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useState as P, useCallback as d, useMemo as T } from "react";
-import { useForm as I, FormProvider as N } from "react-hook-form";
-import { zodResolver as B } from "@hookform/resolvers/zod";
-import { useTranslation as V } from "react-i18next";
-import { usePayrollsCreateOffCycleMutation as q } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
-import { WithholdingPayPeriod as U, OffCycleReason as j } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
-import { RFCDate as h } from "@gusto/embedded-api/types/rfcdate";
-import { usePaySchedulesGetAllSuspense as z } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { useOffCyclePayPeriodDateValidation as G } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
-import { createTransitionCreationSchema as H } from "./TransitionCreationTypes.js";
-import { TransitionCreationPresentation as K } from "./TransitionCreationPresentation.js";
-import { useCompanyPaymentSpeed as _ } from "../../../hooks/useCompanyPaymentSpeed.js";
-import { BaseComponent as J } from "../../Base/Base.js";
-import { useBase as L } from "../../Base/useBase.js";
-import { useComponentDictionary as Q, useI18n as u } from "../../../i18n/I18n.js";
-import { componentEvents as X } from "../../../shared/constants.js";
-import { SDKInternalError as Y } from "../../../types/sdkError.js";
-import { Form as Z } from "../../Common/Form/Form.js";
-function To(n) {
-  return /* @__PURE__ */ t(J, { ...n, children: /* @__PURE__ */ t($, { ...n }) });
+import { useForm as N, FormProvider as B } from "react-hook-form";
+import { zodResolver as V } from "@hookform/resolvers/zod";
+import { useTranslation as q } from "react-i18next";
+import { usePayrollsCreateOffCycleMutation as U } from "@gusto/embedded-api/react-query/payrollsCreateOffCycle";
+import { WithholdingPayPeriod as j, OffCycleReason as z } from "@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls";
+import { RFCDate as D } from "@gusto/embedded-api/types/rfcdate";
+import { usePaySchedulesGetAllSuspense as G } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { useOffCyclePayPeriodDateValidation as H } from "../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation.js";
+import { createTransitionCreationSchema as K } from "./TransitionCreationTypes.js";
+import { TransitionCreationPresentation as _ } from "./TransitionCreationPresentation.js";
+import { useCompanyPaymentSpeed as J } from "../../../hooks/useCompanyPaymentSpeed.js";
+import { BaseComponent as L } from "../../Base/Base.js";
+import { useBase as Q } from "../../Base/useBase.js";
+import { useComponentDictionary as X, useI18n as h } from "../../../i18n/I18n.js";
+import { componentEvents as Y } from "../../../shared/constants.js";
+import { SDKInternalError as Z } from "../../../types/sdkError.js";
+import { Form as $ } from "../../Common/Form/Form.js";
+import { toRFCDate as oo } from "../../../helpers/dateFormatting.js";
+function Ro(n) {
+  return /* @__PURE__ */ t(L, { ...n, children: /* @__PURE__ */ t(eo, { ...n }) });
 }
-function $({
+function eo({
   dictionary: n,
   companyId: r,
-  startDate: f,
-  endDate: p,
+  startDate: u,
+  endDate: f,
   payScheduleUuid: a,
-  className: D
+  className: S
 }) {
-  Q("Payroll.TransitionCreation", n), u("Payroll.TransitionCreation"), u("Payroll.OffCycleDeductionsSetting"), u("Payroll.OffCycleTaxWithholding");
-  const { t: l } = V("Payroll.TransitionCreation"), { onEvent: S, baseSubmitHandler: x } = L(), { paymentSpeedDays: s } = _(r), { minCheckDate: y } = G(s), { mutateAsync: R, isPending: W } = q(), { data: g } = z({ companyId: r }), [c, w] = P({
-    withholdingPayPeriod: U.EveryOtherWeek,
+  X("Payroll.TransitionCreation", n), h("Payroll.TransitionCreation"), h("Payroll.OffCycleDeductionsSetting"), h("Payroll.OffCycleTaxWithholding");
+  const { t: l } = q("Payroll.TransitionCreation"), { onEvent: R, baseSubmitHandler: x } = Q(), { paymentSpeedDays: s } = J(r), { minCheckDate: p } = H(s), { mutateAsync: W, isPending: w } = U(), { data: y } = G({ companyId: r }), [c, k] = P({
+    withholdingPayPeriod: j.EveryOtherWeek,
     withholdingRate: "regular"
-  }), [k, m] = P(!1), O = d(() => {
+  }), [O, m] = P(!1), E = d(() => {
     m(!0);
-  }, []), E = d((o) => {
-    w(o), m(!1);
-  }, []), M = d(() => {
+  }, []), M = d((o) => {
+    k(o), m(!1);
+  }, []), b = d(() => {
     m(!1);
-  }, []), b = T(() => {
-    const e = (g.payScheduleShowResponse ?? []).find((i) => i.uuid === a);
+  }, []), v = T(() => {
+    const e = (y.payScheduleShowResponse ?? []).find((i) => i.uuid === a);
     return e?.customName ?? e?.name ?? null;
-  }, [g, a]), v = (o, e) => (
+  }, [y, a]), F = (o, e) => (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
     l(o, e)
-  ), F = T(
-    () => H(v, y, s),
-    [l, y, s]
-  ), C = I({
-    resolver: B(F),
+  ), A = T(
+    () => K(F, p, s),
+    [l, p, s]
+  ), C = N({
+    resolver: V(A),
     defaultValues: {
       checkDate: null,
       skipRegularDeductions: !1
     }
-  }), A = async (o) => {
-    o.checkDate && await x(o, async () => {
-      const e = await R({
+  }), I = async (o) => {
+    const { checkDate: e } = o;
+    e && await x(o, async () => {
+      const i = await W({
         request: {
           companyId: r,
           requestBody: {
             offCycle: !0,
-            offCycleReason: j.TransitionFromOldPaySchedule,
-            startDate: new h(f),
-            endDate: new h(p),
-            checkDate: new h(o.checkDate),
+            offCycleReason: z.TransitionFromOldPaySchedule,
+            startDate: new D(u),
+            endDate: new D(f),
+            checkDate: oo(e),
             payScheduleUuid: a,
             skipRegularDeductions: o.skipRegularDeductions,
             withholdingPayPeriod: c.withholdingPayPeriod,
             fixedWithholdingRate: c.withholdingRate === "supplemental"
           }
         }
-      }), i = e.payrollUnprocessed?.payrollUuid ?? e.payrollUnprocessed?.uuid;
-      if (!i)
-        throw new Y(l("errors.missingPayrollId"));
-      S(X.TRANSITION_CREATED, { payrollUuid: i });
+      }), g = i.payrollUnprocessed?.payrollUuid ?? i.payrollUnprocessed?.uuid;
+      if (!g)
+        throw new Z(l("errors.missingPayrollId"));
+      R(Y.TRANSITION_CREATED, { payrollUuid: g });
     });
   };
-  return /* @__PURE__ */ t(N, { ...C, children: /* @__PURE__ */ t(Z, { onSubmit: C.handleSubmit(A), children: /* @__PURE__ */ t(
-    K,
+  return /* @__PURE__ */ t(B, { ...C, children: /* @__PURE__ */ t($, { onSubmit: C.handleSubmit(I), children: /* @__PURE__ */ t(
+    _,
     {
-      className: D,
-      startDate: f,
-      endDate: p,
-      payScheduleName: b,
-      isPending: W,
+      className: S,
+      startDate: u,
+      endDate: f,
+      payScheduleName: v,
+      isPending: w,
       taxWithholdingConfig: c,
-      isTaxWithholdingModalOpen: k,
-      onTaxWithholdingEditClick: O,
-      onTaxWithholdingModalDone: E,
-      onTaxWithholdingModalCancel: M
+      isTaxWithholdingModalOpen: O,
+      onTaxWithholdingEditClick: E,
+      onTaxWithholdingModalDone: M,
+      onTaxWithholdingModalCancel: b
     }
   ) }) });
 }
 export {
-  To as TransitionCreation
+  Ro as TransitionCreation
 };
 //# sourceMappingURL=TransitionCreation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TransitionCreation.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreation.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { TransitionCreationProps, TransitionCreationFormData } from './TransitionCreationTypes'\nimport { createTransitionCreationSchema } from './TransitionCreationTypes'\nimport { TransitionCreationPresentation } from './TransitionCreationPresentation'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { Form } from '@/components/Common/Form'\n\n/**\n * Creation form for transition payrolls covering the gap between an old and new pay schedule.\n *\n * Displays the transition pay period and pay schedule information, and collects a check\n * date, deduction preference, and tax withholding configuration before submitting the\n * resulting off-cycle payroll for execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | The transition payroll has been created | `{ payrollUuid: string }` |\n *\n * The check date must be at least the company's ACH lead time (typically two business\n * days) from today. Deductions default to included and tax withholding defaults to the\n * regular rate with an every-other-week pay period.\n *\n * @param props - {@link TransitionCreationProps} plus base component props.\n * @returns The transition payroll creation form.\n * @public\n */\nexport function TransitionCreation(props: TransitionCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  dictionary,\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  className,\n}: TransitionCreationProps) {\n  useComponentDictionary('Payroll.TransitionCreation', dictionary)\n  useI18n('Payroll.TransitionCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.OffCycleTaxWithholding')\n\n  const { t } = useTranslation('Payroll.TransitionCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n\n  const { minCheckDate } = useOffCyclePayPeriodDateValidation(paymentSpeedDays)\n  const { mutateAsync: createTransitionPayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: 'regular',\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const payScheduleName = useMemo(() => {\n    const schedules = paySchedulesData.payScheduleShowResponse ?? []\n    const match = schedules.find(s => s.uuid === payScheduleUuid)\n    return match?.customName ?? match?.name ?? null\n  }, [paySchedulesData, payScheduleUuid])\n\n  const translateValidation = (key: string, options?: Record<string, unknown>): string =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    t(key as any, options as any) as string\n\n  const schema = useMemo(\n    () => createTransitionCreationSchema(translateValidation, minCheckDate, paymentSpeedDays),\n    [t, minCheckDate, paymentSpeedDays],\n  )\n\n  const methods = useForm<TransitionCreationFormData>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      checkDate: null,\n      skipRegularDeductions: false,\n    },\n  })\n\n  const onSubmit = async (data: TransitionCreationFormData) => {\n    if (!data.checkDate) return\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createTransitionPayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.TransitionFromOldPaySchedule,\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: new RFCDate(data.checkDate!),\n            payScheduleUuid,\n            skipRegularDeductions: data.skipRegularDeductions,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.TRANSITION_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <TransitionCreationPresentation\n          className={className}\n          startDate={startDate}\n          endDate={endDate}\n          payScheduleName={payScheduleName}\n          isPending={isPending}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["TransitionCreation","props","jsx","BaseComponent","Root","dictionary","companyId","startDate","endDate","payScheduleUuid","className","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","paymentSpeedDays","useCompanyPaymentSpeed","minCheckDate","useOffCyclePayPeriodDateValidation","createTransitionPayroll","isPending","usePayrollsCreateOffCycleMutation","paySchedulesData","usePaySchedulesGetAllSuspense","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","payScheduleName","useMemo","match","s","translateValidation","key","options","schema","createTransitionCreationSchema","methods","useForm","zodResolver","onSubmit","data","response","OffCycleReason","RFCDate","payrollUuid","SDKInternalError","componentEvents","FormProvider","Form","TransitionCreationPresentation"],"mappings":"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"}
+{"version":3,"file":"TransitionCreation.js","sources":["../../../../src/components/Payroll/TransitionCreation/TransitionCreation.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsCreateOffCycleMutation } from '@gusto/embedded-api/react-query/payrollsCreateOffCycle'\nimport {\n  OffCycleReason,\n  WithholdingPayPeriod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidpayrolls'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { useOffCyclePayPeriodDateValidation } from '../OffCyclePayPeriodDateForm/useOffCyclePayPeriodDateValidation'\nimport type { OffCycleTaxWithholdingConfig } from '../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTableTypes'\nimport type { TransitionCreationProps, TransitionCreationFormData } from './TransitionCreationTypes'\nimport { createTransitionCreationSchema } from './TransitionCreationTypes'\nimport { TransitionCreationPresentation } from './TransitionCreationPresentation'\nimport { useCompanyPaymentSpeed } from '@/hooks/useCompanyPaymentSpeed'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { useBase } from '@/components/Base/useBase'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\nimport { SDKInternalError } from '@/types/sdkError'\nimport { Form } from '@/components/Common/Form'\nimport { toRFCDate } from '@/helpers/dateFormatting'\n\n/**\n * Creation form for transition payrolls covering the gap between an old and new pay schedule.\n *\n * Displays the transition pay period and pay schedule information, and collects a check\n * date, deduction preference, and tax withholding configuration before submitting the\n * resulting off-cycle payroll for execution.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `transition/created` | The transition payroll has been created | `{ payrollUuid: string }` |\n *\n * The check date must be at least the company's ACH lead time (typically two business\n * days) from today. Deductions default to included and tax withholding defaults to the\n * regular rate with an every-other-week pay period.\n *\n * @param props - {@link TransitionCreationProps} plus base component props.\n * @returns The transition payroll creation form.\n * @public\n */\nexport function TransitionCreation(props: TransitionCreationProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  dictionary,\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  className,\n}: TransitionCreationProps) {\n  useComponentDictionary('Payroll.TransitionCreation', dictionary)\n  useI18n('Payroll.TransitionCreation')\n  useI18n('Payroll.OffCycleDeductionsSetting')\n  useI18n('Payroll.OffCycleTaxWithholding')\n\n  const { t } = useTranslation('Payroll.TransitionCreation')\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  const { paymentSpeedDays } = useCompanyPaymentSpeed(companyId)\n\n  const { minCheckDate } = useOffCyclePayPeriodDateValidation(paymentSpeedDays)\n  const { mutateAsync: createTransitionPayroll, isPending } = usePayrollsCreateOffCycleMutation()\n\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({ companyId })\n\n  const [taxWithholdingConfig, setTaxWithholdingConfig] = useState<OffCycleTaxWithholdingConfig>({\n    withholdingPayPeriod: WithholdingPayPeriod.EveryOtherWeek,\n    withholdingRate: 'regular',\n  })\n  const [isTaxWithholdingModalOpen, setIsTaxWithholdingModalOpen] = useState(false)\n\n  const handleTaxWithholdingEditClick = useCallback(() => {\n    setIsTaxWithholdingModalOpen(true)\n  }, [])\n\n  const handleTaxWithholdingModalDone = useCallback((config: OffCycleTaxWithholdingConfig) => {\n    setTaxWithholdingConfig(config)\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const handleTaxWithholdingModalCancel = useCallback(() => {\n    setIsTaxWithholdingModalOpen(false)\n  }, [])\n\n  const payScheduleName = useMemo(() => {\n    const schedules = paySchedulesData.payScheduleShowResponse ?? []\n    const match = schedules.find(s => s.uuid === payScheduleUuid)\n    return match?.customName ?? match?.name ?? null\n  }, [paySchedulesData, payScheduleUuid])\n\n  const translateValidation = (key: string, options?: Record<string, unknown>): string =>\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    t(key as any, options as any) as string\n\n  const schema = useMemo(\n    () => createTransitionCreationSchema(translateValidation, minCheckDate, paymentSpeedDays),\n    [t, minCheckDate, paymentSpeedDays],\n  )\n\n  const methods = useForm<TransitionCreationFormData>({\n    resolver: zodResolver(schema),\n    defaultValues: {\n      checkDate: null,\n      skipRegularDeductions: false,\n    },\n  })\n\n  const onSubmit = async (data: TransitionCreationFormData) => {\n    const { checkDate } = data\n    if (!checkDate) return\n\n    await baseSubmitHandler(data, async () => {\n      const response = await createTransitionPayroll({\n        request: {\n          companyId,\n          requestBody: {\n            offCycle: true,\n            offCycleReason: OffCycleReason.TransitionFromOldPaySchedule,\n            startDate: new RFCDate(startDate),\n            endDate: new RFCDate(endDate),\n            checkDate: toRFCDate(checkDate),\n            payScheduleUuid,\n            skipRegularDeductions: data.skipRegularDeductions,\n            withholdingPayPeriod: taxWithholdingConfig.withholdingPayPeriod,\n            fixedWithholdingRate: taxWithholdingConfig.withholdingRate === 'supplemental',\n          },\n        },\n      })\n\n      const payrollUuid =\n        response.payrollUnprocessed?.payrollUuid ?? response.payrollUnprocessed?.uuid\n\n      if (!payrollUuid) {\n        throw new SDKInternalError(t('errors.missingPayrollId'))\n      }\n\n      onEvent(componentEvents.TRANSITION_CREATED, { payrollUuid })\n    })\n  }\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)}>\n        <TransitionCreationPresentation\n          className={className}\n          startDate={startDate}\n          endDate={endDate}\n          payScheduleName={payScheduleName}\n          isPending={isPending}\n          taxWithholdingConfig={taxWithholdingConfig}\n          isTaxWithholdingModalOpen={isTaxWithholdingModalOpen}\n          onTaxWithholdingEditClick={handleTaxWithholdingEditClick}\n          onTaxWithholdingModalDone={handleTaxWithholdingModalDone}\n          onTaxWithholdingModalCancel={handleTaxWithholdingModalCancel}\n        />\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["TransitionCreation","props","jsx","BaseComponent","Root","dictionary","companyId","startDate","endDate","payScheduleUuid","className","useComponentDictionary","useI18n","t","useTranslation","onEvent","baseSubmitHandler","useBase","paymentSpeedDays","useCompanyPaymentSpeed","minCheckDate","useOffCyclePayPeriodDateValidation","createTransitionPayroll","isPending","usePayrollsCreateOffCycleMutation","paySchedulesData","usePaySchedulesGetAllSuspense","taxWithholdingConfig","setTaxWithholdingConfig","useState","WithholdingPayPeriod","isTaxWithholdingModalOpen","setIsTaxWithholdingModalOpen","handleTaxWithholdingEditClick","useCallback","handleTaxWithholdingModalDone","config","handleTaxWithholdingModalCancel","payScheduleName","useMemo","match","s","translateValidation","key","options","schema","createTransitionCreationSchema","methods","useForm","zodResolver","onSubmit","data","checkDate","response","OffCycleReason","RFCDate","toRFCDate","payrollUuid","SDKInternalError","componentEvents","FormProvider","Form","TransitionCreationPresentation"],"mappings":"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"}

package/dist/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.js

@@ -1,28 +1,29 @@
-import { usePayrollsListSuspense as i } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePayrollsListSuspense as l } from "@gusto/embedded-api/react-query/payrollsList";
 import { QueryParamPayrollTypes as a, ProcessingStatuses as u } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-const c = 28, p = "Transition from old pay schedule";
-function d() {
+import { toRFCDate as c } from "../../../helpers/dateFormatting.js";
+const p = 28, d = "Transition from old pay schedule";
+function y() {
   const e = /* @__PURE__ */ new Date();
-  return e.setDate(e.getDate() + c), e.toISOString().split("T")[0];
+  return e.setDate(e.getDate() + p), c(e).toString();
 }
-function S({
+function R({
   companyId: e,
-  startDate: o,
-  endDate: r,
+  startDate: r,
+  endDate: s,
   payScheduleUuid: n
 }) {
-  const { data: l } = i({
+  const { data: i } = l({
     companyId: e,
     processingStatuses: [u.Unprocessed],
-    endDate: d(),
+    endDate: y(),
     payrollTypes: [a.Regular, a.OffCycle]
   });
-  return l.payrollList?.find((s) => {
-    const t = s.payPeriod;
-    return s.offCycleReason === p && t?.startDate === o && t.endDate === r && t.payScheduleUuid === n;
+  return i.payrollList?.find((o) => {
+    const t = o.payPeriod;
+    return o.offCycleReason === d && t?.startDate === r && t.endDate === s && t.payScheduleUuid === n;
   })?.payrollUuid;
 }
 export {
-  S as useResolveTransitionPayroll
+  R as useResolveTransitionPayroll
 };
 //# sourceMappingURL=useResolveTransitionPayroll.js.map

package/dist/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResolveTransitionPayroll.js","sources":["../../../../src/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.ts"],"sourcesContent":["import { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\n\nconst FUTURE_LOOKAHEAD_DAYS = 28\n\nconst TRANSITION_OFF_CYCLE_REASON = 'Transition from old pay schedule'\n\nfunction getFutureEndDate(): string {\n  const date = new Date()\n  date.setDate(date.getDate() + FUTURE_LOOKAHEAD_DAYS)\n  return date.toISOString().split('T')[0]!\n}\n\n/**\n * Arguments describing the transition pay period to resolve.\n *\n * @internal\n */\nexport interface ResolveTransitionPayrollArgs {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n}\n\n/**\n * Looks up an existing unprocessed transition payroll for the given pay period.\n *\n * @remarks\n * A transition payroll is an unprocessed off-cycle payroll whose `offCycleReason` is\n * `\"Transition from old pay schedule\"` and whose pay period matches the supplied\n * `startDate`, `endDate`, and `payScheduleUuid`. When the company changed its pay schedule\n * the platform creates exactly one such payroll for the coverage gap; this hook finds it so\n * the caller can resume it instead of creating a duplicate.\n *\n * Backed by a suspense query, so callers must render it under a suspense boundary.\n *\n * @param args - The pay period to match. See {@link ResolveTransitionPayrollArgs}.\n * @returns The matching payroll's UUID, or `undefined` when none exists yet.\n * @internal\n */\nexport function useResolveTransitionPayroll({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n}: ResolveTransitionPayrollArgs): string | undefined {\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    endDate: getFutureEndDate(),\n    payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n  })\n\n  const match = payrollsData.payrollList?.find(payroll => {\n    const period = payroll.payPeriod\n    return (\n      payroll.offCycleReason === TRANSITION_OFF_CYCLE_REASON &&\n      period?.startDate === startDate &&\n      period.endDate === endDate &&\n      period.payScheduleUuid === payScheduleUuid\n    )\n  })\n\n  return match?.payrollUuid\n}\n"],"names":["FUTURE_LOOKAHEAD_DAYS","TRANSITION_OFF_CYCLE_REASON","getFutureEndDate","date","useResolveTransitionPayroll","companyId","startDate","endDate","payScheduleUuid","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payroll","period"],"mappings":";;AAMA,MAAMA,IAAwB,IAExBC,IAA8B;AAEpC,SAASC,IAA2B;AAClC,QAAMC,wBAAW,KAAA;AACjB,SAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYH,CAAqB,GAC5CG,EAAK,YAAA,EAAc,MAAM,GAAG,EAAE,CAAC;AACxC;AA8BO,SAASC,EAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAqD;AACnD,QAAM,EAAE,MAAMC,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAL;AAAA,IACA,oBAAoB,CAACM,EAAmB,WAAW;AAAA,IACnD,SAAST,EAAA;AAAA,IACT,cAAc,CAACU,EAAuB,SAASA,EAAuB,QAAQ;AAAA,EAAA,CAC/E;AAYD,SAVcH,EAAa,aAAa,KAAK,CAAAI,MAAW;AACtD,UAAMC,IAASD,EAAQ;AACvB,WACEA,EAAQ,mBAAmBZ,KAC3Ba,GAAQ,cAAcR,KACtBQ,EAAO,YAAYP,KACnBO,EAAO,oBAAoBN;AAAA,EAE/B,CAAC,GAEa;AAChB;"}
+{"version":3,"file":"useResolveTransitionPayroll.js","sources":["../../../../src/components/Payroll/TransitionPayroll/useResolveTransitionPayroll.ts"],"sourcesContent":["import { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport {\n  ProcessingStatuses,\n  QueryParamPayrollTypes,\n} from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport { toRFCDate } from '@/helpers/dateFormatting'\n\nconst FUTURE_LOOKAHEAD_DAYS = 28\n\nconst TRANSITION_OFF_CYCLE_REASON = 'Transition from old pay schedule'\n\nfunction getFutureEndDate(): string {\n  const date = new Date()\n  date.setDate(date.getDate() + FUTURE_LOOKAHEAD_DAYS)\n  return toRFCDate(date).toString()\n}\n\n/**\n * Arguments describing the transition pay period to resolve.\n *\n * @internal\n */\nexport interface ResolveTransitionPayrollArgs {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n}\n\n/**\n * Looks up an existing unprocessed transition payroll for the given pay period.\n *\n * @remarks\n * A transition payroll is an unprocessed off-cycle payroll whose `offCycleReason` is\n * `\"Transition from old pay schedule\"` and whose pay period matches the supplied\n * `startDate`, `endDate`, and `payScheduleUuid`. When the company changed its pay schedule\n * the platform creates exactly one such payroll for the coverage gap; this hook finds it so\n * the caller can resume it instead of creating a duplicate.\n *\n * Backed by a suspense query, so callers must render it under a suspense boundary.\n *\n * @param args - The pay period to match. See {@link ResolveTransitionPayrollArgs}.\n * @returns The matching payroll's UUID, or `undefined` when none exists yet.\n * @internal\n */\nexport function useResolveTransitionPayroll({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n}: ResolveTransitionPayrollArgs): string | undefined {\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n    endDate: getFutureEndDate(),\n    payrollTypes: [QueryParamPayrollTypes.Regular, QueryParamPayrollTypes.OffCycle],\n  })\n\n  const match = payrollsData.payrollList?.find(payroll => {\n    const period = payroll.payPeriod\n    return (\n      payroll.offCycleReason === TRANSITION_OFF_CYCLE_REASON &&\n      period?.startDate === startDate &&\n      period.endDate === endDate &&\n      period.payScheduleUuid === payScheduleUuid\n    )\n  })\n\n  return match?.payrollUuid\n}\n"],"names":["FUTURE_LOOKAHEAD_DAYS","TRANSITION_OFF_CYCLE_REASON","getFutureEndDate","date","toRFCDate","useResolveTransitionPayroll","companyId","startDate","endDate","payScheduleUuid","payrollsData","usePayrollsListSuspense","ProcessingStatuses","QueryParamPayrollTypes","payroll","period"],"mappings":";;;AAOA,MAAMA,IAAwB,IAExBC,IAA8B;AAEpC,SAASC,IAA2B;AAClC,QAAMC,wBAAW,KAAA;AACjB,SAAAA,EAAK,QAAQA,EAAK,QAAA,IAAYH,CAAqB,GAC5CI,EAAUD,CAAI,EAAE,SAAA;AACzB;AA8BO,SAASE,EAA4B;AAAA,EAC1C,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AACF,GAAqD;AACnD,QAAM,EAAE,MAAMC,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAL;AAAA,IACA,oBAAoB,CAACM,EAAmB,WAAW;AAAA,IACnD,SAASV,EAAA;AAAA,IACT,cAAc,CAACW,EAAuB,SAASA,EAAuB,QAAQ;AAAA,EAAA,CAC/E;AAYD,SAVcH,EAAa,aAAa,KAAK,CAAAI,MAAW;AACtD,UAAMC,IAASD,EAAQ;AACvB,WACEA,EAAQ,mBAAmBb,KAC3Bc,GAAQ,cAAcR,KACtBQ,EAAO,YAAYP,KACnBO,EAAO,oBAAoBN;AAAA,EAE/B,CAAC,GAEa;AAChB;"}

package/dist/components/Payroll/helpers.js

@@ -6,7 +6,7 @@ import { formatPayRate as x } from "../../helpers/formattedStrings.js";
 import { useLocale as A } from "../../contexts/LocaleProvider/useLocale.js";
 import { FlsaStatus as p } from "../../shared/constants.js";
 import { MS_PER_HOUR as D } from "../../helpers/dateFormatting.js";
-const L = "regular hours", P = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.[0] || null, _ = (e) => Math.round(e * 1e6) / 1e6, R = (e) => Math.round(e * 100) / 100, E = (e) => e.toLowerCase() === L, j = {
+const L = "regular hours", h = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.[0] || null, _ = (e) => Math.round(e * 1e6) / 1e6, R = (e) => Math.round(e * 100) / 100, E = (e) => e.toLowerCase() === L, W = {
   Daily: 8,
   "Every week": 40,
   "Every other week": 80,
@@ -15,14 +15,14 @@ const L = "regular hours", P = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.
   Quarterly: 520,
   Semiannually: 1040,
   Annually: 2080
-}, I = ({
+}, j = ({
   employee: e,
   t,
   locale: r = "en-US"
 }) => {
   if (!e?.jobs)
     return null;
-  const n = P(e);
+  const n = h(e);
   if (!n?.compensations)
     return null;
   const o = n.compensations[0];
@@ -33,14 +33,14 @@ const L = "regular hours", P = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.
 }, ie = () => {
   const { t: e } = v("common"), { locale: t } = A();
   return S(
-    (r) => I({ employee: r, t: e, locale: t }),
+    (r) => j({ employee: r, t: e, locale: t }),
     [e, t]
   );
-}, ce = (e) => e.hourlyCompensations ? e.hourlyCompensations.filter((t) => t.name?.toLowerCase() === "regular hours").reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0;
-function le(e) {
+}, le = (e) => e.hourlyCompensations ? e.hourlyCompensations.filter((t) => t.name?.toLowerCase() === "regular hours").reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0;
+function ce(e) {
   return !e.hourlyCompensations || e.excluded ? 0 : e.hourlyCompensations.filter((t) => Number(t.compensationMultiplier) > 1).reduce((t, r) => t + parseFloat(r.hours || "0"), 0);
 }
-const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0, W = (e) => e.fixedCompensations ? e.fixedCompensations.filter((t) => {
+const I = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0, U = (e) => e.fixedCompensations ? e.fixedCompensations.filter((t) => {
   const r = t.name?.toLowerCase() || "", n = parseFloat(t.amount || "0");
   return r !== "reimbursement" && r !== "minimum wage adjustment" && n > 0;
 }).reduce((t, r) => t + parseFloat(r.amount || "0"), 0) : 0, fe = (e) => {
@@ -75,7 +75,7 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
 }, de = (e) => {
   const t = R(e);
   return t % 1 === 0 ? `${t}.0` : t.toString();
-}, B = (e) => e.frequency && j[e.frequency] || 0, h = (e, t) => {
+}, B = (e) => e.frequency && W[e.frequency] || 0, P = (e, t) => {
   if (!e.length) return null;
   const r = [...e].sort(
     (n, o) => (n.effectiveDate ? new Date(n.effectiveDate).getTime() : 0) - (o.effectiveDate ? new Date(o.effectiveDate).getTime() : 0)
@@ -122,25 +122,25 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   const n = e.jobs?.find((s) => s.uuid === t);
   if (!n?.compensations)
     return 0;
-  const o = h(n.compensations, r);
+  const o = P(n.compensations, r);
   return o ? C(o) : 0;
 }, H = (e, t) => {
-  const r = P(e);
+  const r = h(e);
   if (!r?.compensations)
     return 0;
-  const n = h(r.compensations, t);
+  const n = P(r.compensations, t);
   return n ? C(n) : 0;
 }, X = (e) => e.paidTimeOff ? e.paidTimeOff.reduce(
   (t, r) => t + parseFloat(r.finalPayoutUnusedHoursInput || "0"),
   0
 ) : 0, b = (e, t, r, n) => {
-  const o = U(e);
+  const o = I(e);
   if (n) {
     const s = X(e);
     return o + s;
   }
   return t ? Math.min(r, o) : o;
-}, q = (e, t, r) => {
+}, $ = (e, t, r) => {
   if (!e.adjustForMinimumWage) return 0;
   const n = k(
     e.minimumWages || [],
@@ -149,26 +149,26 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   if (!n)
     return 0;
   const o = t.hourlyCompensations?.reduce(
-    (m, c) => m + parseFloat(c.hours || "0"),
+    (m, l) => m + parseFloat(l.hours || "0"),
     0
   ) || 0, s = C(e), u = (parseFloat(n.wage || "0") - s) * o, a = J(t.fixedCompensations || []);
   return Math.max(0, u - a);
-}, Q = (e, t, r, n, o, s, u) => {
+}, q = (e, t, r, n, o, s, u) => {
   if (!u && n)
     return H(t, r) * (o - s);
   if (!e.hourlyCompensations || !t.jobs)
     return 0;
-  const a = e.hourlyCompensations.reduce((i, l) => {
-    const y = parseFloat(l.hours || "0"), g = G(t, l.jobUuid || "", r);
+  const a = e.hourlyCompensations.reduce((i, c) => {
+    const y = parseFloat(c.hours || "0"), g = G(t, c.jobUuid || "", r);
     return i + y * g;
-  }, 0), m = e.hourlyCompensations.reduce((i, l) => i + parseFloat(l.hours || "0"), 0);
+  }, 0), m = e.hourlyCompensations.reduce((i, c) => i + parseFloat(c.hours || "0"), 0);
   if (m === 0) return a;
-  const c = _(a / m), d = e.hourlyCompensations.filter((i) => !E(i.name || "")).reduce((i, l) => {
-    const y = parseFloat(l.hours || "0"), g = l.compensationMultiplier || 1;
-    return i + y * c * (g - 1);
+  const l = _(a / m), d = e.hourlyCompensations.filter((i) => !E(i.name || "")).reduce((i, c) => {
+    const y = parseFloat(c.hours || "0"), g = c.compensationMultiplier || 1;
+    return i + y * l * (g - 1);
   }, 0);
   return a + d;
-}, $ = (e, t, r, n, o, s) => {
+}, Q = (e, t, r, n, o, s) => {
   const u = b(
     e,
     n,
@@ -176,7 +176,7 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
     s
   ), a = H(t, r);
   return u * a;
-}, z = (e, t, r) => {
+}, V = (e, t, r) => {
   if (!t) return !1;
   const n = e.hourlyCompensations?.find(
     (s) => E(s.name || "")
@@ -185,49 +185,49 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
 }, ge = (e, t, r, n, o = M.Regular) => {
   if (e.excluded)
     return 0;
-  const s = r ? new Date(r) : /* @__PURE__ */ new Date(), u = P(t);
+  const s = r ? new Date(r) : /* @__PURE__ */ new Date(), u = h(t);
   if (!u?.compensations)
     return 0;
-  const a = h(
+  const a = P(
     u.compensations,
     s
   );
   if (!a)
     return 0;
-  const m = Y(a), c = n ? B(n) : 0, d = z(
+  const m = Y(a), l = n ? B(n) : 0, d = V(
     e,
     m,
-    c
-  ), i = N(o), l = b(
+    l
+  ), i = N(o), c = b(
     e,
     d,
-    c,
+    l,
     i
-  ), y = Q(
+  ), y = q(
     e,
     t,
     s,
     d,
-    c,
     l,
+    c,
     i
-  ), g = W(e), w = $(
+  ), g = U(e), w = Q(
     e,
     t,
     s,
     d,
-    c,
+    l,
     i
-  ), F = q(
+  ), F = $(
     a,
     e,
     s
   ), O = y + g + w + F;
   return R(O);
-}, pe = (e) => e === f.DismissedEmployee, Pe = (e, t) => t.formatPayPeriodRange(
+}, pe = (e) => e === f.DismissedEmployee, he = (e, t) => t.formatPayPeriodRange(
   e.payPeriod?.startDate,
   e.payPeriod?.endDate
-) || t.formatShortWithYear(e.checkDate), K = {
+) || t.formatShortWithYear(e.checkDate), z = {
   Bonus: "Bonus",
   Correction: "Correction",
   "Transition from old pay schedule": "Transition",
@@ -238,7 +238,7 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   "Tax reconciliation": "Tax Reconciliation",
   Reversal: "Reversal",
   "Disability insurance distribution": "Disability Insurance"
-}, he = (e) => e.external ? "External" : e.offCycle && e.offCycleReason ? K[e.offCycleReason] ?? e.offCycleReason : e.offCycle ? "Off-Cycle" : "Regular", Ce = ({
+}, Pe = (e) => e.external ? "External" : e.offCycle && e.offCycleReason ? z[e.offCycleReason] ?? e.offCycleReason : e.offCycle ? "Off-Cycle" : "Regular", Ce = ({
   flsaStatus: e,
   existingFixedCompensations: t = [],
   primaryJobUuid: r,
@@ -248,7 +248,7 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   const s = [...t];
   return e !== p.OWNER && r && n.length > 0 && n.map((a) => a.name).filter(Boolean).forEach((a) => {
     s.some(
-      (c) => c.name?.toLowerCase() === a.toLowerCase()
+      (l) => l.name?.toLowerCase() === a.toLowerCase()
     ) || s.push({
       name: a,
       amount: "0.00",
@@ -260,7 +260,7 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   r.setDate(1 + (7 - r.getDay()) + 7);
   const n = new Date(t, 10, 1);
   return n.setDate(1 + (7 - n.getDay()) % 7), e >= r && e < n ? -7 : -8;
-}, V = /* @__PURE__ */ new Set([
+}, K = /* @__PURE__ */ new Set([
   f.Bonus,
   f.Correction,
   f.Adhoc,
@@ -268,7 +268,10 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   f.HiredEmployee,
   f.DismissedEmployee,
   f.TransitionFromOldPaySchedule
-]), Z = (e) => e.external ? !1 : e.offCycle ? !!e.offCycleReason && V.has(e.offCycleReason) : !0, Te = (e) => {
+]), Z = (e) => e.external ? !1 : e.offCycle ? !!e.offCycleReason && K.has(e.offCycleReason) : !0, Te = (e, t) => {
+  const { time: r, date: n } = t.formatWithTime(e.payrollDeadline);
+  return { time: r, date: n, deadline: n ? `${r} on ${n}` : r };
+}, Re = (e) => {
   if (e.payrollStatusMeta?.cancellable !== !0 || !e.processed || !Z(e) || !e.payrollDeadline)
     return !1;
   const t = /* @__PURE__ */ new Date(), r = new Date(e.payrollDeadline), n = new Date(t.getTime() + T(t) * D), o = new Date(r.getTime() + T(r) * D), s = new Date(o);
@@ -277,18 +280,19 @@ const U = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
 export {
   ge as calculateGrossPay,
   De as calculateTotalPayroll,
-  Te as canCancelPayroll,
+  Re as canCancelPayroll,
   me as cleanupReimbursements,
-  I as formatEmployeePayRate,
+  j as formatEmployeePayRate,
   de as formatHoursDisplay,
-  W as getAdditionalEarnings,
+  U as getAdditionalEarnings,
   Ce as getAdditionalEarningsCompensations,
-  le as getOvertimeHours,
-  Pe as getPayPeriodOrCheckDateLabel,
-  he as getPayrollTypeLabel,
-  ce as getRegularHours,
+  Te as getCancelDeadlineValues,
+  ce as getOvertimeHours,
+  he as getPayPeriodOrCheckDateLabel,
+  Pe as getPayrollTypeLabel,
+  le as getRegularHours,
   fe as getReimbursements,
-  U as getTotalPtoHours,
+  I as getTotalPtoHours,
   pe as isDismissalPayroll,
   ye as isOvertimeEligibleFlsaStatus,
   ie as useFormatEmployeePayRate