@gusto/embedded-react-sdk 0.17.0 → 0.19.0

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js

@@ -0,0 +1,79 @@
+import { jsx as r, jsxs as x } from "react/jsx-runtime";
+import { useTranslation as S } from "react-i18next";
+import { useWireInRequestsListSuspense as I } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { usePayrollsListSuspense as T } from "@gusto/embedded-api/react-query/payrollsList";
+import { BaseComponent as U } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as b, useI18n as v } from "../../../../i18n/I18n.js";
+import { Flex as M } from "../../../Common/Flex/Flex.js";
+import { useDateFormatter as F } from "../../../../hooks/useDateFormatter.js";
+function Q(n) {
+  return /* @__PURE__ */ r(U, { ...n, children: /* @__PURE__ */ r(Z, { ...n, children: n.children }) });
+}
+const Z = ({
+  wireInId: n,
+  companyId: m,
+  dictionary: d,
+  onStartWireTransfer: p
+}) => {
+  b("Payroll.ConfirmWireDetailsBanner", d), v("Payroll.ConfirmWireDetailsBanner");
+  const { t: i } = S("Payroll.ConfirmWireDetailsBanner"), { Banner: f, Button: y, UnorderedList: g, Text: h } = A(), D = F(), { data: R } = I({
+    companyUuid: m
+  }), { data: P } = T({
+    companyId: m,
+    processed: !0
+  }), u = (R.wireInRequestList || []).filter(
+    (e) => e.status === "awaiting_funds"
+  ), w = n ? u.filter((e) => e.uuid === n) : u, C = P.payrollList || [], o = w.map((e) => {
+    const t = C.find((l) => l.payrollUuid === e.paymentUuid), c = t?.payPeriod ? D.formatPayPeriodRange(t.payPeriod.startDate, t.payPeriod.endDate) : "";
+    return {
+      wireInRequest: e,
+      payroll: t,
+      payrollRange: c
+    };
+  });
+  if (o.length === 0)
+    return null;
+  const a = o.length === 1, { wireInRequest: s, payrollRange: L } = o[0] || {};
+  if (a && !s)
+    return null;
+  const W = (e) => {
+    const t = new Date(e), l = t.toLocaleTimeString("en-US", {
+      hour: "numeric",
+      minute: t.getMinutes() === 0 ? void 0 : "2-digit",
+      hour12: !0,
+      timeZone: "America/Los_Angeles",
+      timeZoneName: "short"
+    }).replace(/\s?(AM|PM)/i, (q) => q.trim().toLowerCase()), B = t.toLocaleDateString("en-US", {
+      month: "long",
+      day: "numeric",
+      year: "numeric",
+      timeZone: "America/Los_Angeles"
+    });
+    return { time: l, date: B };
+  };
+  return /* @__PURE__ */ r(f, { status: "warning", title: (() => {
+    if (a) {
+      if (n && s?.wireInDeadline) {
+        const { time: e, date: t } = W(s.wireInDeadline);
+        return i("banner.title", { time: e, date: t });
+      }
+      return i("banner.titleWithPayroll", { payrollRange: L });
+    }
+    return i("banner.titleMultiple", { count: o.length });
+  })(), children: /* @__PURE__ */ x(M, { flexDirection: "column", gap: 16, alignItems: "flex-start", children: [
+    /* @__PURE__ */ r("div", { children: i("banner.description") }),
+    !a && /* @__PURE__ */ r(
+      g,
+      {
+        items: o.map(({ payrollRange: e }, t) => /* @__PURE__ */ r(h, { children: e }, t))
+      }
+    ),
+    /* @__PURE__ */ r(y, { variant: "secondary", onClick: p, children: i("cta.startWireTransfer") })
+  ] }) });
+};
+export {
+  Q as ConfirmWireDetailsBanner
+};
+//# sourceMappingURL=ConfirmWireDetailsBanner.js.map

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmWireDetailsBanner.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/ConfirmWireDetailsBanner.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\n\ninterface ConfirmWireDetailsBannerProps\n  extends BaseComponentInterface<'Payroll.ConfirmWireDetailsBanner'> {\n  wireInId?: string\n  companyId: string\n  onStartWireTransfer: () => void\n}\n\nexport function ConfirmWireDetailsBanner(props: ConfirmWireDetailsBannerProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({\n  wireInId,\n  companyId,\n  dictionary,\n  onStartWireTransfer,\n}: ConfirmWireDetailsBannerProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsBanner', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsBanner')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsBanner')\n  const { Banner, Button, UnorderedList, Text } = useComponentContext()\n  const dateFormatter = useDateFormatter()\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processed: true,\n  })\n\n  const activeWireInRequests = (wireInRequestsData.wireInRequestList || []).filter(\n    request => request.status === 'awaiting_funds',\n  )\n  const wireInRequests = wireInId\n    ? activeWireInRequests.filter(request => request.uuid === wireInId)\n    : activeWireInRequests\n\n  const payrolls = payrollsData.payrollList || []\n\n  const wireInRequestsWithPayrolls = wireInRequests.map(wireInRequest => {\n    const payroll = payrolls.find(p => p.payrollUuid === wireInRequest.paymentUuid)\n    const payrollRange = payroll?.payPeriod\n      ? dateFormatter.formatPayPeriodRange(payroll.payPeriod.startDate, payroll.payPeriod.endDate)\n      : ''\n    return {\n      wireInRequest,\n      payroll,\n      payrollRange,\n    }\n  })\n\n  if (wireInRequestsWithPayrolls.length === 0) {\n    return null\n  }\n\n  const isSingleWireInRequest = wireInRequestsWithPayrolls.length === 1\n  const { wireInRequest, payrollRange } = wireInRequestsWithPayrolls[0] || {}\n\n  if (isSingleWireInRequest && !wireInRequest) {\n    return null\n  }\n\n  const formatDeadline = (deadline: string) => {\n    const date = new Date(deadline)\n\n    const timeRaw = date.toLocaleTimeString('en-US', {\n      hour: 'numeric',\n      minute: date.getMinutes() === 0 ? undefined : '2-digit',\n      hour12: true,\n      timeZone: 'America/Los_Angeles',\n      timeZoneName: 'short',\n    })\n\n    const time = timeRaw.replace(/\\s?(AM|PM)/i, match => match.trim().toLowerCase())\n\n    const dateString = date.toLocaleDateString('en-US', {\n      month: 'long',\n      day: 'numeric',\n      year: 'numeric',\n      timeZone: 'America/Los_Angeles',\n    })\n\n    return { time, date: dateString }\n  }\n\n  const getBannerTitle = () => {\n    if (isSingleWireInRequest) {\n      if (wireInId && wireInRequest?.wireInDeadline) {\n        const { time, date } = formatDeadline(wireInRequest.wireInDeadline)\n        return t('banner.title', { time, date })\n      }\n      return t('banner.titleWithPayroll', { payrollRange })\n    }\n    return t('banner.titleMultiple', { count: wireInRequestsWithPayrolls.length })\n  }\n\n  return (\n    <Banner status=\"warning\" title={getBannerTitle()}>\n      <Flex flexDirection=\"column\" gap={16} alignItems=\"flex-start\">\n        <div>{t('banner.description')}</div>\n        {!isSingleWireInRequest && (\n          <UnorderedList\n            items={wireInRequestsWithPayrolls.map(({ payrollRange }, index) => (\n              <Text key={index}>{payrollRange}</Text>\n            ))}\n          />\n        )}\n        <Button variant=\"secondary\" onClick={onStartWireTransfer}>\n          {t('cta.startWireTransfer')}\n        </Button>\n      </Flex>\n    </Banner>\n  )\n}\n"],"names":["ConfirmWireDetailsBanner","props","jsx","BaseComponent","Root","wireInId","companyId","dictionary","onStartWireTransfer","useComponentDictionary","useI18n","t","useTranslation","Banner","Button","UnorderedList","Text","useComponentContext","dateFormatter","useDateFormatter","wireInRequestsData","useWireInRequestsListSuspense","payrollsData","usePayrollsListSuspense","activeWireInRequests","request","wireInRequests","payrolls","wireInRequestsWithPayrolls","wireInRequest","payroll","p","payrollRange","isSingleWireInRequest","formatDeadline","deadline","date","time","match","dateString","jsxs","Flex","index"],"mappings":";;;;;;;;;;AAgBO,SAASA,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC;AAAA,EACZ,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,qBAAAC;AACF,MAAqC;AACnC,EAAAC,EAAuB,oCAAoCF,CAAU,GACrEG,EAAQ,kCAAkC;AAC1C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,kCAAkC,GACzD,EAAE,QAAAC,GAAQ,QAAAC,GAAQ,eAAAC,GAAe,MAAAC,EAAA,IAASC,EAAA,GAC1CC,IAAgBC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAaf;AAAA,EAAA,CACd,GAEK,EAAE,MAAMgB,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAjB;AAAA,IACA,WAAW;AAAA,EAAA,CACZ,GAEKkB,KAAwBJ,EAAmB,qBAAqB,CAAA,GAAI;AAAA,IACxE,CAAAK,MAAWA,EAAQ,WAAW;AAAA,EAAA,GAE1BC,IAAiBrB,IACnBmB,EAAqB,OAAO,OAAWC,EAAQ,SAASpB,CAAQ,IAChEmB,GAEEG,IAAWL,EAAa,eAAe,CAAA,GAEvCM,IAA6BF,EAAe,IAAI,CAAAG,MAAiB;AACrE,UAAMC,IAAUH,EAAS,KAAK,OAAKI,EAAE,gBAAgBF,EAAc,WAAW,GACxEG,IAAeF,GAAS,YAC1BZ,EAAc,qBAAqBY,EAAQ,UAAU,WAAWA,EAAQ,UAAU,OAAO,IACzF;AACJ,WAAO;AAAA,MACL,eAAAD;AAAAA,MACA,SAAAC;AAAA,MACA,cAAAE;AAAAA,IAAA;AAAA,EAEJ,CAAC;AAED,MAAIJ,EAA2B,WAAW;AACxC,WAAO;AAGT,QAAMK,IAAwBL,EAA2B,WAAW,GAC9D,EAAE,eAAAC,GAAe,cAAAG,EAAA,IAAiBJ,EAA2B,CAAC,KAAK,CAAA;AAEzE,MAAIK,KAAyB,CAACJ;AAC5B,WAAO;AAGT,QAAMK,IAAiB,CAACC,MAAqB;AAC3C,UAAMC,IAAO,IAAI,KAAKD,CAAQ,GAUxBE,IARUD,EAAK,mBAAmB,SAAS;AAAA,MAC/C,MAAM;AAAA,MACN,QAAQA,EAAK,WAAA,MAAiB,IAAI,SAAY;AAAA,MAC9C,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,cAAc;AAAA,IAAA,CACf,EAEoB,QAAQ,eAAe,OAASE,EAAM,OAAO,aAAa,GAEzEC,IAAaH,EAAK,mBAAmB,SAAS;AAAA,MAClD,OAAO;AAAA,MACP,KAAK;AAAA,MACL,MAAM;AAAA,MACN,UAAU;AAAA,IAAA,CACX;AAED,WAAO,EAAE,MAAAC,GAAM,MAAME,EAAA;AAAA,EACvB;AAaA,SACE,gBAAArC,EAACW,GAAA,EAAO,QAAO,WAAU,QAZJ,MAAM;AAC3B,QAAIoB,GAAuB;AACzB,UAAI5B,KAAYwB,GAAe,gBAAgB;AAC7C,cAAM,EAAE,MAAAQ,GAAM,MAAAD,EAAA,IAASF,EAAeL,EAAc,cAAc;AAClE,eAAOlB,EAAE,gBAAgB,EAAE,MAAA0B,GAAM,MAAAD,GAAM;AAAA,MACzC;AACA,aAAOzB,EAAE,2BAA2B,EAAE,cAAAqB,GAAc;AAAA,IACtD;AACA,WAAOrB,EAAE,wBAAwB,EAAE,OAAOiB,EAA2B,QAAQ;AAAA,EAC/E,GAGkC,GAC9B,UAAA,gBAAAY,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAAI,YAAW,cAC/C,UAAA;AAAA,IAAA,gBAAAvC,EAAC,OAAA,EAAK,UAAAS,EAAE,oBAAoB,EAAA,CAAE;AAAA,IAC7B,CAACsB,KACA,gBAAA/B;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,OAAOa,EAA2B,IAAI,CAAC,EAAE,cAAAI,EAAAA,GAAgBU,MACvD,gBAAAxC,EAACc,GAAA,EAAkB,UAAAgB,EAAAA,GAARU,CAAqB,CACjC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGL,gBAAAxC,EAACY,KAAO,SAAQ,aAAY,SAASN,GAClC,UAAAG,EAAE,uBAAuB,EAAA,CAC5B;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsBanner/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { ConfirmWireDetailsBanner } from './ConfirmWireDetailsBanner';

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.d.ts

@@ -0,0 +1,7 @@
+import { FlowContextInterface } from '../../Flow/useFlow';
+export interface ConfirmWireDetailsContextInterface extends FlowContextInterface {
+    companyId: string;
+    wireInId?: string;
+}
+export declare function WireInstructionsContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function ConfirmWireDetailsFormContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useFlow as e } from "../../Flow/useFlow.js";
+import { ensureRequired as i } from "../../../helpers/ensureRequired.js";
+import { ConfirmWireDetailsForm as m } from "./ConfirmWireDetailsForm/ConfirmWireDetailsForm.js";
+import { WireInstructions as s } from "./WireInstructions/WireInstructions.js";
+function a() {
+  const { companyId: o, wireInId: r, onEvent: n } = e();
+  return /* @__PURE__ */ t(s, { companyId: i(o), wireInId: r, onEvent: n });
+}
+function d() {
+  const { companyId: o, wireInId: r, onEvent: n } = e();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      companyId: i(o),
+      wireInId: r,
+      onEvent: n
+    }
+  );
+}
+export {
+  d as ConfirmWireDetailsFormContextual,
+  a as WireInstructionsContextual
+};
+//# sourceMappingURL=ConfirmWireDetailsComponents.js.map

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmWireDetailsComponents.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsComponents.tsx"],"sourcesContent":["import { WireInstructions } from './WireInstructions'\nimport { ConfirmWireDetailsForm } from './ConfirmWireDetailsForm'\nimport { useFlow } from '@/components/Flow/useFlow'\nimport { ensureRequired } from '@/helpers/ensureRequired'\nimport type { FlowContextInterface } from '@/components/Flow/useFlow'\n\nexport interface ConfirmWireDetailsContextInterface extends FlowContextInterface {\n  companyId: string\n  wireInId?: string\n}\n\nexport function WireInstructionsContextual() {\n  const { companyId, wireInId, onEvent } = useFlow<ConfirmWireDetailsContextInterface>()\n\n  return (\n    <WireInstructions companyId={ensureRequired(companyId)} wireInId={wireInId} onEvent={onEvent} />\n  )\n}\n\nexport function ConfirmWireDetailsFormContextual() {\n  const { companyId, wireInId, onEvent } = useFlow<ConfirmWireDetailsContextInterface>()\n\n  return (\n    <ConfirmWireDetailsForm\n      companyId={ensureRequired(companyId)}\n      wireInId={wireInId}\n      onEvent={onEvent}\n    />\n  )\n}\n"],"names":["WireInstructionsContextual","companyId","wireInId","onEvent","useFlow","WireInstructions","ensureRequired","ConfirmWireDetailsFormContextual","jsx","ConfirmWireDetailsForm"],"mappings":";;;;;AAWO,SAASA,IAA6B;AAC3C,QAAM,EAAE,WAAAC,GAAW,UAAAC,GAAU,SAAAC,EAAA,IAAYC,EAAA;AAEzC,2BACGC,GAAA,EAAiB,WAAWC,EAAeL,CAAS,GAAG,UAAAC,GAAoB,SAAAC,GAAkB;AAElG;AAEO,SAASI,IAAmC;AACjD,QAAM,EAAE,WAAAN,GAAW,UAAAC,GAAU,SAAAC,EAAA,IAAYC,EAAA;AAEzC,SACE,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWH,EAAeL,CAAS;AAAA,MACnC,UAAAC;AAAA,MACA,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.d.ts

@@ -0,0 +1,10 @@
+import { BaseComponentInterface } from '../../../Base';
+import { EventType } from '../../../../shared/constants';
+import { OnEventType } from '../../../Base/useBase';
+interface ConfirmWireDetailsFormProps extends BaseComponentInterface<'Payroll.ConfirmWireDetailsForm'> {
+    companyId: string;
+    wireInId?: string;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js

@@ -0,0 +1,30 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { BaseComponent as d } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as p, useI18n as u } from "../../../../i18n/I18n.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+import { payrollWireEvents as m } from "../../../../shared/constants.js";
+function O(o) {
+  return /* @__PURE__ */ r(d, { ...o, children: /* @__PURE__ */ r(h, { ...o, children: o.children }) });
+}
+const h = ({ companyId: o, wireInId: y, dictionary: a, onEvent: i }) => {
+  p("Payroll.ConfirmWireDetailsForm", a), u("Payroll.ConfirmWireDetailsForm");
+  const { t: n } = f("Payroll.ConfirmWireDetailsForm"), { Button: t } = C(), c = () => {
+    i(m.PAYROLL_WIRE_FORM_DONE);
+  }, s = () => {
+    i(m.PAYROLL_WIRE_FORM_CANCEL);
+  };
+  return /* @__PURE__ */ e(l, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ r("h2", { children: n("title") }),
+    /* @__PURE__ */ e(l, { gap: 12, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ r(t, { variant: "secondary", onClick: s, children: n("cta.cancel") }),
+      /* @__PURE__ */ r(t, { variant: "primary", onClick: c, children: n("cta.submit") })
+    ] })
+  ] });
+};
+export {
+  O as ConfirmWireDetailsForm
+};
+//# sourceMappingURL=ConfirmWireDetailsForm.js.map

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmWireDetailsForm.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/ConfirmWireDetailsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface ConfirmWireDetailsFormProps\n  extends BaseComponentInterface<'Payroll.ConfirmWireDetailsForm'> {\n  companyId: string\n  wireInId?: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function ConfirmWireDetailsForm(props: ConfirmWireDetailsFormProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, wireInId, dictionary, onEvent }: ConfirmWireDetailsFormProps) => {\n  useComponentDictionary('Payroll.ConfirmWireDetailsForm', dictionary)\n  useI18n('Payroll.ConfirmWireDetailsForm')\n  const { t } = useTranslation('Payroll.ConfirmWireDetailsForm')\n  const { Button } = useComponentContext()\n\n  const handleSubmit = () => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_DONE)\n  }\n\n  const handleCancel = () => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL)\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <h2>{t('title')}</h2>\n\n      {/* TODO: Form fields will be implemented in subsequent ticket */}\n\n      <Flex gap={12} justifyContent=\"flex-end\">\n        <Button variant=\"secondary\" onClick={handleCancel}>\n          {t('cta.cancel')}\n        </Button>\n        <Button variant=\"primary\" onClick={handleSubmit}>\n          {t('cta.submit')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ConfirmWireDetailsForm","props","jsx","BaseComponent","Root","companyId","wireInId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","useComponentContext","handleSubmit","payrollWireEvents","handleCancel","jsxs","Flex"],"mappings":";;;;;;;;AAeO,SAASA,EAAuBC,GAAoC;AACzE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,GAAY,SAAAC,QAA2C;AAC1F,EAAAC,EAAuB,kCAAkCF,CAAU,GACnEG,EAAQ,gCAAgC;AACxC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,gCAAgC,GACvD,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEbC,IAAe,MAAM;AACzB,IAAAP,EAAQQ,EAAkB,sBAAsB;AAAA,EAClD,GAEMC,IAAe,MAAM;AACzB,IAAAT,EAAQQ,EAAkB,wBAAwB;AAAA,EACpD;AAEA,SACE,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAjB,EAAC,MAAA,EAAI,UAAAS,EAAE,OAAO,EAAA,CAAE;AAAA,IAIhB,gBAAAO,EAACC,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA;AAAA,MAAA,gBAAAjB,EAACW,KAAO,SAAQ,aAAY,SAASI,GAClC,UAAAN,EAAE,YAAY,GACjB;AAAA,MACA,gBAAAT,EAACW,KAAO,SAAQ,WAAU,SAASE,GAChC,UAAAJ,EAAE,YAAY,EAAA,CACjB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/ConfirmWireDetails/ConfirmWireDetailsForm/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { ConfirmWireDetailsForm } from './ConfirmWireDetailsForm';

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.d.ts

@@ -0,0 +1,10 @@
+import { BaseComponentInterface } from '../../../Base';
+import { EventType } from '../../../../shared/constants';
+import { OnEventType } from '../../../Base/useBase';
+interface WireInstructionsProps extends BaseComponentInterface<'Payroll.WireInstructions'> {
+    companyId: string;
+    wireInId?: string;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function WireInstructions(props: WireInstructionsProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.js

@@ -0,0 +1,30 @@
+import { jsx as n, jsxs as e } from "react/jsx-runtime";
+import { useTranslation as d } from "react-i18next";
+import { BaseComponent as u } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as f, useI18n as p } from "../../../../i18n/I18n.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
+import { payrollWireEvents as l } from "../../../../shared/constants.js";
+function P(o) {
+  return /* @__PURE__ */ n(u, { ...o, children: /* @__PURE__ */ n(C, { ...o, children: o.children }) });
+}
+const C = ({ companyId: o, wireInId: h, dictionary: s, onEvent: t }) => {
+  f("Payroll.WireInstructions", s), p("Payroll.WireInstructions");
+  const { t: r } = d("Payroll.WireInstructions"), { Button: i } = I(), m = () => {
+    t(l.PAYROLL_WIRE_INSTRUCTIONS_DONE);
+  }, a = () => {
+    t(l.PAYROLL_WIRE_INSTRUCTIONS_CANCEL);
+  };
+  return /* @__PURE__ */ e(c, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ n("h2", { children: r("title") }),
+    /* @__PURE__ */ e(c, { gap: 12, justifyContent: "flex-end", children: [
+      /* @__PURE__ */ n(i, { variant: "secondary", onClick: a, children: r("cta.close") }),
+      /* @__PURE__ */ n(i, { variant: "primary", onClick: m, children: r("cta.confirm") })
+    ] })
+  ] });
+};
+export {
+  P as WireInstructions
+};
+//# sourceMappingURL=WireInstructions.js.map

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WireInstructions.js","sources":["../../../../../src/components/Payroll/ConfirmWireDetails/WireInstructions/WireInstructions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { payrollWireEvents, type EventType } from '@/shared/constants'\nimport type { OnEventType } from '@/components/Base/useBase'\n\ninterface WireInstructionsProps extends BaseComponentInterface<'Payroll.WireInstructions'> {\n  companyId: string\n  wireInId?: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function WireInstructions(props: WireInstructionsProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, wireInId, dictionary, onEvent }: WireInstructionsProps) => {\n  useComponentDictionary('Payroll.WireInstructions', dictionary)\n  useI18n('Payroll.WireInstructions')\n  const { t } = useTranslation('Payroll.WireInstructions')\n  const { Button } = useComponentContext()\n\n  const handleConfirm = () => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE)\n  }\n\n  const handleClose = () => {\n    onEvent(payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_CANCEL)\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={24}>\n      <h2>{t('title')}</h2>\n\n      {/* TODO: Wire instructions content will be implemented in subsequent ticket */}\n\n      <Flex gap={12} justifyContent=\"flex-end\">\n        <Button variant=\"secondary\" onClick={handleClose}>\n          {t('cta.close')}\n        </Button>\n        <Button variant=\"primary\" onClick={handleConfirm}>\n          {t('cta.confirm')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["WireInstructions","props","jsx","BaseComponent","Root","companyId","wireInId","dictionary","onEvent","useComponentDictionary","useI18n","t","useTranslation","Button","useComponentContext","handleConfirm","payrollWireEvents","handleClose","jsxs","Flex"],"mappings":";;;;;;;;AAcO,SAASA,EAAiBC,GAA8B;AAC7D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,YAAAC,GAAY,SAAAC,QAAqC;AACpF,EAAAC,EAAuB,4BAA4BF,CAAU,GAC7DG,EAAQ,0BAA0B;AAClC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,0BAA0B,GACjD,EAAE,QAAAC,EAAA,IAAWC,EAAA,GAEbC,IAAgB,MAAM;AAC1B,IAAAP,EAAQQ,EAAkB,8BAA8B;AAAA,EAC1D,GAEMC,IAAc,MAAM;AACxB,IAAAT,EAAQQ,EAAkB,gCAAgC;AAAA,EAC5D;AAEA,SACE,gBAAAE,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAjB,EAAC,MAAA,EAAI,UAAAS,EAAE,OAAO,EAAA,CAAE;AAAA,IAIhB,gBAAAO,EAACC,GAAA,EAAK,KAAK,IAAI,gBAAe,YAC5B,UAAA;AAAA,MAAA,gBAAAjB,EAACW,KAAO,SAAQ,aAAY,SAASI,GAClC,UAAAN,EAAE,WAAW,GAChB;AAAA,MACA,gBAAAT,EAACW,KAAO,SAAQ,WAAU,SAASE,GAChC,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Payroll/ConfirmWireDetails/WireInstructions/index.d.ts

@@ -0,0 +1,2 @@
+import "./types/i18next.d.ts"
+export { WireInstructions } from './WireInstructions';

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.d.ts

@@ -0,0 +1,13 @@
+import { payrollWireEvents } from '../../../shared/constants';
+export type EventPayloads = {
+    [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined;
+    [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: undefined;
+    [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: undefined;
+    [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined;
+};
+export declare const confirmWireDetailsMachine: {
+    banner: import('robot3').MachineState<any>;
+    wireInstructions: import('robot3').MachineState<any>;
+    confirmForm: import('robot3').MachineState<any>;
+    final: import('robot3').MachineState<any>;
+};

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js

@@ -0,0 +1,63 @@
+import { state as e, transition as r, reduce as o } from "robot3";
+import { ConfirmWireDetailsFormContextual as i, WireInstructionsContextual as R } from "./ConfirmWireDetailsComponents.js";
+import { payrollWireEvents as t } from "../../../shared/constants.js";
+const s = {
+  banner: e(
+    r(
+      t.PAYROLL_WIRE_START_TRANSFER,
+      "wireInstructions",
+      o(
+        (n) => ({
+          ...n,
+          component: R
+        })
+      )
+    )
+  ),
+  wireInstructions: e(
+    r(
+      t.PAYROLL_WIRE_INSTRUCTIONS_DONE,
+      "confirmForm",
+      o(
+        (n) => ({
+          ...n,
+          component: i
+        })
+      )
+    ),
+    r(
+      t.PAYROLL_WIRE_FORM_CANCEL,
+      "banner",
+      o(
+        (n) => ({
+          ...n
+        })
+      )
+    )
+  ),
+  confirmForm: e(
+    r(
+      t.PAYROLL_WIRE_FORM_DONE,
+      "banner",
+      o(
+        (n) => ({
+          ...n
+        })
+      )
+    ),
+    r(
+      t.PAYROLL_WIRE_FORM_CANCEL,
+      "banner",
+      o(
+        (n) => ({
+          ...n
+        })
+      )
+    )
+  ),
+  final: e()
+};
+export {
+  s as confirmWireDetailsMachine
+};
+//# sourceMappingURL=confirmWireDetailsStateMachine.js.map

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: undefined\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: WireInstructionsContextual,\n        }),\n      ),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce(\n        (ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ConfirmWireDetailsFormContextual"],"mappings":";;;AAgBO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAWC;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,UACH,WAAWE;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CAACC,OAAiF;AAAA,UAChF,GAAGA;AAAA,QAAA;AAAA,MACL;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}

package/dist/components/Payroll/ConfirmWireDetails/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { ConfirmWireDetails } from './ConfirmWireDetails';
+export type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents';

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

@@ -3,25 +3,23 @@ import { useTranslation as P } from "react-i18next";
 import { getBlockerTranslationKeys as v } from "../payrollHelpers.js";
 import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as m } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../../shared/constants.js";
 import { useI18n as C } from "../../../../i18n/I18n.js";
-function F({
-  blockers: o,
+function w({
+  blockers: n,
   onMultipleViewClick: i,
   multipleViewLabel: h,
   className: s
 }) {
   C("Payroll.PayrollBlocker");
   const { t: e } = P("Payroll.PayrollBlocker"), { Alert: a, Button: f, Text: c, UnorderedList: x } = A();
-  if (o.length === 0)
+  if (n.length === 0)
     return null;
-  const y = o.length > 1, p = o.map((r) => {
-    const n = v(r.key), B = e(n.titleKey, {
+  const y = n.length > 1, p = n.map((r) => {
+    const o = v(r.key), B = e(o.titleKey, {
       defaultValue: r.key.replace(/_/g, " ").replace(/\b\w/g, (K) => K.toUpperCase())
-    }), T = e(n.descriptionKey, {
+    }), T = e(o.descriptionKey, {
       defaultValue: r.message || e("defaultBlockerDescription")
-    }), k = e(n.helpTextKey, { defaultValue: e("defaultBlockerHelpText") });
+    }), k = e(o.helpTextKey, { defaultValue: e("defaultBlockerHelp") });
     return {
       ...r,
       title: B,
@@ -39,7 +37,7 @@ function F({
     a,
     {
       status: "error",
-      label: e("multipleIssuesTitle", { count: o.length }),
+      label: e("multipleIssuesTitle", { count: n.length }),
       className: s,
       children: /* @__PURE__ */ d(m, { flexDirection: "column", gap: 16, children: [
         /* @__PURE__ */ l(x, { items: g }),
@@ -49,6 +47,6 @@ function F({
   );
 }
 export {
-  F as PayrollBlockerAlerts
+  w as PayrollBlockerAlerts
 };
 //# sourceMappingURL=PayrollBlockerAlerts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blocker.key.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase()),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelpText') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","l","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAKA,EAAE,YAAA,CAAa;AAAA,IAAA,CACnF,GACKC,IAAcd,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKe,IAAWf,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,wBAAwB,GAAG;AAE7F,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBR,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBS;AAC1B,WACE,gBAAAC,EAACf,GAAA,EAAM,QAAO,SAAQ,OAAOc,EAAc,OAAO,WAAAlB,GAChD,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACb,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCY,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACb,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMgB,IAAYZ,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDY,IAAuBxB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAiB;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACZ,GAAA,EAAc,OAAOe,EAAA,CAAW;AAAA,QAChCxB,KACC,gBAAAqB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACd,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOyB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollBlockerAlerts.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type ApiPayrollBlocker, getBlockerTranslationKeys } from '../payrollHelpers'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common'\nimport { useI18n } from '@/i18n'\n\ninterface PayrollBlockerAlertsProps {\n  blockers: ApiPayrollBlocker[]\n  className?: string\n  onMultipleViewClick?: () => void\n  multipleViewLabel?: string\n}\n\n/**\n * PayrollBlockerAlerts - Alert-style component for inline blocker display\n * Shows single blocker as alert, or multiple blockers as summary with \"Review\" button\n * Returns null for empty blocker arrays\n */\nexport function PayrollBlockerAlerts({\n  blockers,\n  onMultipleViewClick,\n  multipleViewLabel,\n  className,\n}: PayrollBlockerAlertsProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Alert, Button, Text, UnorderedList } = useComponentContext()\n\n  // Return null for empty blockers array\n  if (blockers.length === 0) {\n    return null\n  }\n\n  const hasMultipleBlockers = blockers.length > 1\n\n  const enrichedBlockers = blockers.map(blocker => {\n    const translationKeys = getBlockerTranslationKeys(blocker.key)\n\n    const title = t(translationKeys.titleKey, {\n      defaultValue: blocker.key.replace(/_/g, ' ').replace(/\\b\\w/g, l => l.toUpperCase()),\n    })\n    const description = t(translationKeys.descriptionKey, {\n      defaultValue: blocker.message || t('defaultBlockerDescription'),\n    })\n    const helpText = t(translationKeys.helpTextKey, { defaultValue: t('defaultBlockerHelp') })\n\n    return {\n      ...blocker,\n      title,\n      description,\n      helpText,\n    }\n  })\n\n  const singleBlocker = enrichedBlockers[0]\n\n  if (!hasMultipleBlockers && singleBlocker) {\n    return (\n      <Alert status=\"error\" label={singleBlocker.title} className={className}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Text>{singleBlocker.description}</Text>\n          {singleBlocker.helpText && singleBlocker.helpText !== singleBlocker.description && (\n            <Text variant=\"supporting\" size=\"sm\">\n              {singleBlocker.helpText}\n            </Text>\n          )}\n        </Flex>\n      </Alert>\n    )\n  }\n\n  const listItems = enrichedBlockers.map(blocker => blocker.title)\n  const defaultMultipleLabel = multipleViewLabel || t('viewAllBlockers')\n\n  return (\n    <Alert\n      status=\"error\"\n      label={t('multipleIssuesTitle', { count: blockers.length })}\n      className={className}\n    >\n      <Flex flexDirection=\"column\" gap={16}>\n        <UnorderedList items={listItems} />\n        {onMultipleViewClick && (\n          <div>\n            <Button variant=\"secondary\" onClick={onMultipleViewClick} title={defaultMultipleLabel}>\n              {defaultMultipleLabel}\n            </Button>\n          </div>\n        )}\n      </Flex>\n    </Alert>\n  )\n}\n"],"names":["PayrollBlockerAlerts","blockers","onMultipleViewClick","multipleViewLabel","className","useI18n","t","useTranslation","Alert","Button","Text","UnorderedList","useComponentContext","hasMultipleBlockers","enrichedBlockers","blocker","translationKeys","getBlockerTranslationKeys","title","l","description","helpText","singleBlocker","jsx","jsxs","Flex","listItems","defaultMultipleLabel"],"mappings":";;;;;;AAkBO,SAASA,EAAqB;AAAA,EACnC,UAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AACF,GAA8B;AAC5B,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,OAAAC,GAAO,QAAAC,GAAQ,MAAAC,GAAM,eAAAC,EAAA,IAAkBC,EAAA;AAG/C,MAAIX,EAAS,WAAW;AACtB,WAAO;AAGT,QAAMY,IAAsBZ,EAAS,SAAS,GAExCa,IAAmBb,EAAS,IAAI,CAAAc,MAAW;AAC/C,UAAMC,IAAkBC,EAA0BF,EAAQ,GAAG,GAEvDG,IAAQZ,EAAEU,EAAgB,UAAU;AAAA,MACxC,cAAcD,EAAQ,IAAI,QAAQ,MAAM,GAAG,EAAE,QAAQ,SAAS,CAAAI,MAAKA,EAAE,YAAA,CAAa;AAAA,IAAA,CACnF,GACKC,IAAcd,EAAEU,EAAgB,gBAAgB;AAAA,MACpD,cAAcD,EAAQ,WAAWT,EAAE,2BAA2B;AAAA,IAAA,CAC/D,GACKe,IAAWf,EAAEU,EAAgB,aAAa,EAAE,cAAcV,EAAE,oBAAoB,GAAG;AAEzF,WAAO;AAAA,MACL,GAAGS;AAAA,MACH,OAAAG;AAAA,MACA,aAAAE;AAAA,MACA,UAAAC;AAAA,IAAA;AAAA,EAEJ,CAAC,GAEKC,IAAgBR,EAAiB,CAAC;AAExC,MAAI,CAACD,KAAuBS;AAC1B,WACE,gBAAAC,EAACf,GAAA,EAAM,QAAO,SAAQ,OAAOc,EAAc,OAAO,WAAAlB,GAChD,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAF,EAACb,GAAA,EAAM,YAAc,YAAA,CAAY;AAAA,MAChCY,EAAc,YAAYA,EAAc,aAAaA,EAAc,eAClE,gBAAAC,EAACb,GAAA,EAAK,SAAQ,cAAa,MAAK,MAC7B,YAAc,SAAA,CACjB;AAAA,IAAA,EAAA,CAEJ,EAAA,CACF;AAIJ,QAAMgB,IAAYZ,EAAiB,IAAI,CAAAC,MAAWA,EAAQ,KAAK,GACzDY,IAAuBxB,KAAqBG,EAAE,iBAAiB;AAErE,SACE,gBAAAiB;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAOF,EAAE,uBAAuB,EAAE,OAAOL,EAAS,QAAQ;AAAA,MAC1D,WAAAG;AAAA,MAEA,UAAA,gBAAAoB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,QAAA,gBAAAF,EAACZ,GAAA,EAAc,OAAOe,EAAA,CAAW;AAAA,QAChCxB,KACC,gBAAAqB,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACd,GAAA,EAAO,SAAQ,aAAY,SAASP,GAAqB,OAAOyB,GAC9D,UAAAA,EAAA,CACH,EAAA,CACF;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,16 +1,15 @@
 import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import f from "classnames";
+import { useTranslation as f } from "react-i18next";
+import p from "classnames";
 import u from "./PayrollBlockerList.module.scss.js";
 import { useComponentContext as h } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { FlexItem as x, Flex as o } from "../../../Common/Flex/Flex.js";
-import "../../../../shared/constants.js";
 import { DataView as y } from "../../../Common/DataView/DataView.js";
 import { useDataView as g } from "../../../Common/DataView/useDataView.js";
 import { useI18n as b } from "../../../../i18n/I18n.js";
-function I({ blockers: i, className: s }) {
+function v({ blockers: i, className: s }) {
   b("Payroll.PayrollBlocker");
-  const { t: l } = p("Payroll.PayrollBlocker"), { Button: c, Text: n, Heading: m } = h(), d = g({
+  const { t: l } = f("Payroll.PayrollBlocker"), { Button: c, Text: n, Heading: m } = h(), d = g({
     data: i,
     columns: [
       {
@@ -29,12 +28,12 @@ function I({ blockers: i, className: s }) {
       }
     ]
   });
-  return i.length === 0 ? null : /* @__PURE__ */ e("div", { className: f(u.root, s), children: /* @__PURE__ */ a(o, { flexDirection: "column", gap: 24, children: [
+  return i.length === 0 ? null : /* @__PURE__ */ e("div", { className: p(u.root, s), children: /* @__PURE__ */ a(o, { flexDirection: "column", gap: 24, children: [
     /* @__PURE__ */ e(m, { as: "h2", styledAs: "h4", children: l("blockersListTitle") }),
     /* @__PURE__ */ e(y, { ...d, label: l("blockersListTitle") })
   ] }) });
 }
 export {
-  I as PayrollBlockerList
+  v 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 { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\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 { useI18n } from '@/i18n'\n\nexport interface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\ninterface PayrollBlockerListProps {\n  blockers: PayrollBlocker[]\n  className?: string\n}\n\n/**\n * PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n */\nexport function PayrollBlockerList({ blockers, className }: PayrollBlockerListProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading } = useComponentContext()\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          // For presentational purposes, just show the primary action if it exists\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  if (blockers.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('blockersListTitle')}\n        </Heading>\n\n        <DataView {...dataViewProps} label={t('blockersListTitle')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","blockers","className","useI18n","t","useTranslation","Button","Text","Heading","useComponentContext","dataViewProps","useDataView","blocker","jsx","FlexItem","jsxs","Flex","action","classNames","styles","DataView"],"mappings":";;;;;;;;;;AA4BO,SAASA,EAAmB,EAAE,UAAAC,GAAU,WAAAC,KAAsC;AACnF,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAE5BC,IAAgBC,EAAY;AAAA,IAChC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOG,EAAE,qBAAqB;AAAA,QAC9B,QAAQ,CAAAQ,MACN,gBAAAC,EAACC,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAH,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAK,EAAQ,OAAM;AAAA,UACvC,gBAAAC,EAACN,GAAA,EAAK,SAAQ,cAAc,YAAQ,YAAA,CAAY;AAAA,QAAA,EAAA,CAClD,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO;AAAA,QACP,QAAQ,CAAAK,MAAW;AAEjB,gBAAMK,IAASL,EAAQ;AAEvB,iBAAKK,sBAKFD,GAAA,EAAK,gBAAe,YAAW,YAAW,UACzC,4BAACV,GAAA,EAAO,SAAQ,aAAY,SAASW,EAAO,SAAS,OAAOA,EAAO,OAChE,UAAAA,EAAO,OACV,EAAA,CACF,IARO;AAAA,QAUX;AAAA,MAAA;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAIhB,EAAS,WAAW,IACf,OAIP,gBAAAY,EAAC,OAAA,EAAI,WAAWK,EAAWC,EAAO,MAAMjB,CAAS,GAC/C,UAAA,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACL,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAAJ,EAAE,mBAAmB,GACxB;AAAA,sBAECgB,GAAA,EAAU,GAAGV,GAAe,OAAON,EAAE,mBAAmB,EAAA,CAAG;AAAA,EAAA,EAAA,CAC9D,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"PayrollBlockerList.js","sources":["../../../../../src/components/Payroll/PayrollBlocker/components/PayrollBlockerList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport classNames from 'classnames'\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 { useI18n } from '@/i18n'\n\nexport interface PayrollBlocker {\n  id: string\n  title: string\n  description: string\n  action?: {\n    label: string\n    onClick: () => void\n  }\n}\n\ninterface PayrollBlockerListProps {\n  blockers: PayrollBlocker[]\n  className?: string\n}\n\n/**\n * PayrollBlockerList - DataView-based component displaying payroll blockers\n * Shows each blocker with individual resolution buttons\n */\nexport function PayrollBlockerList({ blockers, className }: PayrollBlockerListProps) {\n  useI18n('Payroll.PayrollBlocker')\n  const { t } = useTranslation('Payroll.PayrollBlocker')\n  const { Button, Text, Heading } = useComponentContext()\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          // For presentational purposes, just show the primary action if it exists\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  if (blockers.length === 0) {\n    return null\n  }\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <Heading as=\"h2\" styledAs=\"h4\">\n          {t('blockersListTitle')}\n        </Heading>\n\n        <DataView {...dataViewProps} label={t('blockersListTitle')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollBlockerList","blockers","className","useI18n","t","useTranslation","Button","Text","Heading","useComponentContext","dataViewProps","useDataView","blocker","jsx","FlexItem","jsxs","Flex","action","classNames","styles","DataView"],"mappings":";;;;;;;;;AA4BO,SAASA,EAAmB,EAAE,UAAAC,GAAU,WAAAC,KAAsC;AACnF,EAAAC,EAAQ,wBAAwB;AAChC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,wBAAwB,GAC/C,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,EAAA,IAAYC,EAAA,GAE5BC,IAAgBC,EAAY;AAAA,IAChC,MAAMV;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOG,EAAE,qBAAqB;AAAA,QAC9B,QAAQ,CAAAQ,MACN,gBAAAC,EAACC,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAH,EAACN,GAAA,EAAK,QAAO,YAAY,UAAAK,EAAQ,OAAM;AAAA,UACvC,gBAAAC,EAACN,GAAA,EAAK,SAAQ,cAAc,YAAQ,YAAA,CAAY;AAAA,QAAA,EAAA,CAClD,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO;AAAA,QACP,QAAQ,CAAAK,MAAW;AAEjB,gBAAMK,IAASL,EAAQ;AAEvB,iBAAKK,sBAKFD,GAAA,EAAK,gBAAe,YAAW,YAAW,UACzC,4BAACV,GAAA,EAAO,SAAQ,aAAY,SAASW,EAAO,SAAS,OAAOA,EAAO,OAChE,UAAAA,EAAO,OACV,EAAA,CACF,IARO;AAAA,QAUX;AAAA,MAAA;AAAA,IACF;AAAA,EACF,CACD;AAED,SAAIhB,EAAS,WAAW,IACf,OAIP,gBAAAY,EAAC,OAAA,EAAI,WAAWK,EAAWC,EAAO,MAAMjB,CAAS,GAC/C,UAAA,gBAAAa,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAH,EAACL,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAAJ,EAAE,mBAAmB,GACxB;AAAA,sBAECgB,GAAA,EAAU,GAAGV,GAAe,OAAON,EAAE,mBAAmB,EAAA,CAAG;AAAA,EAAA,EAAA,CAC9D,EAAA,CACF;AAEJ;"}

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

@@ -25,7 +25,7 @@ function b(r) {
   return {
     titleKey: `PayrollBlocker:blockers.${r}.title`,
     descriptionKey: `PayrollBlocker:blockers.${r}.description`,
-    helpTextKey: `PayrollBlocker:blockers.${r}.helpText`,
+    helpTextKey: `PayrollBlocker:blockers.${r}.help`,
     defaultActionKey: `PayrollBlocker:blockers.${r}.defaultAction`
   };
 }

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 { 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: `PayrollBlocker:blockers.${key}.title`,\n    descriptionKey: `PayrollBlocker:blockers.${key}.description`,\n    helpTextKey: `PayrollBlocker:blockers.${key}.helpText`,\n    defaultActionKey: `PayrollBlocker: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,2BAA2BA,CAAG;AAAA,IACxC,gBAAgB,2BAA2BA,CAAG;AAAA,IAC9C,aAAa,2BAA2BA,CAAG;AAAA,IAC3C,kBAAkB,2BAA2BA,CAAG;AAAA,EAAA;AAEpD;"}
+{"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: `PayrollBlocker:blockers.${key}.title`,\n    descriptionKey: `PayrollBlocker:blockers.${key}.description`,\n    helpTextKey: `PayrollBlocker:blockers.${key}.help`,\n    defaultActionKey: `PayrollBlocker: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,2BAA2BA,CAAG;AAAA,IACxC,gBAAgB,2BAA2BA,CAAG;AAAA,IAC9C,aAAa,2BAA2BA,CAAG;AAAA,IAC3C,kBAAkB,2BAA2BA,CAAG;AAAA,EAAA;AAEpD;"}