@gusto/embedded-react-sdk 0.56.2 → 0.56.4

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

@@ -1,108 +1,101 @@
-import { jsx as o, jsxs as m } from "react/jsx-runtime";
-import { useState as N, useCallback as d } from "react";
-import { useTranslation as O } from "react-i18next";
+import { jsx as o, jsxs as d } from "react/jsx-runtime";
+import { useState as I, useCallback as u } from "react";
+import { useTranslation as S } from "react-i18next";
 import C from "classnames";
-import { usePayrollsGetBlockersSuspense as U } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { useRecoveryCasesGetSuspense as V } from "@gusto/embedded-api/react-query/recoveryCasesGet";
-import { useInformationRequestsGetInformationRequestsSuspense as _ } from "@gusto/embedded-api/react-query/informationRequestsGetInformationRequests";
-import { InformationRequestStatus as F } from "@gusto/embedded-api/models/components/informationrequest";
-import { getBlockerTranslationKeys as K } from "../payrollHelpers.js";
+import { usePayrollsGetBlockersSuspense as v } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { PENDING_RECOVERY_CASE_BLOCKER_KEY as K, PENDING_INFORMATION_REQUEST_BLOCKER_KEY as w, getBlockerTranslationKeys as L } from "../payrollHelpers.js";
 import B from "./PayrollBlockerList.module.scss.js";
-import { useComponentContext as G } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { FlexItem as M, Flex as a } from "../../../Common/Flex/Flex.js";
-import { DataView as j } from "../../../Common/DataView/DataView.js";
-import { useDataView as $ } from "../../../Common/DataView/useDataView.js";
-import { useComponentDictionary as H, useI18n as Q } from "../../../../i18n/I18n.js";
+import { useComponentContext as V } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { FlexItem as F, Flex as i } from "../../../Common/Flex/Flex.js";
+import { DataView as M } from "../../../Common/DataView/DataView.js";
+import { useDataView as q } from "../../../Common/DataView/useDataView.js";
+import { useComponentDictionary as G, useI18n as U } from "../../../../i18n/I18n.js";
 import { RecoveryCases as Y } from "../../RecoveryCases/RecoveryCases.js";
-import { BaseComponent as z } from "../../../Base/Base.js";
+import { BaseComponent as j } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-import { recoveryCasesEvents as J, informationRequestEvents as W } from "../../../../shared/constants.js";
-import { InformationRequestsFlow as X } from "../../../InformationRequests/InformationRequests.js";
-function De(s) {
-  return /* @__PURE__ */ o(z, { ...s, children: /* @__PURE__ */ o(Z, { ...s, children: s.children }) });
+import { recoveryCasesEvents as Q, informationRequestEvents as $ } from "../../../../shared/constants.js";
+import { InformationRequestsFlow as H } from "../../../InformationRequests/InformationRequests.js";
+function pe(l) {
+  return /* @__PURE__ */ o(j, { ...l, children: /* @__PURE__ */ o(z, { ...l, children: l.children }) });
 }
-function Z({ className: s, companyId: n, dictionary: v, onEvent: u }) {
-  H("Payroll.PayrollBlocker", v), Q("Payroll.PayrollBlocker");
-  const { t: r } = O("Payroll.PayrollBlocker"), { Button: D, Text: i, Heading: b, Alert: g } = G(), [x, f] = N({
+function z({ className: l, companyId: a, dictionary: D, onEvent: f }) {
+  G("Payroll.PayrollBlocker", D), U("Payroll.PayrollBlocker");
+  const { t: r } = S("Payroll.PayrollBlocker"), { Button: _, Text: n, Heading: b, Alert: g } = V(), [x, p] = I({
     id: 0,
     alerts: []
-  }), E = d((e) => {
-    f((t) => ({
+  }), A = u((e) => {
+    p((t) => ({
       ...t,
-      alerts: t.alerts.filter((l) => l.id !== e)
+      alerts: t.alerts.filter((s) => s.id !== e)
     }));
-  }, []), c = d((e) => {
-    f((t) => ({
+  }, []), c = u((e) => {
+    p((t) => ({
       id: t.id + 1,
       alerts: [{ id: t.id, type: e }, ...t.alerts]
     }));
-  }, []), p = d(
+  }, []), h = u(
     (e, t) => {
-      e === J.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === W.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), u(e, t);
+      e === Q.RECOVERY_CASE_RESUBMIT_DONE && c("recoveryCaseResubmitted"), e === $.INFORMATION_REQUEST_FORM_DONE && c("informationRequestResponded"), f(e, t);
     },
-    [u, c]
-  ), { data: A } = U({
-    companyUuid: n
-  }), { data: S } = V({
-    companyUuid: n
-  }), { data: q } = _({
-    companyUuid: n
-  }), y = (A.payrollBlockers ?? []).map((e) => {
-    const t = e.key, l = K(t), I = r(l.titleKey, {
+    [f, c]
+  ), { data: N } = v({
+    companyUuid: a
+  }), m = N.payrollBlockers ?? [], y = m.map((e) => {
+    const t = e.key, s = L(t), P = r(s.titleKey, {
       defaultValue: r("genericBlockerTitle")
-    }), L = r(l.descriptionKey, {
+    }), T = r(s.descriptionKey, {
       defaultValue: e.message || r("defaultBlockerDescription")
     });
     return {
       id: t,
-      title: I,
-      description: L
+      title: P,
+      description: T
     };
-  }), P = S.recoveryCases ?? [], T = q.informationRequests ?? [], h = P.some(
-    (e) => e.status !== "recovered"
-  ), k = T.some(
-    (e) => e.status !== F.Approved
-  ), w = $({
+  }), k = m.some(
+    (e) => e.key === K
+  ), E = m.some(
+    (e) => e.key === w
+  ), O = q({
     data: y,
     columns: [
       {
         title: r("blockerSectionLabel"),
-        render: (e) => /* @__PURE__ */ o(M, { flexGrow: 1, children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 8, children: [
-          /* @__PURE__ */ o(i, { weight: "semibold", children: e.title }),
-          /* @__PURE__ */ o(i, { variant: "supporting", children: e.description })
+        render: (e) => /* @__PURE__ */ o(F, { flexGrow: 1, children: /* @__PURE__ */ d(i, { flexDirection: "column", gap: 8, children: [
+          /* @__PURE__ */ o(n, { weight: "semibold", children: e.title }),
+          /* @__PURE__ */ o(n, { variant: "supporting", children: e.description })
         ] }) })
       },
       {
         title: "",
         render: (e) => {
           const t = e.action;
-          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;
+          return t ? /* @__PURE__ */ o(i, { justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ o(_, { variant: "secondary", onClick: t.onClick, title: t.label, children: t.label }) }) : null;
         }
       }
     ]
   }), R = y.length > 0;
-  return R || h || k ? /* @__PURE__ */ o("div", { className: C(B.root, s), children: /* @__PURE__ */ m(a, { flexDirection: "column", gap: 32, children: [
+  return R || k || E ? /* @__PURE__ */ o("div", { className: C(B.root, l), children: /* @__PURE__ */ d(i, { flexDirection: "column", gap: 32, children: [
     x.alerts.map((e) => /* @__PURE__ */ o(
       g,
       {
         status: "success",
         label: r(`alerts.${e.type}.title`),
         onDismiss: () => {
-          E(e.id);
+          A(e.id);
         },
-        children: /* @__PURE__ */ o(i, { children: r(`alerts.${e.type}.description`) })
+        children: /* @__PURE__ */ o(n, { children: r(`alerts.${e.type}.description`) })
       },
       e.id
     )),
-    R && /* @__PURE__ */ m(a, { flexDirection: "column", gap: 20, children: [
+    R && /* @__PURE__ */ d(i, { flexDirection: "column", gap: 20, children: [
       /* @__PURE__ */ o(b, { as: "h2", styledAs: "h4", children: r("blockersListTitle") }),
-      /* @__PURE__ */ o(j, { ...w, label: r("blockersListTitle") })
+      /* @__PURE__ */ o(M, { ...O, label: r("blockersListTitle") })
     ] }),
-    h && /* @__PURE__ */ o(Y, { companyId: n, onEvent: p }),
-    k && /* @__PURE__ */ o(X, { companyId: n, withAlert: !1, onEvent: p })
-  ] }) }) : /* @__PURE__ */ o("div", { className: C(B.root, s), children: /* @__PURE__ */ o(i, { children: r("noBlockersMessage") }) });
+    k && /* @__PURE__ */ o(Y, { companyId: a, onEvent: h }),
+    E && /* @__PURE__ */ o(H, { companyId: a, withAlert: !1, onEvent: h })
+  ] }) }) : /* @__PURE__ */ o("div", { className: C(B.root, l), children: /* @__PURE__ */ o(n, { children: r("noBlockersMessage") }) });
 }
 export {
-  De as PayrollBlockerList
+  pe as PayrollBlockerList
 };
 //# sourceMappingURL=PayrollBlockerList.js.map

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

@@ -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\n/**\n * Props for {@link PayrollBlockerList}.\n *\n * @public\n */\nexport interface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of blockers preventing payroll from being processed for a company.\n *\n * @remarks\n * Blockers indicate issues that must be resolved before a payroll can be calculated or\n * submitted, such as missing employee information, invalid tax setups, or incomplete\n * company configuration. The component also renders open recovery cases and outstanding\n * information requests for the company when present, and re-emits any events those\n * embedded surfaces fire through `onEvent`.\n *\n * @param props - {@link PayrollBlockerListProps}\n * @returns The rendered blocker list.\n * @public\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.payrollBlockers ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('genericBlockerTitle'),\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.recoveryCases ?? []\n  const informationRequests = informationRequestsData.informationRequests ?? []\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","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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"}
+{"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 {\n  getBlockerTranslationKeys,\n  PENDING_INFORMATION_REQUEST_BLOCKER_KEY,\n  PENDING_RECOVERY_CASE_BLOCKER_KEY,\n} 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\n/**\n * Props for {@link PayrollBlockerList}.\n *\n * @public\n */\nexport interface PayrollBlockerListProps extends BaseComponentInterface<'Payroll.PayrollBlocker'> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/**\n * Displays the list of blockers preventing payroll from being processed for a company.\n *\n * @remarks\n * Blockers indicate issues that must be resolved before a payroll can be calculated or\n * submitted, such as missing employee information, invalid tax setups, or incomplete\n * company configuration. The component also renders open recovery cases and outstanding\n * information requests for the company when present, and re-emits any events those\n * embedded surfaces fire through `onEvent`.\n *\n * @param props - {@link PayrollBlockerListProps}\n * @returns The rendered blocker list.\n * @public\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 payrollBlockerList = blockersData.payrollBlockers ?? []\n  const blockers: PayrollBlocker[] = payrollBlockerList.map(blocker => {\n    const blockerKey = blocker.key\n    const translationKeys = getBlockerTranslationKeys(blockerKey)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: t('genericBlockerTitle'),\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  // Gate the recovery-cases and information-requests surfaces on the backend's own blocker keys\n  // rather than eagerly fetching each one here. Those surfaces self-fetch inside their own error\n  // boundaries, so probing them from this parent both duplicated the request and, when the flow's\n  // token wasn't scoped for that endpoint (e.g. recovery cases in the dismissal flow), threw and\n  // took down the entire blocker screen -- including an otherwise-viewable RFI (SDK-1347).\n  const hasRecoveryCaseBlocker = payrollBlockerList.some(\n    blocker => blocker.key === PENDING_RECOVERY_CASE_BLOCKER_KEY,\n  )\n  const hasInformationRequestBlocker = payrollBlockerList.some(\n    blocker => blocker.key === PENDING_INFORMATION_REQUEST_BLOCKER_KEY,\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 || hasRecoveryCaseBlocker || hasInformationRequestBlocker\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        {hasRecoveryCaseBlocker && <RecoveryCases companyId={companyId} onEvent={handleEvent} />}\n\n        {hasInformationRequestBlocker && (\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","payrollBlockerList","blockers","blocker","blockerKey","translationKeys","getBlockerTranslationKeys","title","description","hasRecoveryCaseBlocker","PENDING_RECOVERY_CASE_BLOCKER_KEY","hasInformationRequestBlocker","PENDING_INFORMATION_REQUEST_BLOCKER_KEY","dataViewProps","useDataView","FlexItem","jsxs","Flex","action","hasBlockers","classNames","styles","DataView","RecoveryCases","InformationRequestsFlow"],"mappings":"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"}

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

@@ -12,7 +12,7 @@ function a(e) {
 function i(e) {
   return l(e) ? !e.errors || e.errors.length === 0 ? [] : e.errors.map((r) => ({ key: t(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : a(e) ? e.errors.filter((r) => r.category === "payroll_blocker").map((r) => ({ key: t(r.metadata) ? r.metadata.key : r.errorKey || "unknown", message: r.message })) : [];
 }
-const y = (e) => e instanceof s ? !0 : e instanceof n ? e.errors.some((o) => o.category === "payroll_blocker") : !1, p = async (e) => {
+const y = (e) => e instanceof s ? !0 : e instanceof n ? e.errors.some((o) => o.category === "payroll_blocker") : !1, m = async (e) => {
   try {
     return await e(), { success: !0, blockers: [] };
   } catch (o) {
@@ -20,8 +20,11 @@ const y = (e) => e instanceof s ? !0 : e instanceof n ? e.errors.some((o) => o.c
       return { success: !1, blockers: i(o) };
     throw o;
   }
-}, u = ["pending_information_request", "pending_recovery_case"], k = (e) => u.includes(e), m = (e) => e.some((o) => k(o.key));
-function g(e) {
+}, u = "pending_information_request", k = "pending_recovery_case", f = [
+  u,
+  k
+], b = (e) => f.includes(e), _ = (e) => e.some((o) => b(o.key));
+function K(e) {
   return {
     titleKey: `blockers.${e}.title`,
     descriptionKey: `blockers.${e}.description`,
@@ -30,10 +33,12 @@ function g(e) {
   };
 }
 export {
-  g as getBlockerTranslationKeys,
-  m as hasActionableBlockers,
-  k as isActionableBlocker,
+  u as PENDING_INFORMATION_REQUEST_BLOCKER_KEY,
+  k as PENDING_RECOVERY_CASE_BLOCKER_KEY,
+  K as getBlockerTranslationKeys,
+  _ as hasActionableBlockers,
+  b as isActionableBlocker,
   i as parsePayrollBlockersFromError,
-  p as payrollSubmitHandler
+  m as payrollSubmitHandler
 };
 //# sourceMappingURL=payrollHelpers.js.map

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

@@ -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 { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\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\n/**\n * A single payroll blocker entry: an issue that must be resolved before a payroll can be\n * calculated or submitted (for example, missing employee information, invalid tax setups,\n * or incomplete company configuration).\n *\n * @public\n */\nexport interface ApiPayrollBlocker {\n  /** Stable identifier for the blocker type, used to look up display copy and behavior. */\n  key: string\n  /** Human-readable message describing the blocker, when provided by the API. */\n  message?: string\n}\n\nfunction isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nfunction isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityError {\n  return (\n    error instanceof UnprocessableEntityError &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\n/** @internal */\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 UnprocessableEntityError with payroll_blocker category (e.g. contractor payment preview, payroll calculate)\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 | UnprocessableEntityError\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityError) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  return false\n}\n\n/** @internal */\nexport interface PayrollSubmitResult {\n  /** Whether the wrapped payroll operation completed without payroll blockers. */\n  success: boolean\n  /** Blockers parsed from the caught error; empty when `success` is `true`. */\n  blockers: ApiPayrollBlocker[]\n}\n\n/** @internal */\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\n/** @internal */\nexport const isActionableBlocker = (key: string) =>\n  ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\n/** @internal */\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n  blockers.some(b => isActionableBlocker(b.key))\n\n/** @internal */\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","UnprocessableEntityError","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;AAGA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAgBA,SAASC,EAAuBC,GAA+C;AAC7E,SAAOA,aAAiBC;AAC1B;AAEA,SAASC,EACPF,GACmC;AACnC,SACEA,aAAiBG,KACjBH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAGO,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,IACZH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAE7D,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,GAEMS,IAA0B,CAAC,+BAA+B,uBAAuB,GAG1EC,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAGrEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAGxC,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;"}
+{"version":3,"file":"payrollHelpers.js","sources":["../../../../src/components/Payroll/PayrollBlocker/payrollHelpers.ts"],"sourcesContent":["import { PayrollBlockersError } from '@gusto/embedded-api/models/errors/payrollblockerserror'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\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\n/**\n * A single payroll blocker entry: an issue that must be resolved before a payroll can be\n * calculated or submitted (for example, missing employee information, invalid tax setups,\n * or incomplete company configuration).\n *\n * @public\n */\nexport interface ApiPayrollBlocker {\n  /** Stable identifier for the blocker type, used to look up display copy and behavior. */\n  key: string\n  /** Human-readable message describing the blocker, when provided by the API. */\n  message?: string\n}\n\nfunction isPayrollBlockersError(error: unknown): error is PayrollBlockersError {\n  return error instanceof PayrollBlockersError\n}\n\nfunction isUnprocessableEntityWithPayrollBlockers(\n  error: unknown,\n): error is UnprocessableEntityError {\n  return (\n    error instanceof UnprocessableEntityError &&\n    error.errors.some(err => err.category === 'payroll_blocker')\n  )\n}\n\n/** @internal */\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 UnprocessableEntityError with payroll_blocker category (e.g. contractor payment preview, payroll calculate)\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 | UnprocessableEntityError\n\nconst hasPayrollBlockers = (error: unknown): error is PayrollBlockerError => {\n  if (error instanceof PayrollBlockersError) {\n    return true\n  }\n  if (error instanceof UnprocessableEntityError) {\n    return error.errors.some(err => err.category === 'payroll_blocker')\n  }\n  return false\n}\n\n/** @internal */\nexport interface PayrollSubmitResult {\n  /** Whether the wrapped payroll operation completed without payroll blockers. */\n  success: boolean\n  /** Blockers parsed from the caught error; empty when `success` is `true`. */\n  blockers: ApiPayrollBlocker[]\n}\n\n/** @internal */\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 * Blocker key the backend returns when a company has an outstanding information request.\n *\n * @internal\n */\nexport const PENDING_INFORMATION_REQUEST_BLOCKER_KEY = 'pending_information_request'\n/**\n * Blocker key the backend returns when a company has an open recovery case.\n *\n * @internal\n */\nexport const PENDING_RECOVERY_CASE_BLOCKER_KEY = 'pending_recovery_case'\n\nconst ACTIONABLE_BLOCKER_KEYS = [\n  PENDING_INFORMATION_REQUEST_BLOCKER_KEY,\n  PENDING_RECOVERY_CASE_BLOCKER_KEY,\n] as const\n\n/** @internal */\nexport const isActionableBlocker = (key: string) =>\n  ACTIONABLE_BLOCKER_KEYS.includes(key as (typeof ACTIONABLE_BLOCKER_KEYS)[number])\n\n/** @internal */\nexport const hasActionableBlockers = (blockers: ApiPayrollBlocker[]) =>\n  blockers.some(b => isActionableBlocker(b.key))\n\n/** @internal */\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","UnprocessableEntityError","err","parsePayrollBlockersFromError","hasPayrollBlockers","payrollSubmitHandler","payrollHandler","PENDING_INFORMATION_REQUEST_BLOCKER_KEY","PENDING_RECOVERY_CASE_BLOCKER_KEY","ACTIONABLE_BLOCKER_KEYS","isActionableBlocker","key","hasActionableBlockers","blockers","b","getBlockerTranslationKeys"],"mappings":";;AAGA,SAASA,EAAeC,GAAgD;AACtE,SACE,OAAOA,KAAa,YACpBA,MAAa,QACb,SAASA,KACT,OAAQA,EAA8B,OAAQ;AAElD;AAgBA,SAASC,EAAuBC,GAA+C;AAC7E,SAAOA,aAAiBC;AAC1B;AAEA,SAASC,EACPF,GACmC;AACnC,SACEA,aAAiBG,KACjBH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB;AAE/D;AAGO,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,IACZH,EAAM,OAAO,KAAK,CAAAI,MAAOA,EAAI,aAAa,iBAAiB,IAE7D,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,GAOaS,IAA0C,+BAM1CC,IAAoC,yBAE3CC,IAA0B;AAAA,EAC9BF;AAAA,EACAC;AACF,GAGaE,IAAsB,CAACC,MAClCF,EAAwB,SAASE,CAA+C,GAGrEC,IAAwB,CAACC,MACpCA,EAAS,KAAK,CAAAC,MAAKJ,EAAoBI,EAAE,GAAG,CAAC;AAGxC,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;"}