npm - @gusto/embedded-react-sdk - Versions diffs - 0.31.1 → 0.33.0 - Mend

@gusto/embedded-react-sdk 0.31.1 → 0.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (412) hide show

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { useRecoveryCasesGetSuspense as V } from "@gusto/embedded-api/react-quer
 import { useInformationRequestsGetInformationRequestsSuspense as F } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
 import { InformationRequestStatus as K } from "@gusto/embedded-api/models/components/informationrequest";
 import { getBlockerTranslationKeys as G } from "../payrollHelpers.js";
-import B from "./PayrollBlockerList.module.scss.js";
+import v from "./PayrollBlockerList.module.scss.js";
 import { useComponentContext as M } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlexItem as j, Flex as a } from "../../../Common/Flex/Flex.js";
 import { DataView as $ } from "../../../Common/DataView/DataView.js";
@@ -21,9 +21,9 @@ import { InformationRequestsFlow as Z } from "../../../InformationRequests/Infor
 function be(s) {
   return /* @__PURE__ */ o(J, { ...s, children: /* @__PURE__ */ o(ee, { ...s, children: s.children }) });
 }
-function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
-  Q("Payroll.PayrollBlocker", g), Y("Payroll.PayrollBlocker");
-  const { t: r } = N("Payroll.PayrollBlocker"), { Button: v, Text: i, Heading: b, Alert: D } = M(), [x, f] = _({
+function ee({ className: s, companyId: n, dictionary: B, onEvent: u }) {
+  Q("Payroll.PayrollBlocker", B), Y("Payroll.PayrollBlocker");
+  const { t: r } = N("Payroll.PayrollBlocker"), { Button: D, Text: i, Heading: b, Alert: g } = M(), [x, f] = _({
     id: 0,
     alerts: []
   }), E = d((e) => {
@@ -43,9 +43,9 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     [u, c]
   ), { data: A } = O({
     companyUuid: n
-  }), { data: P } = V({
+  }), { data: S } = V({
     companyUuid: n
-  }), { data: S } = F({
+  }), { data: q } = F({
     companyUuid: n
   }), y = (A.payrollBlockerList ?? []).map((e) => {
     const t = e.key ?? "unknown", l = G(t), T = r(l.titleKey, {
@@ -58,11 +58,11 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
       title: T,
       description: I
     };
-  }), q = P.recoveryCaseList ?? [], w = S.informationRequestList ?? [], h = q.some(
+  }), w = S.recoveryCaseList ?? [], L = q.informationRequestList ?? [], h = w.some(
     (e) => e.status !== "recovered"
-  ), k = w.some(
-    (e) => e.blockingPayroll && e.status !== K.Approved
-  ), L = H({
+  ), k = L.some(
+    (e) => e.status !== K.Approved
+  ), P = H({
     data: y,
     columns: [
       {
@@ -76,14 +76,14 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
         title: "",
         render: (e) => {
           const t = e.action;
-          return t ? /* @__PURE__ */ o(a, { justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ o(v, { variant: "secondary", onClick: t.onClick, title: t.label, children: t.label }) }) : null;
+          return t ? /* @__PURE__ */ o(a, { justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ o(D, { variant: "secondary", onClick: t.onClick, title: t.label, children: t.label }) }) : null;
         }
       }
     ]
   }), C = y.length > 0;
-  return C || h || k ? /* @__PURE__ */ o("div", { className: R(B.root, s), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 32, children: [
+  return C || h || k ? /* @__PURE__ */ o("div", { className: R(v.root, s), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 32, children: [
     x.alerts.map((e) => /* @__PURE__ */ o(
-      D,
+      g,
       {
         status: "success",
         label: r(`alerts.${e.type}.title`),
@@ -96,19 +96,11 @@ function ee({ className: s, companyId: n, dictionary: g, onEvent: u }) {
     )),
     C && /* @__PURE__ */ m(a, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ o(b, { as: "h2", styledAs: "h4", children: r("blockersListTitle") }),
-      /* @__PURE__ */ o($, { ...L, label: r("blockersListTitle") })
+      /* @__PURE__ */ o($, { ...P, label: r("blockersListTitle") })
     ] }),
     h && /* @__PURE__ */ o(z, { companyId: n, onEvent: p }),
-    k && /* @__PURE__ */ o(
-      Z,
-      {
-        companyId: n,
-        filterByPayrollBlocking: !0,
-        withAlert: !1,
-        onEvent: p
-      }
-    )
-  ] }) }) : /* @__PURE__ */ o("div", { className: R(B.root, s), children: /* @__PURE__ */ o(i, { children: r("noBlockersMessage") }) });
+    k && /* @__PURE__ */ o(Z, { companyId: n, withAlert: !1, onEvent: p })
+  ] }) }) : /* @__PURE__ */ o("div", { className: R(v.root, s), children: /* @__PURE__ */ o(i, { children: r("noBlockersMessage") }) });
 }
 export {
   be as PayrollBlockerList

package/dist/components/Payroll/PayrollBlocker/components/PayrollBlockerList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' \| 'informationRequestResponded'\n\ninterface ResponseAlert {\n id: number\n type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n id: number\n alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n id: string\n title: string\n description: string\n action?: {\n label: string\n onClick: () => void\n }\n}\n\ninterface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n companyId: string\n}\n\n/*\n PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n * Also displays recovery cases and information requests sections when applicable\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n useI18n('Payroll.PayrollBlocker')\n const { t } = useTranslation('Payroll.PayrollBlocker')\n const { Button, Text, Heading, Alert } = useComponentContext()\n\n const [alertState, setAlertState] = useState<ResponseAlertState>({\n id: 0,\n alerts: [],\n })\n\n const handleDismissAlert = useCallback((alertId: number) => {\n setAlertState(prev => ({\n ...prev,\n alerts: prev.alerts.filter(alert => alert.id !== alertId),\n }))\n }, [])\n\n const addAlert = useCallback((alertType: ResponseAlertType) => {\n setAlertState(prev => ({\n id: prev.id + 1,\n alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n }))\n }, [])\n\n const handleEvent = useCallback(\n (type: EventType, data?: unknown) => {\n if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n addAlert('recoveryCaseResubmitted')\n }\n\n if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n addAlert('informationRequestResponded')\n }\n\n onEvent(type, data)\n },\n [onEvent, addAlert],\n )\n\n const { data: blockersData } = usePayrollsGetBlockersSuspense({\n companyUuid: companyId,\n })\n\n const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n companyUuid: companyId,\n })\n\n const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n companyUuid: companyId,\n })\n\n const payrollBlockerList = blockersData.payrollBlockerList ?? []\n const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n const blockerKey = blocker.key ?? 'unknown'\n const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n const title = t(translationKeys.titleKey, {\n defaultValue: blockerKey.replace(/_/g, ' ').replace(/\\b\\w/g, letter => letter.toUpperCase()),\n })\n\n const description = t(translationKeys.descriptionKey, {\n defaultValue: blocker.message \|\| t('defaultBlockerDescription'),\n })\n\n return {\n id: blockerKey,\n title,\n description,\n }\n })\n\n const recoveryCases = recoveryCasesData.recoveryCaseList ?? []\n const informationRequests = informationRequestsData.informationRequestList ?? []\n\n const hasUnrecoveredCases = recoveryCases.some(\n recoveryCase => recoveryCase.status !== 'recovered',\n )\n\n const hasBlockingInformationRequests = informationRequests.some(\n request => request.blockingPayroll && request.status !== InformationRequestStatus.Approved,\n )\n\n const dataViewProps = useDataView({\n data: blockers,\n columns: [\n {\n title: t('blockerSectionLabel'),\n render: blocker => (\n <FlexItem flexGrow={1}>\n <Flex flexDirection=\"column\" gap={8}>\n <Text weight=\"semibold\">{blocker.title}</Text>\n <Text variant=\"supporting\">{blocker.description}</Text>\n </Flex>\n </FlexItem>\n ),\n },\n {\n title: '',\n render: blocker => {\n const action = blocker.action\n\n if (!action) {\n return null\n }\n\n return (\n <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n {action.label}\n </Button>\n </Flex>\n )\n },\n },\n ],\n })\n\n const hasBlockers = blockers.length > 0\n const hasAnyContent = hasBlockers \|\| hasUnrecoveredCases \|\| hasBlockingInformationRequests\n\n if (!hasAnyContent) {\n return (\n <div className={classNames(styles.root, className)}>\n <Text>{t('noBlockersMessage')}</Text>\n </div>\n )\n }\n\n return (\n <div className={classNames(styles.root, className)}>\n <Flex flexDirection=\"column\" gap={32}>\n {alertState.alerts.map(alert => (\n <Alert\n key={alert.id}\n status=\"success\"\n label={t(`alerts.${alert.type}.title`)}\n onDismiss={() => {\n handleDismissAlert(alert.id)\n }}\n >\n <Text>{t(`alerts.${alert.type}.description`)}</Text>\n </Alert>\n ))}\n\n {hasBlockers && (\n <Flex flexDirection=\"column\" gap={20}>\n <Heading as=\"h2\" styledAs=\"h4\">\n {t('blockersListTitle')}\n </Heading>\n <DataView {...dataViewProps} label={t('blockersListTitle')} />\n </Flex>\n )}\n\n {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n {hasBlockingInformationRequests && (\n <InformationRequestsFlow\n companyId={companyId}\n filterByPayrollBlocking\n withAlert={false}\n onEvent={handleEvent}\n />\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasBlockingInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useInformationRequestsGetInformationRequestsSuspense } from '@gusto/embedded-api/react-query/informationRequestsGetInformationRequests'\nimport { InformationRequestStatus } from '@gusto/embedded-api/models/components/informationrequest'\nimport { getBlockerTranslationKeys } from '../payrollHelpers'\nimport styles from './PayrollBlockerList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { RecoveryCases } from '@/components/Payroll/RecoveryCases'\nimport { InformationRequestsFlow } from '@/components/InformationRequests'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { informationRequestEvents, recoveryCasesEvents, type EventType } from '@/shared/constants'\n\ntype ResponseAlertType = 'recoveryCaseResubmitted' \| 'informationRequestResponded'\n\ninterface ResponseAlert {\n id: number\n type: ResponseAlertType\n}\n\ninterface ResponseAlertState {\n id: number\n alerts: ResponseAlert[]\n}\n\ninterface PayrollBlocker {\n id: string\n title: string\n description: string\n action?: {\n label: string\n onClick: () => void\n }\n}\n\ninterface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n companyId: string\n}\n\n/*\n PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n * Also displays recovery cases and information requests sections when applicable\n */\nexport function PayrollBlockerList(props: PayrollBlockerListProps) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nfunction Root({ className, companyId, dictionary, onEvent }: PayrollBlockerListProps) {\n useComponentDictionary('Payroll.PayrollBlocker', dictionary)\n useI18n('Payroll.PayrollBlocker')\n const { t } = useTranslation('Payroll.PayrollBlocker')\n const { Button, Text, Heading, Alert } = useComponentContext()\n\n const [alertState, setAlertState] = useState<ResponseAlertState>({\n id: 0,\n alerts: [],\n })\n\n const handleDismissAlert = useCallback((alertId: number) => {\n setAlertState(prev => ({\n ...prev,\n alerts: prev.alerts.filter(alert => alert.id !== alertId),\n }))\n }, [])\n\n const addAlert = useCallback((alertType: ResponseAlertType) => {\n setAlertState(prev => ({\n id: prev.id + 1,\n alerts: [{ id: prev.id, type: alertType }, ...prev.alerts],\n }))\n }, [])\n\n const handleEvent = useCallback(\n (type: EventType, data?: unknown) => {\n if (type === recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE) {\n addAlert('recoveryCaseResubmitted')\n }\n\n if (type === informationRequestEvents.INFORMATION_REQUEST_FORM_DONE) {\n addAlert('informationRequestResponded')\n }\n\n onEvent(type, data)\n },\n [onEvent, addAlert],\n )\n\n const { data: blockersData } = usePayrollsGetBlockersSuspense({\n companyUuid: companyId,\n })\n\n const { data: recoveryCasesData } = useRecoveryCasesGetSuspense({\n companyUuid: companyId,\n })\n\n const { data: informationRequestsData } = useInformationRequestsGetInformationRequestsSuspense({\n companyUuid: companyId,\n })\n\n const payrollBlockerList = blockersData.payrollBlockerList ?? []\n const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n const blockerKey = blocker.key ?? 'unknown'\n const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n const title = t(translationKeys.titleKey, {\n defaultValue: blockerKey.replace(/_/g, ' ').replace(/\\b\\w/g, letter => letter.toUpperCase()),\n })\n\n const description = t(translationKeys.descriptionKey, {\n defaultValue: blocker.message \|\| t('defaultBlockerDescription'),\n })\n\n return {\n id: blockerKey,\n title,\n description,\n }\n })\n\n const recoveryCases = recoveryCasesData.recoveryCaseList ?? []\n const informationRequests = informationRequestsData.informationRequestList ?? []\n\n const hasUnrecoveredCases = recoveryCases.some(\n recoveryCase => recoveryCase.status !== 'recovered',\n )\n\n const hasInformationRequests = informationRequests.some(\n request => request.status !== InformationRequestStatus.Approved,\n )\n\n const dataViewProps = useDataView({\n data: blockers,\n columns: [\n {\n title: t('blockerSectionLabel'),\n render: blocker => (\n <FlexItem flexGrow={1}>\n <Flex flexDirection=\"column\" gap={8}>\n <Text weight=\"semibold\">{blocker.title}</Text>\n <Text variant=\"supporting\">{blocker.description}</Text>\n </Flex>\n </FlexItem>\n ),\n },\n {\n title: '',\n render: blocker => {\n const action = blocker.action\n\n if (!action) {\n return null\n }\n\n return (\n <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n <Button variant=\"secondary\" onClick={action.onClick} title={action.label}>\n {action.label}\n </Button>\n </Flex>\n )\n },\n },\n ],\n })\n\n const hasBlockers = blockers.length > 0\n const hasAnyContent = hasBlockers \|\| hasUnrecoveredCases \|\| hasInformationRequests\n\n if (!hasAnyContent) {\n return (\n <div className={classNames(styles.root, className)}>\n <Text>{t('noBlockersMessage')}</Text>\n </div>\n )\n }\n\n return (\n <div className={classNames(styles.root, className)}>\n <Flex flexDirection=\"column\" gap={32}>\n {alertState.alerts.map(alert => (\n <Alert\n key={alert.id}\n status=\"success\"\n label={t(`alerts.${alert.type}.title`)}\n onDismiss={() => {\n handleDismissAlert(alert.id)\n }}\n >\n <Text>{t(`alerts.${alert.type}.description`)}</Text>\n </Alert>\n ))}\n\n {hasBlockers && (\n <Flex flexDirection=\"column\" gap={20}>\n <Heading as=\"h2\" styledAs=\"h4\">\n {t('blockersListTitle')}\n </Heading>\n <DataView {...dataViewProps} label={t('blockersListTitle')} />\n </Flex>\n )}\n\n {hasUnrecoveredCases && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n {hasInformationRequests && (\n <InformationRequestsFlow companyId={companyId} withAlert={false} onEvent={handleEvent} />\n )}\n </Flex>\n </div>\n )\n}\n"],"names":["PayrollBlockerList","props","jsx","BaseComponent","Root","className","companyId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","Text","Heading","Alert","useComponentContext","alertState","setAlertState","useState","handleDismissAlert","useCallback","alertId","prev","alert","addAlert","alertType","handleEvent","type","data","recoveryCasesEvents","informationRequestEvents","blockersData","usePayrollsGetBlockersSuspense","recoveryCasesData","useRecoveryCasesGetSuspense","informationRequestsData","useInformationRequestsGetInformationRequestsSuspense","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","letter","description","recoveryCases","informationRequests","hasUnrecoveredCases","recoveryCase","hasInformationRequests","request","InformationRequestStatus","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.d.ts CHANGED Viewed

@@ -16,6 +16,8 @@ export interface PayrollSubmitResult {
  * Returns blockers if found, otherwise throws the error for caller to handle
  */
 export declare const payrollSubmitHandler: (payrollHandler: () => Promise<void>) => Promise<PayrollSubmitResult>;
+export declare const isActionableBlocker: (key: string) => boolean;
+export declare const hasActionableBlockers: (blockers: ApiPayrollBlocker[]) => boolean;
 /**
  * Get translation keys for a blocker - use these in components with useTranslation
  */

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.js CHANGED Viewed

@@ -1,39 +1,45 @@
-import { PayrollBlockersError as s } from "@gusto/embedded-api/models/errors/payrollblockerserror";
-import { UnprocessableEntityErrorObject1 as n } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject1";
-function t(r) {
-  return typeof r == "object" && r !== null && "key" in r && typeof r.key == "string";
+import { PayrollBlockersError as n } from "@gusto/embedded-api/models/errors/payrollblockerserror";
+import { UnprocessableEntityErrorObject as c } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { UnprocessableEntityErrorObject1 as a } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject1";
+function s(e) {
+  return typeof e == "object" && e !== null && "key" in e && typeof e.key == "string";
 }
-function l(r) {
-  return r instanceof s;
+function l(e) {
+  return e instanceof n;
 }
-function a(r) {
-  return r instanceof n && Array.isArray(r.errors) && r.errors.some((o) => o.category === "payroll_blocker");
+function i(e) {
+  return e instanceof a && Array.isArray(e.errors) && e.errors.some((o) => o.category === "payroll_blocker");
 }
-function i(r) {
-  return l(r) ? !r.errors || r.errors.length === 0 ? [] : r.errors.map((e) => ({ key: t(e.metadata) ? e.metadata.key : e.errorKey || "unknown", message: e.message })) : a(r) ? r.errors.filter((e) => e.category === "payroll_blocker").map((e) => ({ key: t(e.metadata) ? e.metadata.key : e.errorKey || "unknown", message: e.message })) : [];
+function y(e) {
+  return e instanceof c && Array.isArray(e.errors) && e.errors.some((o) => o.category === "payroll_blocker");
 }
-const y = (r) => r instanceof s ? !0 : r instanceof n ? Array.isArray(r.errors) && r.errors.some((o) => o.category === "payroll_blocker") : !1, f = async (r) => {
+function k(e) {
+  return l(e) ? !e.errors || e.errors.length === 0 ? [] : e.errors.map((r) => ({ key: s(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : i(e) ? e.errors.filter((r) => r.category === "payroll_blocker").map((r) => ({ key: s(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : y(e) ? e.errors.filter((r) => r.category === "payroll_blocker").map((r) => ({ key: s(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : [];
+}
+const u = (e) => e instanceof n ? !0 : e instanceof a ? Array.isArray(e.errors) && e.errors.some((o) => o.category === "payroll_blocker") : e instanceof c ? Array.isArray(e.errors) && e.errors.some((o) => o.category === "payroll_blocker") : !1, A = async (e) => {
   try {
-    return await r(), { success: !0, blockers: [] };
+    return await e(), { success: !0, blockers: [] };
   } catch (o) {
-    if (y(o))
-      return { success: !1, blockers: i(o) };
+    if (u(o))
+      return { success: !1, blockers: k(o) };
     throw o;
   }
-};
-function b(r) {
+}, f = ["pending_information_request", "pending_recovery_case"], b = (e) => f.includes(e), d = (e) => e.some((o) => b(o.key));
+function E(e) {
   return {
-    titleKey: `blockers.${r}.title`,
-    descriptionKey: `blockers.${r}.description`,
-    helpTextKey: `blockers.${r}.help`,
-    defaultActionKey: `blockers.${r}.defaultAction`
+    titleKey: `blockers.${e}.title`,
+    descriptionKey: `blockers.${e}.description`,
+    helpTextKey: `blockers.${e}.help`,
+    defaultActionKey: `blockers.${e}.defaultAction`
   };
 }
 export {
-  b as getBlockerTranslationKeys,
+  E as getBlockerTranslationKeys,
+  d as hasActionableBlockers,
+  b as isActionableBlocker,
   l as isPayrollBlockersError,
-  a as isUnprocessableEntityWithPayrollBlockers,
-  i as parsePayrollBlockersFromError,
-  f as payrollSubmitHandler
+  i as isUnprocessableEntityWithPayrollBlockers,
+  k as parsePayrollBlockersFromError,
+  A as payrollSubmitHandler
 };
 //# sourceMappingURL=payrollHelpers.js.map

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror'\nimport { UnprocessableEntityErrorObject1 } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject1'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n return (\n typeof metadata === 'object' &&\n metadata !== null &&\n 'key' in metadata &&\n typeof (metadata as { key: unknown }).key === 'string'\n )\n}\n\nexport interface ApiPayrollBlocker {\n key: string\n message?: string\n}\n\nexport function isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n return error instanceof PayrollBlockersError\n}\n\nexport function isUnprocessableEntityWithPayrollBlockers(\n error: unknown,\n): error is UnprocessableEntityErrorObject1 {\n return (\n error instanceof UnprocessableEntityErrorObject1 &&\n Array.isArray(error.errors) &&\n error.errors.some(err => err.category === 'payroll_blocker')\n )\n}\n\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n // Handle PayrollBlockersError (dedicated blocker error type)\n if (isPayrollBlockersError(error)) {\n if (!error.errors \|\| error.errors.length === 0) {\n return []\n }\n\n const blockers = error.errors.map(err => {\n const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey \|\| 'unknown'\n\n return { key, message: err.message }\n })\n\n return blockers\n }\n\n // Handle UnprocessableEntityErrorObject1 with payroll blockers\n if (isUnprocessableEntityWithPayrollBlockers(error)) {\n const blockers = error.errors\n .filter(err => err.category === 'payroll_blocker')\n .map(err => {\n const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey \|\| 'unknown'\n\n return { key, message: err.message }\n })\n\n return blockers\n }\n\n return []\n}\n\ntype PayrollBlockerError = PayrollBlockersError \| UnprocessableEntityErrorObject1\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n if (error instanceof PayrollBlockersError) {\n return true\n }\n if (error instanceof UnprocessableEntityErrorObject1) {\n return (\n Array.isArray(error.errors) && error.errors.some(err => err.category === 'payroll_blocker')\n )\n }\n return false\n}\n\nexport interface PayrollSubmitResult {\n success: boolean\n blockers: ApiPayrollBlocker[]\n}\n\n/*\n Direct submit handler for payroll operations that handles payroll blockers\n * Returns blockers if found, otherwise throws the error for caller to handle\n /\nexport const payrollSubmitHandler = async (\n payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n try {\n await payrollHandler()\n return { success: true, blockers: [] }\n } catch (error: unknown) {\n if (hasPayrollBlockers(error)) {\n const blockers = parsePayrollBlockersFromError(error)\n return { success: false, blockers }\n }\n\n // For non-payroll errors, re-throw\n throw error\n }\n}\n\n/\n Get translation keys for a blocker - use these in components with useTranslation\n */\nexport function getBlockerTranslationKeys(key: string) {\n return {\n titleKey: `blockers.${key}.title`,\n descriptionKey: `blockers.${key}.description`,\n helpTextKey: `blockers.${key}.help`,\n defaultActionKey: `blockers.${key}.defaultAction`,\n }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityErrorObject1","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","~~getBlockerTranslationKeys~~","key"],"mappings":"~~;;AAGA~~,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAOO,SAASC,EAAuBC,GAA+C;AACpF,SAAOA,aAAiBC;AAC1B;AAEO,SAASC,EACdF,GAC0C;AAC1C,SACEA,aAAiBG,KACjB,MAAM,QAAQH,EAAM,MAAM,KAC1BA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;~~AAEO~~,SAASC,~~EAA8BL~~,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;~~AAIA~~,~~MAAME~~,IAAqB,~~CAACN~~,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IAEjB,MAAM,QAAQH,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAGvF,~~IAYIG~~,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,~~SAASR~~,GAAgB;AACvB,~~QAAIM~~,~~EAAmBN~~,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,~~UADRK~~,~~EAA8BL~~,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF;~~AAKO~~,~~SAASS~~,~~EAA0BC~~,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,YAAYA,CAAG;AAAA,IACzB,gBAAgB,YAAYA,CAAG;AAAA,IAC/B,aAAa,YAAYA,CAAG;AAAA,IAC5B,kBAAkB,YAAYA,CAAG;AAAA,EAAA;AAErC;"}
1	+ {"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { UnprocessableEntityErrorObject1 } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject1'\n\nfunction hasMetadataKey(metadata: unknown): metadata is { key: string } {\n return (\n typeof metadata === 'object' &&\n metadata !== null &&\n 'key' in metadata &&\n typeof (metadata as { key: unknown }).key === 'string'\n )\n}\n\nexport interface ApiPayrollBlocker {\n key: string\n message?: string\n}\n\nexport function isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n return error instanceof PayrollBlockersError\n}\n\nexport function isUnprocessableEntityWithPayrollBlockers(\n error: unknown,\n): error is UnprocessableEntityErrorObject1 {\n return (\n error instanceof UnprocessableEntityErrorObject1 &&\n Array.isArray(error.errors) &&\n error.errors.some(err => err.category === 'payroll_blocker')\n )\n}\n\nfunction isUnprocessableEntityWithPayrollBlockersAlt(\n error: unknown,\n): error is UnprocessableEntityErrorObject {\n return (\n error instanceof UnprocessableEntityErrorObject &&\n Array.isArray(error.errors) &&\n error.errors.some(err => err.category === 'payroll_blocker')\n )\n}\n\nexport function parsePayrollBlockersFromError(error: unknown): ApiPayrollBlocker[] {\n // Handle PayrollBlockersError (dedicated blocker error type)\n if (isPayrollBlockersError(error)) {\n if (!error.errors \|\| error.errors.length === 0) {\n return []\n }\n\n const blockers = error.errors.map(err => {\n const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey \|\| 'unknown'\n\n return { key, message: err.message }\n })\n\n return blockers\n }\n\n // Handle UnprocessableEntityErrorObject1 with payroll blockers\n if (isUnprocessableEntityWithPayrollBlockers(error)) {\n const blockers = error.errors\n .filter(err => err.category === 'payroll_blocker')\n .map(err => {\n const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey \|\| 'unknown'\n\n return { key, message: err.message }\n })\n\n return blockers\n }\n\n // Handle UnprocessableEntityErrorObject (e.g. contractor payment preview, payroll calculate)\n if (isUnprocessableEntityWithPayrollBlockersAlt(error)) {\n const blockers = error.errors\n .filter(err => err.category === 'payroll_blocker')\n .map(err => {\n const key = hasMetadataKey(err.metadata) ? err.metadata.key : err.errorKey \|\| 'unknown'\n\n return { key, message: err.message }\n })\n\n return blockers\n }\n\n return []\n}\n\ntype PayrollBlockerError =\n \| PayrollBlockersError\n \| UnprocessableEntityErrorObject1\n \| UnprocessableEntityErrorObject\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n if (error instanceof PayrollBlockersError) {\n return true\n }\n if (error instanceof UnprocessableEntityErrorObject1) {\n return (\n Array.isArray(error.errors) && error.errors.some(err => err.category === 'payroll_blocker')\n )\n }\n if (error instanceof UnprocessableEntityErrorObject) {\n return (\n Array.isArray(error.errors) && error.errors.some(err => err.category === 'payroll_blocker')\n )\n }\n return false\n}\n\nexport interface PayrollSubmitResult {\n success: boolean\n blockers: ApiPayrollBlocker[]\n}\n\n/*\n Direct submit handler for payroll operations that handles payroll blockers\n * Returns blockers if found, otherwise throws the error for caller to handle\n /\nexport const payrollSubmitHandler = async (\n payrollHandler: () => Promise<void>,\n): Promise<PayrollSubmitResult> => {\n try {\n await payrollHandler()\n return { success: true, blockers: [] }\n } catch (error: unknown) {\n if (hasPayrollBlockers(error)) {\n const blockers = parsePayrollBlockersFromError(error)\n return { success: false, blockers }\n }\n\n // For non-payroll errors, re-throw\n throw error\n }\n}\n\nconst ACTIONABLE_BLOCKER_KEYS = ['pending_information_request', 'pending_recovery_case'] as const\n\nexport const isActionableBlocker = (key: string) =>\n ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n blockers.some(b => isActionableBlocker(b.key))\n\n/\n Get translation keys for a blocker - use these in components with useTranslation\n */\nexport function getBlockerTranslationKeys(key: string) {\n return {\n titleKey: `blockers.${key}.title`,\n descriptionKey: `blockers.${key}.description`,\n helpTextKey: `blockers.${key}.help`,\n defaultActionKey: `blockers.${key}.defaultAction`,\n }\n}\n"],"names":["hasMetadataKey","metadata","isPayrollBlockersError","error","PayrollBlockersError","isUnprocessableEntityWithPayrollBlockers","UnprocessableEntityErrorObject1","err","isUnprocessableEntityWithPayrollBlockersAlt","UnprocessableEntityErrorObject","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;;AAIA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAOO,SAASC,EAAuBC,GAA+C;AACpF,SAAOA,aAAiBC;AAC1B;AAEO,SAASC,EACdF,GAC0C;AAC1C,SACEA,aAAiBG,KACjB,MAAM,QAAQH,EAAM,MAAM,KAC1BA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAEA,SAASC,EACPL,GACyC;AACzC,SACEA,aAAiBM,KACjB,MAAM,QAAQN,EAAM,MAAM,KAC1BA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAEO,SAASG,EAA8BP,GAAqC;AAEjF,SAAID,EAAuBC,CAAK,IAC1B,CAACA,EAAM,UAAUA,EAAM,OAAO,WAAW,IACpC,CAAA,IAGQA,EAAM,OAAO,IAAI,CAAAI,OAGzB,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMCF,EAAyCF,CAAK,IAC/BA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAMDC,EAA4CL,CAAK,IAClCA,EAAM,OACpB,OAAO,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,EAChD,IAAI,CAAAA,OAGI,EAAE,KAFGP,EAAeO,EAAI,QAAQ,IAAIA,EAAI,SAAS,MAAMA,EAAI,YAAY,WAEhE,SAASA,EAAI,QAAA,EAC5B,IAKE,CAAA;AACT;AAOA,MAAMI,IAAqB,CAACR,MACtBA,aAAiBC,IACZ,KAELD,aAAiBG,IAEjB,MAAM,QAAQH,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAG1FJ,aAAiBM,IAEjB,MAAM,QAAQN,EAAM,MAAM,KAAKA,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAGvF,IAYIK,IAAuB,OAClCC,MACiC;AACjC,MAAI;AACF,iBAAMA,EAAA,GACC,EAAE,SAAS,IAAM,UAAU,CAAA,EAAC;AAAA,EACrC,SAASV,GAAgB;AACvB,QAAIQ,EAAmBR,CAAK;AAE1B,aAAO,EAAE,SAAS,IAAO,UADRO,EAA8BP,CAAK,EAC3B;AAI3B,UAAMA;AAAA,EACR;AACF,GAEMW,IAA0B,CAAC,+BAA+B,uBAAuB,GAE1EC,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAErEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAKxC,SAASC,EAA0BJ,GAAa;AACrD,SAAO;AAAA,IACL,UAAU,YAAYA,CAAG;AAAA,IACzB,gBAAgB,YAAYA,CAAG;AAAA,IAC/B,aAAa,YAAYA,CAAG;AAAA,IAC5B,kBAAkB,YAAYA,CAAG;AAAA,EAAA;AAErC;"}

package/dist/components/Payroll/PayrollBlocker/payrollHelpers.test.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export {};

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js CHANGED Viewed

@@ -1,10 +1,10 @@
 import { jsx as m } from "react/jsx-runtime";
 import { useState as h, useEffect as H } from "react";
-import { usePayrollsGetSuspense as V } from "@gusto/embedded-api/react-query/payrollsGet";
-import { usePayrollsCalculateMutation as K } from "@gusto/embedded-api/react-query/payrollsCalculate";
+import { usePayrollsGetSuspense as K } from "@gusto/embedded-api/react-query/payrollsGet";
+import { usePayrollsCalculateMutation as V } from "@gusto/embedded-api/react-query/payrollsCalculate";
 import { PayrollProcessingRequestStatus as f } from "@gusto/embedded-api/models/components/payrollprocessingrequest";
-import { useTranslation as j } from "react-i18next";
-import { usePayrollsUpdateMutation as v } from "@gusto/embedded-api/react-query/payrollsUpdate";
+import { useTranslation as v } from "react-i18next";
+import { usePayrollsUpdateMutation as j } from "@gusto/embedded-api/react-query/payrollsUpdate";
 import { usePayrollsGetBlockersSuspense as I } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
 import { payrollSubmitHandler as z } from "../PayrollBlocker/payrollHelpers.js";
 import { PayrollConfigurationPresentation as J } from "./PayrollConfigurationPresentation.js";
@@ -27,7 +27,7 @@ const le = ({
   withReimbursements: L = !0
 }) => {
   Z("Payroll.PayrollConfiguration", g), $("Payroll.PayrollConfiguration");
-  const { t: r } = j("Payroll.PayrollConfiguration"), { baseSubmitHandler: d } = ee(), n = te(), [o, c] = h(!1), {
+  const { t: r } = v("Payroll.PayrollConfiguration"), { baseSubmitHandler: d } = ee(), n = te(), [o, c] = h(!1), {
     employeeDetails: D,
     employeeCompensations: w,
     paySchedule: k,
@@ -40,14 +40,14 @@ const le = ({
   } = Q({
     companyId: i,
     payrollId: l
-  }), { data: a } = V(
+  }), { data: a } = K(
     {
       companyId: i,
       payrollId: l,
       include: ["taxes", "benefits", "deductions", "payroll_status_meta"]
     },
     { refetchInterval: o ? 5e3 : !1 }
-  ), { mutateAsync: O, isPending: P } = K(), { mutateAsync: U, isPending: N } = v(), { data: B } = I({
+  ), { mutateAsync: O, isPending: P } = V(), { mutateAsync: U, isPending: N } = j(), { data: B } = I({
     companyUuid: i
   }), S = (B.payrollBlockerList ?? []).map((e) => ({
     key: e.key ?? "unknown",
@@ -103,7 +103,11 @@ const le = ({
   H(() => {
     ae(a.payrollShow?.processingRequest) && !o && c(!0), o && oe(a.payrollShow?.processingRequest) && (t(s.RUN_PAYROLL_CALCULATED, {
       payrollId: l,
-      alert: { type: "success", title: r("alerts.progressSaved") },
+      alert: {
+        type: "success",
+        title: r("alerts.progressSaved"),
+        alertKey: "progressSaved"
+      },
       payPeriod: a.payrollShow?.payPeriod
     }), p([]), c(!1)), o && a.payrollShow?.processingRequest?.status === f.ProcessingFailed && (t(s.RUN_PAYROLL_PROCESSING_FAILED), c(!1));
   }, [a.payrollShow?.processingRequest, o, t, r, l]);

package/dist/components/Payroll/PayrollConfiguration/PayrollConfiguration.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest \| null) =>\n processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest \| null) =>\n processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n companyId: string\n payrollId: string\n alerts?: ReactNode\n withReimbursements?: boolean\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nexport const Root = ({\n onEvent,\n companyId,\n payrollId,\n dictionary,\n alerts,\n withReimbursements = true,\n}: PayrollConfigurationProps) => {\n useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n useI18n('Payroll.PayrollConfiguration')\n const { t } = useTranslation('Payroll.PayrollConfiguration')\n const { baseSubmitHandler } = useBase()\n const dateFormatter = useDateFormatter()\n\n const [isPolling, setIsPolling] = useState(false)\n\n const {\n employeeDetails,\n employeeCompensations,\n paySchedule,\n payPeriod,\n isOffCycle,\n offCycleReason,\n pagination,\n isLoading,\n refetch,\n } = usePayrollConfigurationData({\n companyId,\n payrollId,\n })\n\n const { data: payrollData } = usePayrollsGetSuspense(\n {\n companyId,\n payrollId,\n include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n },\n { refetchInterval: isPolling ? 5_000 : false },\n )\n\n const { mutateAsync: calculatePayroll, isPending: isCalculatingPayroll } =\n usePayrollsCalculateMutation()\n\n const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n const { data: blockersData } = usePayrollsGetBlockersSuspense({\n companyUuid: companyId,\n })\n\n const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n key: blocker.key ?? 'unknown',\n message: blocker.message,\n }))\n\n const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>(blockersFromApi)\n\n const onCalculatePayroll = async () => {\n setPayrollBlockers([])\n\n await baseSubmitHandler({}, async () => {\n const result = await payrollSubmitHandler(async () => {\n await calculatePayroll({\n request: {\n companyId,\n payrollId,\n },\n })\n setIsPolling(true)\n })\n\n if (!result.success && result.blockers.length > 0) {\n setPayrollBlockers(result.blockers)\n }\n })\n }\n\n const onEdit = (employee: Employee) => {\n onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n employeeId: employee.uuid,\n firstName: employee.firstName,\n lastName: employee.lastName,\n })\n }\n\n const transformEmployeeCompensation = ({\n paymentMethod,\n reimbursements,\n ...compensation\n }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n return {\n ...compensation,\n ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n memo: compensation.memo \|\| undefined,\n }\n }\n\n const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n employeeId: employeeCompensation.employeeUuid,\n })\n await baseSubmitHandler({}, async () => {\n const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n const result = await updatePayroll({\n request: {\n companyId,\n payrollId,\n payrollUpdate: {\n employeeCompensations: [\n { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n ],\n },\n },\n })\n onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n payrollPrepared: result.payrollPrepared,\n })\n await refetch()\n })\n }\n\n const onViewBlockers = () => {\n onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n }\n\n useEffect(() => {\n if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n setIsPolling(true)\n }\n if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n payrollId,\n alert: { type: 'success', title: t('alerts.progressSaved') },\n payPeriod: payrollData.payrollShow?.payPeriod,\n })\n setPayrollBlockers([])\n setIsPolling(false)\n }\n if (\n isPolling &&\n payrollData.payrollShow?.processingRequest?.status ===\n PayrollProcessingRequestStatus.ProcessingFailed\n ) {\n onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n setIsPolling(false)\n }\n }, [payrollData.payrollShow?.processingRequest, isPolling, onEvent, t, payrollId])\n\n const payrollAlert =\n payrollData.payrollShow?.payrollStatusMeta?.payrollLate &&\n payrollData.payrollShow.payrollStatusMeta.initialCheckDate &&\n payrollData.payrollShow.payrollStatusMeta.expectedDebitTime &&\n payrollData.payrollShow.payrollStatusMeta.expectedCheckDate\n ? {\n label: t('alerts.payrollLate', {\n initialCheckDate: dateFormatter.formatShortWithWeekday(\n payrollData.payrollShow.payrollStatusMeta.initialCheckDate,\n ),\n }),\n content: t('alerts.payrollLateText', {\n ...dateFormatter.formatWithTime(\n payrollData.payrollShow.payrollStatusMeta.expectedDebitTime,\n ),\n newCheckDate: dateFormatter.formatShortWithWeekday(\n payrollData.payrollShow.payrollStatusMeta.expectedCheckDate,\n ),\n }),\n variant: 'warning' as const,\n }\n : payrollData.payrollShow\n ? {\n label: t('alerts.directDepositDeadline', {\n payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n }),\n content: t('alerts.directDepositDeadlineText'),\n variant: 'info' as const,\n }\n : undefined\n\n return (\n <PayrollConfigurationPresentation\n onCalculatePayroll={onCalculatePayroll}\n isCalculateDisabled={blockersFromApi.length > 0}\n onEdit={onEdit}\n onToggleExclude={onToggleExclude}\n onViewBlockers={onViewBlockers}\n employeeCompensations={employeeCompensations}\n employeeDetails={employeeDetails}\n payPeriod={payPeriod}\n paySchedule={paySchedule}\n isOffCycle={isOffCycle}\n offCycleReason={offCycleReason}\n alerts={alerts}\n payrollAlert={payrollAlert}\n isPending={isPolling \|\| isLoading \|\| isUpdatingPayroll \|\| isCalculatingPayroll}\n isCalculating={isCalculatingPayroll \|\| isPolling}\n payrollBlockers={payrollBlockers}\n pagination={pagination}\n withReimbursements={withReimbursements}\n />\n )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","employeeDetails","employeeCompensations","paySchedule","payPeriod","isOffCycle","offCycleReason","pagination","isLoading","refetch","usePayrollConfigurationData","payrollData","usePayrollsGetSuspense","calculatePayroll","isCalculatingPayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollAlert","PayrollConfigurationPresentation"],"mappings":"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"}
1	+ {"version":3,"file":"PayrollConfiguration.js","sources":["../../../../src/components/Payroll/PayrollConfiguration/PayrollConfiguration.tsx"],"sourcesContent":["import { useEffect, useState, type ReactNode } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport { usePayrollsCalculateMutation } from '@gusto/embedded-api/react-query/payrollsCalculate'\nimport type { Employee } from '@gusto/embedded-api/models/components/employee'\nimport type { PayrollProcessingRequest } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { PayrollProcessingRequestStatus } from '@gusto/embedded-api/models/components/payrollprocessingrequest'\nimport { useTranslation } from 'react-i18next'\nimport { usePayrollsUpdateMutation } from '@gusto/embedded-api/react-query/payrollsUpdate'\nimport type { PayrollEmployeeCompensationsType } from '@gusto/embedded-api/models/components/payrollemployeecompensationstype'\nimport type { PayrollUpdateEmployeeCompensations } from '@gusto/embedded-api/models/components/payrollupdate'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { payrollSubmitHandler, type ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollConfigurationPresentation } from './PayrollConfigurationPresentation'\nimport { usePayrollConfigurationData } from './usePayrollConfigurationData'\nimport type { BaseComponentInterface } from '@/components/Base/Base'\nimport { BaseComponent } from '@/components/Base/Base'\nimport { componentEvents } from '@/shared/constants'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useBase } from '@/components/Base'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\nconst isCalculating = (processingRequest?: PayrollProcessingRequest \| null) =>\n processingRequest?.status === PayrollProcessingRequestStatus.Calculating\nconst isCalculated = (processingRequest?: PayrollProcessingRequest \| null) =>\n processingRequest?.status === PayrollProcessingRequestStatus.CalculateSuccess\n\ninterface PayrollConfigurationProps extends BaseComponentInterface<'Payroll.PayrollConfiguration'> {\n companyId: string\n payrollId: string\n alerts?: ReactNode\n withReimbursements?: boolean\n}\n\nexport function PayrollConfiguration(props: PayrollConfigurationProps & BaseComponentInterface) {\n return (\n <BaseComponent {...props}>\n <Root {...props}>{props.children}</Root>\n </BaseComponent>\n )\n}\n\nexport const Root = ({\n onEvent,\n companyId,\n payrollId,\n dictionary,\n alerts,\n withReimbursements = true,\n}: PayrollConfigurationProps) => {\n useComponentDictionary('Payroll.PayrollConfiguration', dictionary)\n useI18n('Payroll.PayrollConfiguration')\n const { t } = useTranslation('Payroll.PayrollConfiguration')\n const { baseSubmitHandler } = useBase()\n const dateFormatter = useDateFormatter()\n\n const [isPolling, setIsPolling] = useState(false)\n\n const {\n employeeDetails,\n employeeCompensations,\n paySchedule,\n payPeriod,\n isOffCycle,\n offCycleReason,\n pagination,\n isLoading,\n refetch,\n } = usePayrollConfigurationData({\n companyId,\n payrollId,\n })\n\n const { data: payrollData } = usePayrollsGetSuspense(\n {\n companyId,\n payrollId,\n include: ['taxes', 'benefits', 'deductions', 'payroll_status_meta'],\n },\n { refetchInterval: isPolling ? 5_000 : false },\n )\n\n const { mutateAsync: calculatePayroll, isPending: isCalculatingPayroll } =\n usePayrollsCalculateMutation()\n\n const { mutateAsync: updatePayroll, isPending: isUpdatingPayroll } = usePayrollsUpdateMutation()\n\n const { data: blockersData } = usePayrollsGetBlockersSuspense({\n companyUuid: companyId,\n })\n\n const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n const blockersFromApi: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n key: blocker.key ?? 'unknown',\n message: blocker.message,\n }))\n\n const [payrollBlockers, setPayrollBlockers] = useState<ApiPayrollBlocker[]>(blockersFromApi)\n\n const onCalculatePayroll = async () => {\n setPayrollBlockers([])\n\n await baseSubmitHandler({}, async () => {\n const result = await payrollSubmitHandler(async () => {\n await calculatePayroll({\n request: {\n companyId,\n payrollId,\n },\n })\n setIsPolling(true)\n })\n\n if (!result.success && result.blockers.length > 0) {\n setPayrollBlockers(result.blockers)\n }\n })\n }\n\n const onEdit = (employee: Employee) => {\n onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_EDIT, {\n employeeId: employee.uuid,\n firstName: employee.firstName,\n lastName: employee.lastName,\n })\n }\n\n const transformEmployeeCompensation = ({\n paymentMethod,\n reimbursements,\n ...compensation\n }: PayrollEmployeeCompensationsType): PayrollUpdateEmployeeCompensations => {\n return {\n ...compensation,\n ...(paymentMethod && paymentMethod !== 'Historical' ? { paymentMethod } : {}),\n memo: compensation.memo \|\| undefined,\n }\n }\n\n const onToggleExclude = async (employeeCompensation: PayrollEmployeeCompensationsType) => {\n onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SKIP, {\n employeeId: employeeCompensation.employeeUuid,\n })\n await baseSubmitHandler({}, async () => {\n const transformedCompensation = transformEmployeeCompensation(employeeCompensation)\n const result = await updatePayroll({\n request: {\n companyId,\n payrollId,\n payrollUpdate: {\n employeeCompensations: [\n { ...transformedCompensation, excluded: !transformedCompensation.excluded },\n ],\n },\n },\n })\n onEvent(componentEvents.RUN_PAYROLL_EMPLOYEE_SAVED, {\n payrollPrepared: result.payrollPrepared,\n })\n await refetch()\n })\n }\n\n const onViewBlockers = () => {\n onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n }\n\n useEffect(() => {\n if (isCalculating(payrollData.payrollShow?.processingRequest) && !isPolling) {\n setIsPolling(true)\n }\n if (isPolling && isCalculated(payrollData.payrollShow?.processingRequest)) {\n onEvent(componentEvents.RUN_PAYROLL_CALCULATED, {\n payrollId,\n alert: {\n type: 'success',\n title: t('alerts.progressSaved'),\n alertKey: 'progressSaved',\n },\n payPeriod: payrollData.payrollShow?.payPeriod,\n })\n setPayrollBlockers([])\n setIsPolling(false)\n }\n if (\n isPolling &&\n payrollData.payrollShow?.processingRequest?.status ===\n PayrollProcessingRequestStatus.ProcessingFailed\n ) {\n onEvent(componentEvents.RUN_PAYROLL_PROCESSING_FAILED)\n setIsPolling(false)\n }\n }, [payrollData.payrollShow?.processingRequest, isPolling, onEvent, t, payrollId])\n\n const payrollAlert =\n payrollData.payrollShow?.payrollStatusMeta?.payrollLate &&\n payrollData.payrollShow.payrollStatusMeta.initialCheckDate &&\n payrollData.payrollShow.payrollStatusMeta.expectedDebitTime &&\n payrollData.payrollShow.payrollStatusMeta.expectedCheckDate\n ? {\n label: t('alerts.payrollLate', {\n initialCheckDate: dateFormatter.formatShortWithWeekday(\n payrollData.payrollShow.payrollStatusMeta.initialCheckDate,\n ),\n }),\n content: t('alerts.payrollLateText', {\n ...dateFormatter.formatWithTime(\n payrollData.payrollShow.payrollStatusMeta.expectedDebitTime,\n ),\n newCheckDate: dateFormatter.formatShortWithWeekday(\n payrollData.payrollShow.payrollStatusMeta.expectedCheckDate,\n ),\n }),\n variant: 'warning' as const,\n }\n : payrollData.payrollShow\n ? {\n label: t('alerts.directDepositDeadline', {\n payDate: dateFormatter.formatShortWithWeekday(payrollData.payrollShow.checkDate),\n ...dateFormatter.formatWithTime(payrollData.payrollShow.payrollDeadline),\n }),\n content: t('alerts.directDepositDeadlineText'),\n variant: 'info' as const,\n }\n : undefined\n\n return (\n <PayrollConfigurationPresentation\n onCalculatePayroll={onCalculatePayroll}\n isCalculateDisabled={blockersFromApi.length > 0}\n onEdit={onEdit}\n onToggleExclude={onToggleExclude}\n onViewBlockers={onViewBlockers}\n employeeCompensations={employeeCompensations}\n employeeDetails={employeeDetails}\n payPeriod={payPeriod}\n paySchedule={paySchedule}\n isOffCycle={isOffCycle}\n offCycleReason={offCycleReason}\n alerts={alerts}\n payrollAlert={payrollAlert}\n isPending={isPolling \|\| isLoading \|\| isUpdatingPayroll \|\| isCalculatingPayroll}\n isCalculating={isCalculatingPayroll \|\| isPolling}\n payrollBlockers={payrollBlockers}\n pagination={pagination}\n withReimbursements={withReimbursements}\n />\n )\n}\n"],"names":["isCalculating","processingRequest","PayrollProcessingRequestStatus","isCalculated","PayrollConfiguration","props","jsx","BaseComponent","Root","onEvent","companyId","payrollId","dictionary","alerts","withReimbursements","useComponentDictionary","useI18n","t","useTranslation","baseSubmitHandler","useBase","dateFormatter","useDateFormatter","isPolling","setIsPolling","useState","employeeDetails","employeeCompensations","paySchedule","payPeriod","isOffCycle","offCycleReason","pagination","isLoading","refetch","usePayrollConfigurationData","payrollData","usePayrollsGetSuspense","calculatePayroll","isCalculatingPayroll","usePayrollsCalculateMutation","updatePayroll","isUpdatingPayroll","usePayrollsUpdateMutation","blockersData","usePayrollsGetBlockersSuspense","blockersFromApi","blocker","payrollBlockers","setPayrollBlockers","onCalculatePayroll","result","payrollSubmitHandler","onEdit","employee","componentEvents","transformEmployeeCompensation","paymentMethod","reimbursements","compensation","onToggleExclude","employeeCompensation","transformedCompensation","onViewBlockers","useEffect","payrollAlert","PayrollConfigurationPresentation"],"mappings":"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"}

package/dist/components/Payroll/PayrollConfiguration/PayrollConfigurationPresentation.js CHANGED Viewed

@@ -1,28 +1,29 @@
-import { jsx as r, jsxs as o, Fragment as S } from "react/jsx-runtime";
+import { jsx as r, jsxs as n, Fragment as S } from "react/jsx-runtime";
 import { useRef as A } from "react";
 import { useTranslation as V, Trans as _ } from "react-i18next";
-import { useFormatEmployeePayRate as z, getPayrollTypeLabel as K, getRegularHours as O, getOvertimeHours as W, formatHoursDisplay as M, getTotalPtoHours as X, getAdditionalEarnings as q, getReimbursements as J, calculateGrossPay as Q } from "../helpers.js";
+import { useFormatEmployeePayRate as z, getPayrollTypeLabel as K, getRegularHours as O, getOvertimeHours as W, formatHoursDisplay as w, getTotalPtoHours as X, getAdditionalEarnings as q, getReimbursements as J, calculateGrossPay as Q } from "../helpers.js";
 import { PayrollBlockerAlerts as Y } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
 import Z from "./PayrollConfigurationPresentation.module.scss.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
 import { Flex as u, FlexItem as y } from "../../Common/Flex/Flex.js";
 import { Grid as ee } from "../../Common/Grid/Grid.js";
+import "classnames";
 import { HamburgerMenu as te } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as re } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import ne from "../../../assets/icons/pencil.svg.js";
-import oe from "../../../assets/icons/x-circle.svg.js";
+import oe from "../../../assets/icons/pencil.svg.js";
+import ne from "../../../assets/icons/x-circle.svg.js";
 import le from "../../../assets/icons/plus-circle.svg.js";
 import { formatNumberAsCurrency as h, firstLastName as ie } from "../../../helpers/formattedStrings.js";
 import { useDateFormatter as ae } from "../../../hooks/useDateFormatter.js";
-import { useContainerBreakpoints as se } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import se from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { PayrollLoading as me } from "../../Common/PayrollLoading/PayrollLoading.js";
 import { DataView as ce } from "../../Common/DataView/DataView.js";
-const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate, l.endDate) : { startDate: "", endDate: "" }, Ne = ({
+const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate, l.endDate) : { startDate: "", endDate: "" }, Be = ({
   employeeCompensations: l,
   employeeDetails: p,
   payPeriod: f,
-  paySchedule: w,
-  onEdit: H,
+  paySchedule: H,
+  onEdit: M,
   onToggleExclude: E,
   onCalculatePayroll: b,
   onViewBlockers: R,
@@ -34,17 +35,17 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
   isCalculating: i,
   payrollBlockers: P = [],
   pagination: N,
-  withReimbursements: U = !0,
+  withReimbursements: B = !0,
   isCalculateDisabled: x = !1
 }) => {
-  const { Button: T, Heading: k, Text: d, Badge: j, Alert: B } = re();
+  const { Button: T, Heading: k, Text: d, Badge: U, Alert: j } = re();
   $("Payroll.PayrollConfiguration");
   const { t } = V("Payroll.PayrollConfiguration"), G = ae(), I = z(), v = A(null), a = se({ ref: v }).includes("small"), c = new Map(p.map((e) => [e.uuid, e])), L = (e) => {
-    const n = c.get(e);
-    return n ? ie({ first_name: n.firstName, last_name: n.lastName }) : null;
+    const o = c.get(e);
+    return o ? ie({ first_name: o.firstName, last_name: o.lastName }) : null;
   };
-  return /* @__PURE__ */ r("div", { ref: v, className: Z.container, children: /* @__PURE__ */ o(u, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ o(
+  return /* @__PURE__ */ r("div", { ref: v, className: Z.container, children: /* @__PURE__ */ n(u, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(
       u,
       {
         flexDirection: a ? "row" : "column",
@@ -52,7 +53,7 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
         alignItems: a ? "center" : "stretch",
         gap: a ? 0 : 16,
         children: [
-          /* @__PURE__ */ o(y, { children: [
+          /* @__PURE__ */ n(y, { children: [
             /* @__PURE__ */ r(k, { as: "h1", children: t("pageTitle") }),
             f && /* @__PURE__ */ r(d, { variant: "supporting", children: /* @__PURE__ */ r(
               _,
@@ -87,8 +88,8 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
         ]
       }
     ),
-    (C || m) && /* @__PURE__ */ o(ee, { gap: 16, gridTemplateColumns: "1fr", children: [
-      m && /* @__PURE__ */ r(B, { label: m.label, status: m.variant, children: m.content }),
+    (C || m) && /* @__PURE__ */ n(ee, { gap: 16, gridTemplateColumns: "1fr", children: [
+      m && /* @__PURE__ */ r(j, { label: m.label, status: m.variant, children: m.content }),
       C
     ] }),
     g ? /* @__PURE__ */ r(
@@ -97,16 +98,16 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
         title: t(i ? "calculatingTitle" : "loadingTitle"),
         description: t(i ? "calculatingDescription" : "loadingDescription")
       }
-    ) : /* @__PURE__ */ o(S, { children: [
+    ) : /* @__PURE__ */ n(S, { children: [
       P.length > 0 && /* @__PURE__ */ r(
         Y,
         {
           blockers: P,
-          onMultipleViewClick: R
+          onViewBlockersClick: R
         }
       ),
-      /* @__PURE__ */ o(u, { flexDirection: "column", gap: 20, children: [
-        /* @__PURE__ */ o(y, { children: [
+      /* @__PURE__ */ n(u, { flexDirection: "column", gap: 20, children: [
+        /* @__PURE__ */ n(y, { children: [
           /* @__PURE__ */ r(k, { as: "h3", children: t("hoursAndEarningsTitle") }),
           /* @__PURE__ */ r(d, { variant: "supporting", children: t("hoursAndEarningsDescription") })
         ] }),
@@ -118,52 +119,52 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
               {
                 title: t("tableColumns.employees"),
                 render: (e) => {
-                  const n = c.get(e.employeeUuid || ""), s = I(n);
-                  return /* @__PURE__ */ o(u, { flexDirection: "column", gap: 0, children: [
+                  const o = c.get(e.employeeUuid || ""), s = I(o);
+                  return /* @__PURE__ */ n(u, { flexDirection: "column", gap: 0, children: [
                     L(e.employeeUuid || ""),
                     s && /* @__PURE__ */ r(d, { size: "xs", variant: "supporting", children: s }),
-                    e.excluded && /* @__PURE__ */ r(j, { status: "warning", children: t("skippedBadge") })
+                    e.excluded && /* @__PURE__ */ r(U, { status: "warning", children: t("skippedBadge") })
                   ] });
                 }
               },
               {
                 title: t("tableColumns.hours"),
                 render: (e) => {
-                  const n = O(e), s = W(e);
-                  return M(n + s);
+                  const o = O(e), s = W(e);
+                  return w(o + s);
                 }
               },
               {
                 title: t("tableColumns.timeOff"),
                 render: (e) => {
-                  const n = X(e);
-                  return M(n);
+                  const o = X(e);
+                  return w(o);
                 }
               },
               {
                 title: t("tableColumns.additionalEarnings"),
                 render: (e) => {
-                  const n = q(e);
-                  return h(n);
+                  const o = q(e);
+                  return h(o);
                 }
               },
-              ...U ? [
+              ...B ? [
                 {
                   title: t("tableColumns.reimbursements"),
                   render: (e) => {
-                    const n = J(e);
-                    return h(n);
+                    const o = J(e);
+                    return h(o);
                   }
                 }
               ] : [],
               {
                 title: t("tableColumns.totalPay"),
                 render: (e) => {
-                  const n = c.get(e.employeeUuid || ""), s = n ? Q(
+                  const o = c.get(e.employeeUuid || ""), s = o ? Q(
                     e,
-                    n,
+                    o,
                     f?.startDate,
-                    w,
+                    H,
                     D
                   ) : 0;
                   return h(s);
@@ -177,15 +178,15 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
                 items: [
                   {
                     label: t("editMenu.edit"),
-                    icon: /* @__PURE__ */ r(ne, { "aria-hidden": !0 }),
+                    icon: /* @__PURE__ */ r(oe, { "aria-hidden": !0 }),
                     onClick: () => {
-                      const n = c.get(e.employeeUuid || "");
-                      n && H(n);
+                      const o = c.get(e.employeeUuid || "");
+                      o && M(o);
                     }
                   },
                   {
                     label: t(e.excluded ? "editMenu.unskip" : "editMenu.skip"),
-                    icon: e.excluded ? /* @__PURE__ */ r(le, { "aria-hidden": !0 }) : /* @__PURE__ */ r(oe, { "aria-hidden": !0 }),
+                    icon: e.excluded ? /* @__PURE__ */ r(le, { "aria-hidden": !0 }) : /* @__PURE__ */ r(ne, { "aria-hidden": !0 }),
                     onClick: () => {
                       c.get(e.employeeUuid || "") && E(e);
                     }
@@ -202,6 +203,6 @@ const ue = (l, p) => l?.startDate && l.endDate ? p.formatPayPeriod(l.startDate,
   ] }) });
 };
 export {
-  Ne as PayrollConfigurationPresentation
+  Be as PayrollConfigurationPresentation
 };
 //# sourceMappingURL=PayrollConfigurationPresentation.js.map