@gusto/embedded-react-sdk 0.56.2 → 0.56.3

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

@@ -1,80 +1,83 @@
 import { jsxs as r, jsx as e } from "react/jsx-runtime";
-import { useState as P } from "react";
-import { useTranslation as T } from "react-i18next";
-import { useComponentContext as v } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { Flex as o } from "../../Common/Flex/Flex.js";
-import { useI18n as R } from "../../../i18n/I18n.js";
-import { useDateFormatter as F } from "../../../hooks/useDateFormatter.js";
-function B({
-  groupedPayPeriods: a,
+import { useState as T } from "react";
+import { useTranslation as v } from "react-i18next";
+import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as a } from "../../Common/Flex/Flex.js";
+import { useI18n as F } from "../../../i18n/I18n.js";
+import { useDateFormatter as L } from "../../../hooks/useDateFormatter.js";
+function N({
+  groupedPayPeriods: o,
   onRunPayroll: h,
-  onSkipPayroll: d,
-  showSkipSuccessAlert: g,
-  onDismissSkipSuccessAlert: f,
-  skippingPayPeriod: D
+  onSkipPayroll: D,
+  showSkipSuccessAlert: f,
+  onDismissSkipSuccessAlert: g,
+  skippingPayPeriod: k,
+  hasBlockers: c = !1
 }) {
-  R("Payroll.TransitionPayrollAlert");
-  const { t } = T("Payroll.TransitionPayrollAlert"), { Alert: c, Button: m, Text: u, Dialog: k } = v(), y = F(), [l, s] = P(null);
-  if (a.length === 0)
+  F("Payroll.TransitionPayrollAlert");
+  const { t } = v("Payroll.TransitionPayrollAlert"), { Alert: m, Button: u, Text: p, Dialog: y } = R(), x = L(), [n, s] = T(null);
+  if (o.length === 0)
     return null;
-  const p = (i) => y.formatPayPeriodRange(i.startDate, i.endDate, {
+  const d = (i) => x.formatPayPeriodRange(i.startDate, i.endDate, {
     useShortMonth: !0
-  }), x = () => {
-    l && (d(l), s(null));
-  }, C = a.length > 1;
-  return /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-    g && /* @__PURE__ */ e(c, { status: "info", label: t("skipSuccessAlert"), onDismiss: f }),
-    a.map((i, S) => /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-      C && /* @__PURE__ */ e(u, { weight: "semibold", children: i.payScheduleName }),
-      i.payPeriods.map((n) => {
-        const A = p(n), b = D === n;
+  }), C = () => {
+    n && (D(n), s(null));
+  }, S = o.length > 1;
+  return /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: [
+    f && /* @__PURE__ */ e(m, { status: "info", label: t("skipSuccessAlert"), onDismiss: g }),
+    o.map((i, b) => /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: [
+      S && /* @__PURE__ */ e(p, { weight: "semibold", children: i.payScheduleName }),
+      i.payPeriods.map((l) => {
+        const A = d(l), P = k === l;
         return /* @__PURE__ */ e(
-          c,
+          m,
           {
             status: "warning",
             label: t("alertTitle", { dateRange: A }),
-            children: /* @__PURE__ */ r(o, { flexDirection: "column", gap: 16, children: [
-              /* @__PURE__ */ e(u, { children: t("alertDescription") }),
-              /* @__PURE__ */ r(o, { gap: 12, alignItems: "center", children: [
+            children: /* @__PURE__ */ r(a, { flexDirection: "column", gap: 16, children: [
+              /* @__PURE__ */ e(p, { children: t("alertDescription") }),
+              /* @__PURE__ */ r(a, { gap: 12, alignItems: "center", children: [
                 /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-                  m,
+                  u,
                   {
                     variant: "secondary",
                     onClick: () => {
-                      h(n);
+                      h(l);
                     },
+                    isDisabled: c,
                     children: t("runPayroll")
                   }
                 ) }),
                 /* @__PURE__ */ e(
-                  m,
+                  u,
                   {
                     variant: "tertiary",
                     onClick: () => {
-                      s(n);
+                      s(l);
                     },
-                    isLoading: b,
+                    isLoading: P,
+                    isDisabled: c,
                     children: t("skipPayroll")
                   }
                 )
               ] })
             ] })
           },
-          `${n.payScheduleUuid}-${n.startDate}`
+          `${l.payScheduleUuid}-${l.startDate}`
         );
       })
-    ] }, i.payScheduleUuid || `group-${S}`)),
+    ] }, i.payScheduleUuid || `group-${b}`)),
     /* @__PURE__ */ e(
-      k,
+      y,
       {
-        isOpen: l !== null,
+        isOpen: n !== null,
         onClose: () => {
           s(null);
         },
-        onPrimaryActionClick: x,
+        onPrimaryActionClick: C,
         isDestructive: !0,
         title: t("skipDialog.title", {
-          dateRange: l ? p(l) : ""
+          dateRange: n ? d(n) : ""
         }),
         primaryActionLabel: t("skipDialog.confirmCta"),
         closeActionLabel: t("skipDialog.cancelCta"),
@@ -84,6 +87,6 @@ function B({
   ] });
 }
 export {
-  B as TransitionPayrollAlertPresentation
+  N as TransitionPayrollAlertPresentation
 };
 //# sourceMappingURL=TransitionPayrollAlertPresentation.js.map

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\n/** @internal */\nexport interface TransitionPayPeriodGroup {\n  /** UUID of the pay schedule these transition pay periods belong to. */\n  payScheduleUuid: string\n  /** Display name of the pay schedule, shown when multiple groups are rendered. */\n  payScheduleName: string\n  /** Unprocessed transition pay periods for this pay schedule. */\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\n/** @internal */\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\n/** @internal */\nexport interface TransitionPayPeriodGroup {\n  /** UUID of the pay schedule these transition pay periods belong to. */\n  payScheduleUuid: string\n  /** Display name of the pay schedule, shown when multiple groups are rendered. */\n  payScheduleName: string\n  /** Unprocessed transition pay periods for this pay schedule. */\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   * When true, a payroll blocker is present. Running or skipping the\n   * transition payroll would dead-end, so both actions are disabled. The\n   * blocker itself is surfaced separately by `PayrollBlockerAlerts`.\n   */\n  hasBlockers?: boolean\n}\n\n/** @internal */\nexport function TransitionPayrollAlertPresentation({\n  groupedPayPeriods,\n  onRunPayroll,\n  onSkipPayroll,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayPeriod,\n  hasBlockers = false,\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                        isDisabled={hasBlockers}\n                      >\n                        {t('runPayroll')}\n                      </Button>\n                    </div>\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        setSkipDialogPayPeriod(payPeriod)\n                      }}\n                      isLoading={isSkipping}\n                      isDisabled={hasBlockers}\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","hasBlockers","useI18n","useTranslation","Alert","Button","Text","Dialog","useComponentContext","dateFormatter","useDateFormatter","skipDialogPayPeriod","setSkipDialogPayPeriod","useState","formatDateRange","payPeriod","handleConfirmSkip","hasMultipleGroups","jsxs","Flex","jsx","group","groupIndex","dateRange","isSkipping"],"mappings":";;;;;;;AAkCO,SAASA,EAAmC;AAAA,EACjD,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,2BAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,aAAAC,IAAc;AAChB,GAA4C;AAC1C,EAAAC,EAAQ,gCAAgC;AACxC,QAAM,EAAE,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAClCC,IAAgBC,EAAA,GAChB,CAACC,GAAqBC,CAAsB,IAAIC,EAA2B,IAAI;AAErF,MAAIlB,EAAkB,WAAW;AAC/B,WAAO;AAGT,QAAMmB,IAAkB,CAACC,MACvBN,EAAc,qBAAqBM,EAAU,WAAWA,EAAU,SAAS;AAAA,IACzE,eAAe;AAAA,EAAA,CAChB,GAEGC,IAAoB,MAAM;AAC9B,IAAIL,MACFd,EAAcc,CAAmB,GACjCC,EAAuB,IAAI;AAAA,EAE/B,GAEMK,IAAoBtB,EAAkB,SAAS;AAErD,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAArB,KACC,gBAAAsB,EAAChB,KAAM,QAAO,QAAO,OAAO,EAAE,kBAAkB,GAAG,WAAWL,EAAA,CAA2B;AAAA,IAE1FJ,EAAkB,IAAI,CAAC0B,GAAOC,wBAC5BH,GAAA,EAA0D,eAAc,UAAS,KAAK,IACpF,UAAA;AAAA,MAAAF,KAAqB,gBAAAG,EAACd,GAAA,EAAK,QAAO,YAAY,YAAM,iBAAgB;AAAA,MACpEe,EAAM,WAAW,IAAI,CAAAN,MAAa;AACjC,cAAMQ,IAAYT,EAAgBC,CAAS,GACrCS,IAAaxB,MAAsBe;AAEzC,eACE,gBAAAK;AAAA,UAAChB;AAAA,UAAA;AAAA,YAEC,QAAO;AAAA,YACP,OAAO,EAAE,cAAc,EAAE,WAAAmB,GAAW;AAAA,YAEpC,UAAA,gBAAAL,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,cAAA,gBAAAC,EAACd,GAAA,EAAM,UAAA,EAAE,kBAAkB,EAAA,CAAE;AAAA,cAC7B,gBAAAY,EAACC,GAAA,EAAK,KAAK,IAAI,YAAW,UACxB,UAAA;AAAA,gBAAA,gBAAAC,EAAC,OAAA,EACC,UAAA,gBAAAA;AAAA,kBAACf;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,SAAS,MAAM;AACb,sBAAAT,EAAamB,CAAS;AAAA,oBACxB;AAAA,oBACA,YAAYd;AAAA,oBAEX,YAAE,YAAY;AAAA,kBAAA;AAAA,gBAAA,GAEnB;AAAA,gBACA,gBAAAmB;AAAA,kBAACf;AAAA,kBAAA;AAAA,oBACC,SAAQ;AAAA,oBACR,SAAS,MAAM;AACb,sBAAAO,EAAuBG,CAAS;AAAA,oBAClC;AAAA,oBACA,WAAWS;AAAA,oBACX,YAAYvB;AAAA,oBAEX,YAAE,aAAa;AAAA,kBAAA;AAAA,gBAAA;AAAA,cAClB,EAAA,CACF;AAAA,YAAA,EAAA,CACF;AAAA,UAAA;AAAA,UA7BK,GAAGc,EAAU,eAAe,IAAIA,EAAU,SAAS;AAAA,QAAA;AAAA,MAgC9D,CAAC;AAAA,IAAA,EAAA,GAxCQM,EAAM,mBAAmB,SAASC,CAAU,EAyCvD,CACD;AAAA,IACD,gBAAAF;AAAA,MAACb;AAAA,MAAA;AAAA,QACC,QAAQI,MAAwB;AAAA,QAChC,SAAS,MAAM;AACb,UAAAC,EAAuB,IAAI;AAAA,QAC7B;AAAA,QACA,sBAAsBI;AAAA,QACtB,eAAa;AAAA,QACb,OAAO,EAAE,oBAAoB;AAAA,UAC3B,WAAWL,IAAsBG,EAAgBH,CAAmB,IAAI;AAAA,QAAA,CACzE;AAAA,QACD,oBAAoB,EAAE,uBAAuB;AAAA,QAC7C,kBAAkB,EAAE,sBAAsB;AAAA,QAEzC,YAAE,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EACtB,GACF;AAEJ;"}

package/dist/components/Payroll/helpers.js

@@ -1,12 +1,12 @@
-import { OffCycleReasonType as v } from "@gusto/embedded-api/models/components/payrollshow";
-import { useCallback as O } from "react";
+import { OffCycleReasonType as T } from "@gusto/embedded-api/models/components/payrollshow";
+import { useCallback as v } from "react";
 import { useTranslation as S } from "react-i18next";
-import { PayrollCategory as M, isOffCyclePayroll as N } from "./payrollTypes.js";
-import { formatPayRate as x } from "../../helpers/formattedStrings.js";
+import { PayrollCategory as x, isOffCyclePayroll as M } from "./payrollTypes.js";
+import { formatPayRate as N } from "../../helpers/formattedStrings.js";
 import { useLocale as L } from "../../contexts/LocaleProvider/useLocale.js";
-import { FlsaStatus as p } from "../../shared/constants.js";
-import { MS_PER_HOUR as C } from "../../helpers/dateFormatting.js";
-const A = "regular hours", g = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.[0] || null, j = (e) => Math.round(e * 1e6) / 1e6, T = (e) => Math.round(e * 100) / 100, R = (e) => e.toLowerCase() === A, U = {
+import { FlsaStatus as g } from "../../shared/constants.js";
+import { MS_PER_HOUR as D } from "../../helpers/dateFormatting.js";
+const A = "regular hours", p = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.[0] || null, j = (e) => Math.round(e * 1e6) / 1e6, R = (e) => Math.round(e * 100) / 100, H = (e) => e.toLowerCase() === A, U = {
   Daily: 8,
   "Every week": 40,
   "Every other week": 80,
@@ -15,35 +15,35 @@ const A = "regular hours", g = (e) => e.jobs?.find((t) => t.primary) || e.jobs?.
   Quarterly: 520,
   Semiannually: 1040,
   Annually: 2080
-}, _ = ({
+}, W = ({
   employee: e,
   t,
   locale: r = "en-US"
 }) => {
   if (!e?.jobs)
     return null;
-  const n = g(e);
+  const n = p(e);
   if (!n?.compensations)
     return null;
   const o = n.compensations[0];
   if (!o || !o.rate || parseFloat(o.rate) === 0)
     return null;
   const s = parseFloat(o.rate), u = o.paymentUnit || "Hour";
-  return x({ rate: s, paymentUnit: u, t, locale: r });
+  return N({ rate: s, paymentUnit: u, t, locale: r });
 }, ae = () => {
   const { t: e } = S("common"), { locale: t } = L();
-  return O(
-    (r) => _({ employee: r, t: e, locale: t }),
+  return v(
+    (r) => W({ employee: r, t: e, locale: t }),
     [e, t]
   );
 }, ue = (e) => e.hourlyCompensations ? e.hourlyCompensations.filter((t) => t.name?.toLowerCase() === "regular hours").reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0;
 function ie(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 W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0, I = (e) => e.fixedCompensations ? e.fixedCompensations.filter((t) => {
+const _ = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r.hours || "0"), 0) : 0, I = (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, le = (e) => {
+}).reduce((t, r) => t + parseFloat(r.amount || "0"), 0) : 0, ce = (e) => {
   if (e.reimbursements && e.reimbursements.length > 0)
     return e.reimbursements.reduce(
       (r, n) => r + parseFloat(n.amount || "0"),
@@ -55,7 +55,7 @@ const W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
     (r) => r.name?.toLowerCase() === "reimbursement"
   );
   return t ? parseFloat(t.amount || "0") : 0;
-}, ce = (e) => {
+}, le = (e) => {
   const t = [];
   let r = 0;
   return e.forEach((n) => {
@@ -73,9 +73,9 @@ const W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
     amount: r.toFixed(2)
   }), t;
 }, fe = (e) => {
-  const t = T(e);
+  const t = R(e);
   return t % 1 === 0 ? `${t}.0` : t.toString();
-}, k = (e) => e.frequency && U[e.frequency] || 0, h = (e, t) => {
+}, k = (e) => e.frequency && U[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)
@@ -97,10 +97,10 @@ const W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
       return r[n] || null;
   }
   return r[0] || null;
-}, Y = (e) => e.flsaStatus === "Exempt" || e.flsaStatus === "Salaried Nonexempt", me = (e) => e === p.NONEXEMPT || e === p.SALARIED_NONEXEMPT || e === p.COMMISSION_ONLY_NONEXEMPT, J = (e) => e.length ? e.filter((t) => {
+}, Y = (e) => e.flsaStatus === "Exempt" || e.flsaStatus === "Salaried Nonexempt", me = (e) => e === g.NONEXEMPT || e === g.SALARIED_NONEXEMPT || e === g.COMMISSION_ONLY_NONEXEMPT, J = (e) => e.length ? e.filter((t) => {
   const r = t.name?.toLowerCase(), n = parseFloat(t.amount || "0");
   return (r === "paycheck tips" || r === "cash tips") && n > 0;
-}).reduce((t, r) => t + parseFloat(r.amount || "0"), 0) : 0, P = (e) => {
+}).reduce((t, r) => t + parseFloat(r.amount || "0"), 0) : 0, h = (e) => {
   const t = parseFloat(e.rate || "0");
   switch (e.paymentUnit || "Hour") {
     case "Hour":
@@ -122,19 +122,19 @@ const W = (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);
-  return o ? P(o) : 0;
-}, H = (e, t) => {
-  const r = g(e);
+  const o = P(n.compensations, r);
+  return o ? h(o) : 0;
+}, b = (e, t) => {
+  const r = p(e);
   if (!r?.compensations)
     return 0;
-  const n = h(r.compensations, t);
-  return n ? P(n) : 0;
+  const n = P(r.compensations, t);
+  return n ? h(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 = W(e);
+) : 0, w = (e, t, r, n) => {
+  const o = _(e);
   if (n) {
     const s = X(e);
     return o + s;
@@ -149,82 +149,85 @@ const W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   if (!n)
     return 0;
   const o = t.hourlyCompensations?.reduce(
-    (f, l) => f + parseFloat(l.hours || "0"),
+    (f, c) => f + parseFloat(c.hours || "0"),
     0
-  ) || 0, s = P(e), u = (parseFloat(n.wage || "0") - s) * o, a = J(t.fixedCompensations || []);
+  ) || 0, s = h(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) => {
   if (!u && n)
-    return H(t, r) * (o - s);
+    return b(t, r) * (o - s);
   if (!e.hourlyCompensations || !t.jobs)
     return 0;
-  const a = e.hourlyCompensations.reduce((i, c) => {
-    const d = parseFloat(c.hours || "0"), y = G(t, c.jobUuid || "", r);
+  const a = e.hourlyCompensations.reduce((i, l) => {
+    const d = parseFloat(l.hours || "0"), y = G(t, l.jobUuid || "", r);
     return i + d * y;
-  }, 0), f = e.hourlyCompensations.reduce((i, c) => i + parseFloat(c.hours || "0"), 0);
+  }, 0), f = e.hourlyCompensations.reduce((i, l) => i + parseFloat(l.hours || "0"), 0);
   if (f === 0) return a;
-  const l = j(a / f), m = e.hourlyCompensations.filter((i) => !R(i.name || "")).reduce((i, c) => {
-    const d = parseFloat(c.hours || "0"), y = c.compensationMultiplier || 1;
-    return i + d * l * (y - 1);
+  const c = j(a / f), m = e.hourlyCompensations.filter((i) => !H(i.name || "")).reduce((i, l) => {
+    const d = parseFloat(l.hours || "0"), y = l.compensationMultiplier || 1;
+    return i + d * c * (y - 1);
   }, 0);
   return a + m;
 }, $ = (e, t, r, n, o, s) => {
-  const u = b(
+  const u = w(
     e,
     n,
     o,
     s
-  ), a = H(t, r);
+  ), a = b(t, r);
   return u * a;
 }, z = (e, t, r) => {
   if (!t) return !1;
   const n = e.hourlyCompensations?.find(
-    (s) => R(s.name || "")
+    (s) => H(s.name || "")
   );
   return n ? parseFloat(n.hours || "0") === r : !1;
-}, de = (e, t, r, n, o = M.Regular) => {
+}, de = (e, t, r, n, o = x.Regular) => {
   if (e.excluded)
     return 0;
-  const s = r ? new Date(r) : /* @__PURE__ */ new Date(), u = g(t);
+  const s = r ? new Date(r) : /* @__PURE__ */ new Date(), u = p(t);
   if (!u?.compensations)
     return 0;
-  const a = h(
+  const a = P(
     u.compensations,
     s
   );
   if (!a)
     return 0;
-  const f = Y(a), l = n ? k(n) : 0, m = z(
+  const f = Y(a), c = n ? k(n) : 0, m = z(
     e,
     f,
-    l
-  ), i = N(o), c = b(
+    c
+  ), i = M(o), l = w(
     e,
     m,
-    l,
+    c,
     i
   ), d = Q(
     e,
     t,
     s,
     m,
-    l,
     c,
+    l,
     i
-  ), y = I(e), w = $(
+  ), y = I(e), E = $(
     e,
     t,
     s,
     m,
-    l,
+    c,
     i
-  ), E = q(
+  ), F = q(
     a,
     e,
     s
-  ), F = d + y + w + E;
-  return T(F);
-}, ye = (e) => e === v.DismissedEmployee, K = {
+  ), O = d + y + E + F;
+  return R(O);
+}, ye = (e) => e === T.DismissedEmployee, ge = (e) => e === T.TaxReconciliation, pe = (e, t) => t.formatPayPeriodRange(
+  e.payPeriod?.startDate,
+  e.payPeriod?.endDate
+) || t.formatShortWithYear(e.checkDate), K = {
   Bonus: "Bonus",
   Correction: "Correction",
   "Transition from old pay schedule": "Transition",
@@ -235,7 +238,7 @@ const W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   "Tax reconciliation": "Tax Reconciliation",
   Reversal: "Reversal",
   "Disability insurance distribution": "Disability Insurance"
-}, pe = (e) => e.external ? "External" : e.offCycle && e.offCycleReason ? K[e.offCycleReason] ?? e.offCycleReason : e.offCycle ? "Off-Cycle" : "Regular", ge = ({
+}, Pe = (e) => e.external ? "External" : e.offCycle && e.offCycleReason ? K[e.offCycleReason] ?? e.offCycleReason : e.offCycle ? "Off-Cycle" : "Regular", he = ({
   flsaStatus: e,
   existingFixedCompensations: t = [],
   primaryJobUuid: r,
@@ -243,42 +246,44 @@ const W = (e) => e.paidTimeOff ? e.paidTimeOff.reduce((t, r) => t + parseFloat(r
   excludedTypes: o = []
 }) => {
   const s = [...t];
-  return e !== p.OWNER && r && n.length > 0 && n.map((a) => a.name).filter(Boolean).forEach((a) => {
+  return e !== g.OWNER && r && n.length > 0 && n.map((a) => a.name).filter(Boolean).forEach((a) => {
     s.some(
-      (l) => l.name?.toLowerCase() === a.toLowerCase()
+      (c) => c.name?.toLowerCase() === a.toLowerCase()
     ) || s.push({
       name: a,
       amount: "0.00",
       jobUuid: r
     });
   }), s.filter((u) => u.name && !o.includes(u.name)).sort((u, a) => (u.name || "").localeCompare(a.name || ""));
-}, he = (e) => e.totals ? Number(e.totals.grossPay ?? 0) + Number(e.totals.employerTaxes ?? 0) + Number(e.totals.reimbursements ?? 0) + Number(e.totals.benefits ?? 0) : 0, D = (e) => {
+}, De = (e) => e.totals ? Number(e.totals.grossPay ?? 0) + Number(e.totals.employerTaxes ?? 0) + Number(e.totals.reimbursements ?? 0) + Number(e.totals.benefits ?? 0) : 0, C = (e) => {
   const t = e.getFullYear(), r = new Date(t, 2, 1);
   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;
-}, Pe = (e) => {
+}, Ce = (e) => {
   if (e.payrollStatusMeta?.cancellable === !1 || !e.processed || !e.payrollDeadline)
     return !1;
-  const t = /* @__PURE__ */ new Date(), r = new Date(e.payrollDeadline), n = new Date(t.getTime() + D(t) * C), o = new Date(r.getTime() + D(r) * C), s = new Date(o);
+  const t = /* @__PURE__ */ new Date(), r = new Date(e.payrollDeadline), n = new Date(t.getTime() + C(t) * D), o = new Date(r.getTime() + C(r) * D), s = new Date(o);
   return s.setUTCHours(16, 0, 0, 0), !(n >= s);
 };
 export {
   de as calculateGrossPay,
-  he as calculateTotalPayroll,
-  Pe as canCancelPayroll,
-  ce as cleanupReimbursements,
-  _ as formatEmployeePayRate,
+  De as calculateTotalPayroll,
+  Ce as canCancelPayroll,
+  le as cleanupReimbursements,
+  W as formatEmployeePayRate,
   fe as formatHoursDisplay,
   I as getAdditionalEarnings,
-  ge as getAdditionalEarningsCompensations,
+  he as getAdditionalEarningsCompensations,
   ie as getOvertimeHours,
-  pe as getPayrollTypeLabel,
+  pe as getPayPeriodOrCheckDateLabel,
+  Pe as getPayrollTypeLabel,
   ue as getRegularHours,
-  le as getReimbursements,
-  W as getTotalPtoHours,
+  ce as getReimbursements,
+  _ as getTotalPtoHours,
   ye as isDismissalPayroll,
   me as isOvertimeEligibleFlsaStatus,
+  ge as isTaxReconciliationPayroll,
   ae as useFormatEmployeePayRate
 };
 //# sourceMappingURL=helpers.js.map