@gusto/embedded-react-sdk 0.20.0 → 0.22.0

package/dist/components/Payroll/PayrollList/PayrollList.js

@@ -1,78 +1,77 @@
 import { jsx as a } from "react/jsx-runtime";
-import { useState as n } from "react";
-import { usePayrollsListSuspense as B } from "@gusto/embedded-api/react-query/payrollsList";
-import { usePaySchedulesGetAllSuspense as g } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
-import { usePayrollsSkipMutation as _ } from "@gusto/embedded-api/react-query/payrollsSkip";
-import { usePayrollsGetBlockersSuspense as w } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
-import { PayrollType as E } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
+import { useState as p } from "react";
+import { usePayrollsListSuspense as h } from "@gusto/embedded-api/react-query/payrollsList";
+import { usePaySchedulesGetAllSuspense as w } from "@gusto/embedded-api/react-query/paySchedulesGetAll";
+import { usePayrollsSkipMutation as A } from "@gusto/embedded-api/react-query/payrollsSkip";
+import { usePayrollsGetBlockersSuspense as B } from "@gusto/embedded-api/react-query/payrollsGetBlockers";
+import { useWireInRequestsListSuspense as _ } from "@gusto/embedded-api/react-query/wireInRequestsList";
+import { PayrollType as g } from "@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid";
 import { ProcessingStatuses as U } from "@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls";
-import { getPayrollType as O } from "../helpers.js";
-import { PayrollListPresentation as T } from "./PayrollListPresentation.js";
-import { BaseComponent as b } from "../../Base/Base.js";
-import { useBase as Y } from "../../Base/useBase.js";
+import { PayrollListPresentation as q } from "./PayrollListPresentation.js";
+import { BaseComponent as E } from "../../Base/Base.js";
+import { useBase as I } from "../../Base/useBase.js";
 import { componentEvents as r } from "../../../shared/constants.js";
-const C = (o) => ({
-  ...o,
-  payrollType: O(o)
-});
-function X(o) {
-  return /* @__PURE__ */ a(b, { ...o, children: /* @__PURE__ */ a(I, { ...o }) });
+function Z(e) {
+  return /* @__PURE__ */ a(E, { ...e, children: /* @__PURE__ */ a(b, { ...e }) });
 }
-const I = ({ companyId: o, onEvent: t }) => {
-  const { baseSubmitHandler: c } = Y(), [y, l] = n(!1), [u, i] = n(null), { data: m } = B({
-    companyId: o,
+const b = ({ companyId: e, onEvent: t }) => {
+  const { baseSubmitHandler: u } = I(), [c, l] = p(!1), [y, i] = p(null), { data: m } = h({
+    companyId: e,
     processingStatuses: [U.Unprocessed]
-  }), p = m.payrollList, { data: P } = g({
-    companyId: o
-  }), S = P.payScheduleList, { data: d } = w({
-    companyUuid: o
+  }), n = m.payrollList, { data: S } = w({
+    companyId: e
+  }), P = S.payScheduleList, { data: d } = B({
+    companyUuid: e
   }), L = (d.payrollBlockerList ?? []).map((s) => ({
     key: s.key ?? "unknown",
     message: s.message
-  })), { mutateAsync: f } = _(), k = ({ payrollUuid: s, payPeriod: e }) => {
-    t(r.RUN_PAYROLL_SELECTED, { payrollUuid: s, payPeriod: e });
-  }, R = ({
-    payrollUuid: s,
-    payPeriod: e
-  }) => {
-    t(r.REVIEW_PAYROLL, { payrollUuid: s, payPeriod: e });
-  }, h = () => {
-    t(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
-  }, A = async ({ payrollUuid: s }) => {
-    const e = p.find((D) => D.payrollUuid === s);
-    e?.payPeriod && (i(s), await c({}, async () => {
-      await f({
-        request: {
-          companyUuid: o,
-          requestBody: {
-            payrollType: E.Regular,
-            startDate: e.payPeriod?.startDate,
-            endDate: e.payPeriod?.endDate,
-            payScheduleUuid: e.payPeriod?.payScheduleUuid ?? void 0
-          }
-        }
-      }), l(!0), t(r.PAYROLL_SKIPPED, { payrollId: s });
-    }), i(null));
-  };
+  })), { data: k } = _({
+    companyUuid: e
+  }), f = k.wireInRequestList ?? [], { mutateAsync: R } = A();
   return /* @__PURE__ */ a(
-    T,
+    q,
     {
-      payrolls: p.map(C),
-      paySchedules: S,
-      onRunPayroll: k,
-      onSubmitPayroll: R,
-      onSkipPayroll: A,
-      onViewBlockers: h,
-      showSkipSuccessAlert: y,
+      payrolls: n,
+      paySchedules: P,
+      onRunPayroll: ({ payrollUuid: s, payPeriod: o }) => {
+        t(r.RUN_PAYROLL_SELECTED, { payrollUuid: s, payPeriod: o });
+      },
+      onSubmitPayroll: ({
+        payrollUuid: s,
+        payPeriod: o
+      }) => {
+        t(r.REVIEW_PAYROLL, { payrollUuid: s, payPeriod: o });
+      },
+      onSkipPayroll: async ({ payrollUuid: s }) => {
+        const o = n.find((D) => D.payrollUuid === s);
+        o?.payPeriod && (i(s), await u({}, async () => {
+          await R({
+            request: {
+              companyUuid: e,
+              requestBody: {
+                payrollType: g.Regular,
+                startDate: o.payPeriod?.startDate,
+                endDate: o.payPeriod?.endDate,
+                payScheduleUuid: o.payPeriod?.payScheduleUuid ?? void 0
+              }
+            }
+          }), l(!0), t(r.PAYROLL_SKIPPED, { payrollId: s });
+        }), i(null));
+      },
+      onViewBlockers: () => {
+        t(r.RUN_PAYROLL_BLOCKERS_VIEW_ALL);
+      },
+      showSkipSuccessAlert: c,
       onDismissSkipSuccessAlert: () => {
         l(!1);
       },
-      skippingPayrollId: u,
-      blockers: L
+      skippingPayrollId: y,
+      blockers: L,
+      wireInRequests: f
     }
   );
 };
 export {
-  X as PayrollList
+  Z as PayrollList
 };
 //# sourceMappingURL=PayrollList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport { getPayrollType } from '../helpers'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\nconst createPayrollProjection = (p: Payroll) => ({\n  ...p,\n  payrollType: getPayrollType(p),\n})\n\ninterface PayrollListBlockProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function PayrollList(props: PayrollListBlockProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, onEvent }: PayrollListBlockProps) => {\n  const { baseSubmitHandler } = useBase()\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayrollId, setSkippingPayrollId] = useState<string | null>(null)\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n  })\n  const payrollList = payrollsData.payrollList!\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleList!\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const onRunPayroll = ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollUuid, payPeriod })\n  }\n  const onSubmitPayroll = ({\n    payrollUuid,\n    payPeriod,\n  }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.REVIEW_PAYROLL, { payrollUuid, payPeriod })\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n  const onSkipPayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    const payroll = payrollList.find(payroll => payroll.payrollUuid === payrollUuid)\n\n    if (payroll?.payPeriod) {\n      setSkippingPayrollId(payrollUuid!)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.Regular,\n              startDate: payroll.payPeriod?.startDate,\n              endDate: payroll.payPeriod?.endDate,\n              payScheduleUuid: payroll.payPeriod?.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_SKIPPED, { payrollId: payrollUuid })\n      })\n      setSkippingPayrollId(null)\n    }\n  }\n  return (\n    <PayrollListPresentation\n      payrolls={payrollList.map(createPayrollProjection)}\n      paySchedules={paySchedulesList}\n      onRunPayroll={onRunPayroll}\n      onSubmitPayroll={onSubmitPayroll}\n      onSkipPayroll={onSkipPayroll}\n      onViewBlockers={onViewBlockers}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={() => {\n        setShowSkipSuccessAlert(false)\n      }}\n      skippingPayrollId={skippingPayrollId}\n      blockers={blockers}\n    />\n  )\n}\n"],"names":["createPayrollProjection","p","getPayrollType","PayrollList","props","jsx","BaseComponent","Root","companyId","onEvent","baseSubmitHandler","useBase","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","payrollsData","usePayrollsListSuspense","ProcessingStatuses","payrollList","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","skipPayroll","usePayrollsSkipMutation","onRunPayroll","payrollUuid","payPeriod","componentEvents","onSubmitPayroll","onViewBlockers","onSkipPayroll","payroll","PayrollType","PayrollListPresentation"],"mappings":";;;;;;;;;;;;;AAeA,MAAMA,IAA0B,CAACC,OAAgB;AAAA,EAC/C,GAAGA;AAAA,EACH,aAAaC,EAAeD,CAAC;AAC/B;AAMO,SAASE,EAAYC,GAA8B;AACxD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAqC;AAC9D,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,EAAK,GAChE,CAACC,GAAmBC,CAAoB,IAAIF,EAAwB,IAAI,GAExE,EAAE,MAAMG,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAV;AAAA,IACA,oBAAoB,CAACW,EAAmB,WAAW;AAAA,EAAA,CACpD,GACKC,IAAcH,EAAa,aAC3B,EAAE,MAAMI,EAAA,IAAqBC,EAA8B;AAAA,IAC/D,WAAAd;AAAA,EAAA,CACD,GACKe,IAAmBF,EAAiB,iBAEpC,EAAE,MAAMG,EAAA,IAAiBC,EAA+B;AAAA,IAC5D,aAAajB;AAAA,EAAA,CACd,GAIKkB,KAFqBF,EAAa,sBAAsB,CAAA,GAEL,IAAI,CAAAG,OAAY;AAAA,IACvE,KAAKA,EAAQ,OAAO;AAAA,IACpB,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEI,EAAE,aAAaC,EAAA,IAAgBC,EAAA,GAE/BC,IAAe,CAAC,EAAE,aAAAC,GAAa,WAAAC,QAA4D;AAC/F,IAAAvB,EAAQwB,EAAgB,sBAAsB,EAAE,aAAAF,GAAa,WAAAC,GAAW;AAAA,EAC1E,GACME,IAAkB,CAAC;AAAA,IACvB,aAAAH;AAAA,IACA,WAAAC;AAAA,EAAA,MACgD;AAChD,IAAAvB,EAAQwB,EAAgB,gBAAgB,EAAE,aAAAF,GAAa,WAAAC,GAAW;AAAA,EACpE,GACMG,IAAiB,MAAM;AAC3B,IAAA1B,EAAQwB,EAAgB,6BAA6B;AAAA,EACvD,GACMG,IAAgB,OAAO,EAAE,aAAAL,QAAgD;AAC7E,UAAMM,IAAUjB,EAAY,KAAK,CAAAiB,MAAWA,EAAQ,gBAAgBN,CAAW;AAE/E,IAAIM,GAAS,cACXrB,EAAqBe,CAAY,GACjC,MAAMrB,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMkB,EAAY;AAAA,QAChB,SAAS;AAAA,UACP,aAAapB;AAAA,UACb,aAAa;AAAA,YACX,aAAa8B,EAAY;AAAA,YACzB,WAAWD,EAAQ,WAAW;AAAA,YAC9B,SAASA,EAAQ,WAAW;AAAA,YAC5B,iBAAiBA,EAAQ,WAAW,mBAAmB;AAAA,UAAA;AAAA,QACzD;AAAA,MACF,CACD,GAEDxB,EAAwB,EAAI,GAC5BJ,EAAQwB,EAAgB,iBAAiB,EAAE,WAAWF,GAAa;AAAA,IACrE,CAAC,GACDf,EAAqB,IAAI;AAAA,EAE7B;AACA,SACE,gBAAAX;AAAA,IAACkC;AAAA,IAAA;AAAA,MACC,UAAUnB,EAAY,IAAIpB,CAAuB;AAAA,MACjD,cAAcuB;AAAA,MACd,cAAAO;AAAA,MACA,iBAAAI;AAAA,MACA,eAAAE;AAAA,MACA,gBAAAD;AAAA,MACA,sBAAAvB;AAAA,MACA,2BAA2B,MAAM;AAC/B,QAAAC,EAAwB,EAAK;AAAA,MAC/B;AAAA,MACA,mBAAAE;AAAA,MACA,UAAAW;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"PayrollList.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollList.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { usePayrollsListSuspense } from '@gusto/embedded-api/react-query/payrollsList'\nimport { usePaySchedulesGetAllSuspense } from '@gusto/embedded-api/react-query/paySchedulesGetAll'\nimport { usePayrollsSkipMutation } from '@gusto/embedded-api/react-query/payrollsSkip'\nimport { usePayrollsGetBlockersSuspense } from '@gusto/embedded-api/react-query/payrollsGetBlockers'\nimport { useWireInRequestsListSuspense } from '@gusto/embedded-api/react-query/wireInRequestsList'\nimport { PayrollType } from '@gusto/embedded-api/models/operations/postcompaniespayrollskipcompanyuuid'\nimport { ProcessingStatuses } from '@gusto/embedded-api/models/operations/getv1companiescompanyidpayrolls'\nimport type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollListPresentation } from './PayrollListPresentation'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { BaseComponent, useBase } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface PayrollListBlockProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport function PayrollList(props: PayrollListBlockProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nconst Root = ({ companyId, onEvent }: PayrollListBlockProps) => {\n  const { baseSubmitHandler } = useBase()\n  const [showSkipSuccessAlert, setShowSkipSuccessAlert] = useState(false)\n  const [skippingPayrollId, setSkippingPayrollId] = useState<string | null>(null)\n\n  const { data: payrollsData } = usePayrollsListSuspense({\n    companyId,\n    processingStatuses: [ProcessingStatuses.Unprocessed],\n  })\n  const payrollList = payrollsData.payrollList!\n  const { data: paySchedulesData } = usePaySchedulesGetAllSuspense({\n    companyId,\n  })\n  const paySchedulesList = paySchedulesData.payScheduleList!\n\n  const { data: blockersData } = usePayrollsGetBlockersSuspense({\n    companyUuid: companyId,\n  })\n\n  const payrollBlockerList = blockersData.payrollBlockerList ?? []\n\n  const blockers: ApiPayrollBlocker[] = payrollBlockerList.map(blocker => ({\n    key: blocker.key ?? 'unknown',\n    message: blocker.message,\n  }))\n\n  const { data: wireInRequestsData } = useWireInRequestsListSuspense({\n    companyUuid: companyId,\n  })\n\n  const wireInRequests = wireInRequestsData.wireInRequestList ?? []\n\n  const { mutateAsync: skipPayroll } = usePayrollsSkipMutation()\n\n  const onRunPayroll = ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.RUN_PAYROLL_SELECTED, { payrollUuid, payPeriod })\n  }\n  const onSubmitPayroll = ({\n    payrollUuid,\n    payPeriod,\n  }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => {\n    onEvent(componentEvents.REVIEW_PAYROLL, { payrollUuid, payPeriod })\n  }\n  const onViewBlockers = () => {\n    onEvent(componentEvents.RUN_PAYROLL_BLOCKERS_VIEW_ALL)\n  }\n  const onSkipPayroll = async ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => {\n    const payroll = payrollList.find(payroll => payroll.payrollUuid === payrollUuid)\n\n    if (payroll?.payPeriod) {\n      setSkippingPayrollId(payrollUuid!)\n      await baseSubmitHandler({}, async () => {\n        await skipPayroll({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              payrollType: PayrollType.Regular,\n              startDate: payroll.payPeriod?.startDate,\n              endDate: payroll.payPeriod?.endDate,\n              payScheduleUuid: payroll.payPeriod?.payScheduleUuid ?? undefined,\n            },\n          },\n        })\n\n        setShowSkipSuccessAlert(true)\n        onEvent(componentEvents.PAYROLL_SKIPPED, { payrollId: payrollUuid })\n      })\n      setSkippingPayrollId(null)\n    }\n  }\n  return (\n    <PayrollListPresentation\n      payrolls={payrollList}\n      paySchedules={paySchedulesList}\n      onRunPayroll={onRunPayroll}\n      onSubmitPayroll={onSubmitPayroll}\n      onSkipPayroll={onSkipPayroll}\n      onViewBlockers={onViewBlockers}\n      showSkipSuccessAlert={showSkipSuccessAlert}\n      onDismissSkipSuccessAlert={() => {\n        setShowSkipSuccessAlert(false)\n      }}\n      skippingPayrollId={skippingPayrollId}\n      blockers={blockers}\n      wireInRequests={wireInRequests}\n    />\n  )\n}\n"],"names":["PayrollList","props","jsx","BaseComponent","Root","companyId","onEvent","baseSubmitHandler","useBase","showSkipSuccessAlert","setShowSkipSuccessAlert","useState","skippingPayrollId","setSkippingPayrollId","payrollsData","usePayrollsListSuspense","ProcessingStatuses","payrollList","paySchedulesData","usePaySchedulesGetAllSuspense","paySchedulesList","blockersData","usePayrollsGetBlockersSuspense","blockers","blocker","wireInRequestsData","useWireInRequestsListSuspense","wireInRequests","skipPayroll","usePayrollsSkipMutation","PayrollListPresentation","payrollUuid","payPeriod","componentEvents","payroll","PayrollType"],"mappings":";;;;;;;;;;;;;AAmBO,SAASA,EAAYC,GAA8B;AACxD,SACE,gBAAAC,EAACC,KAAe,GAAGF,GACjB,4BAACG,GAAA,EAAM,GAAGH,GAAO,EAAA,CACnB;AAEJ;AAEA,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAqC;AAC9D,QAAM,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxB,CAACC,GAAsBC,CAAuB,IAAIC,EAAS,EAAK,GAChE,CAACC,GAAmBC,CAAoB,IAAIF,EAAwB,IAAI,GAExE,EAAE,MAAMG,EAAA,IAAiBC,EAAwB;AAAA,IACrD,WAAAV;AAAA,IACA,oBAAoB,CAACW,EAAmB,WAAW;AAAA,EAAA,CACpD,GACKC,IAAcH,EAAa,aAC3B,EAAE,MAAMI,EAAA,IAAqBC,EAA8B;AAAA,IAC/D,WAAAd;AAAA,EAAA,CACD,GACKe,IAAmBF,EAAiB,iBAEpC,EAAE,MAAMG,EAAA,IAAiBC,EAA+B;AAAA,IAC5D,aAAajB;AAAA,EAAA,CACd,GAIKkB,KAFqBF,EAAa,sBAAsB,CAAA,GAEL,IAAI,CAAAG,OAAY;AAAA,IACvE,KAAKA,EAAQ,OAAO;AAAA,IACpB,SAASA,EAAQ;AAAA,EAAA,EACjB,GAEI,EAAE,MAAMC,EAAA,IAAuBC,EAA8B;AAAA,IACjE,aAAarB;AAAA,EAAA,CACd,GAEKsB,IAAiBF,EAAmB,qBAAqB,CAAA,GAEzD,EAAE,aAAaG,EAAA,IAAgBC,EAAA;AAsCrC,SACE,gBAAA3B;AAAA,IAAC4B;AAAA,IAAA;AAAA,MACC,UAAUb;AAAA,MACV,cAAcG;AAAA,MACd,cAxCiB,CAAC,EAAE,aAAAW,GAAa,WAAAC,QAA4D;AAC/F,QAAA1B,EAAQ2B,EAAgB,sBAAsB,EAAE,aAAAF,GAAa,WAAAC,GAAW;AAAA,MAC1E;AAAA,MAuCI,iBAtCoB,CAAC;AAAA,QACvB,aAAAD;AAAA,QACA,WAAAC;AAAA,MAAA,MACgD;AAChD,QAAA1B,EAAQ2B,EAAgB,gBAAgB,EAAE,aAAAF,GAAa,WAAAC,GAAW;AAAA,MACpE;AAAA,MAkCI,eA9BkB,OAAO,EAAE,aAAAD,QAAgD;AAC7E,cAAMG,IAAUjB,EAAY,KAAK,CAAAiB,MAAWA,EAAQ,gBAAgBH,CAAW;AAE/E,QAAIG,GAAS,cACXrB,EAAqBkB,CAAY,GACjC,MAAMxB,EAAkB,CAAA,GAAI,YAAY;AACtC,gBAAMqB,EAAY;AAAA,YAChB,SAAS;AAAA,cACP,aAAavB;AAAA,cACb,aAAa;AAAA,gBACX,aAAa8B,EAAY;AAAA,gBACzB,WAAWD,EAAQ,WAAW;AAAA,gBAC9B,SAASA,EAAQ,WAAW;AAAA,gBAC5B,iBAAiBA,EAAQ,WAAW,mBAAmB;AAAA,cAAA;AAAA,YACzD;AAAA,UACF,CACD,GAEDxB,EAAwB,EAAI,GAC5BJ,EAAQ2B,EAAgB,iBAAiB,EAAE,WAAWF,GAAa;AAAA,QACrE,CAAC,GACDlB,EAAqB,IAAI;AAAA,MAE7B;AAAA,MAQI,gBAlCmB,MAAM;AAC3B,QAAAP,EAAQ2B,EAAgB,6BAA6B;AAAA,MACvD;AAAA,MAiCI,sBAAAxB;AAAA,MACA,2BAA2B,MAAM;AAC/B,QAAAC,EAAwB,EAAK;AAAA,MAC/B;AAAA,MACA,mBAAAE;AAAA,MACA,UAAAW;AAAA,MACA,gBAAAI;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/PayrollList/PayrollListPresentation.d.ts

@@ -1,21 +1,19 @@
 import { Payroll } from '@gusto/embedded-api/models/components/payroll';
 import { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist';
+import { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest';
 import { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers';
-import { PayrollType } from './types';
-interface PresentationPayroll extends Payroll {
-    payrollType: PayrollType;
-}
 interface PayrollListPresentationProps {
     onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void;
     onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void;
     onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void;
     onViewBlockers?: () => void;
-    payrolls: PresentationPayroll[];
+    payrolls: Payroll[];
     paySchedules: PayScheduleList[];
     showSkipSuccessAlert: boolean;
     onDismissSkipSuccessAlert: () => void;
     skippingPayrollId: string | null;
     blockers: ApiPayrollBlocker[];
+    wireInRequests: WireInRequest[];
 }
-export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onViewBlockers, payrolls, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, skippingPayrollId, blockers, }: PayrollListPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PayrollListPresentation: ({ onRunPayroll, onSubmitPayroll, onSkipPayroll, onViewBlockers, payrolls, paySchedules, showSkipSuccessAlert, onDismissSkipSuccessAlert, skippingPayrollId, blockers, wireInRequests, }: PayrollListPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js

@@ -1,40 +1,43 @@
 import { jsx as r, jsxs as u } from "react/jsx-runtime";
-import { useRef as N, useState as R } from "react";
+import { useRef as j, useState as N } from "react";
 import { useTranslation as Y } from "react-i18next";
-import { PayrollBlockerAlerts as V } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { PayrollBlockerAlerts as U } from "../PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { getPayrollType as V } from "../helpers.js";
 import C from "./PayrollListPresentation.module.scss.js";
 import { Flex as i } from "../../Common/Flex/Flex.js";
 import "classnames";
+import { HamburgerMenu as q } from "../../Common/HamburgerMenu/HamburgerMenu.js";
 import { useComponentContext as E } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as $ } from "../../../i18n/I18n.js";
-import { formatDateToStringDate as q } from "../../../helpers/dateFormatting.js";
-import { useDateFormatter as z } from "../../../hooks/useDateFormatter.js";
-import G from "../../../assets/icons/feature-icon-check.svg.js";
-import { useContainerBreakpoints as J } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-import { HamburgerMenu as K } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { DataView as Q } from "../../Common/DataView/DataView.js";
-const pe = ({
+import { formatDateToStringDate as z } from "../../../helpers/dateFormatting.js";
+import { useDateFormatter as G } from "../../../hooks/useDateFormatter.js";
+import J from "../../../assets/icons/feature-icon-check.svg.js";
+import { useContainerBreakpoints as K } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { PayrollStatusBadges as Q } from "../PayrollStatusBadges/PayrollStatusBadges.js";
+import { DataView as X } from "../../Common/DataView/DataView.js";
+const Dt = ({
   onRunPayroll: x,
   onSubmitPayroll: L,
   onSkipPayroll: A,
   onViewBlockers: I,
-  payrolls: v,
+  payrolls: w,
   paySchedules: p,
-  showSkipSuccessAlert: w,
+  showSkipSuccessAlert: v,
   onDismissSkipSuccessAlert: H,
   skippingPayrollId: f,
-  blockers: y
+  blockers: y,
+  wireInRequests: M
 }) => {
-  const { Badge: M, Button: h, Dialog: O, Heading: T, Text: o, Alert: W } = E();
+  const { Button: h, Dialog: O, Heading: T, Text: o, Alert: W } = E();
   $("Payroll.PayrollList");
-  const { t } = Y("Payroll.PayrollList"), s = z(), D = N(null), B = J({ ref: D }).includes("small"), [d, g] = R({
+  const { t: e } = Y("Payroll.PayrollList"), s = G(), D = j(null), B = K({ ref: D }).includes("small"), [m, g] = N({
     isOpen: !1,
     payrollId: null,
     payPeriod: null
-  }), F = (e, l) => {
+  }), F = (t, l) => {
     g({
       isOpen: !0,
-      payrollId: e,
+      payrollId: t,
       payPeriod: l
     });
   }, P = () => {
@@ -43,26 +46,26 @@ const pe = ({
       payrollId: null,
       payPeriod: null
     });
-  }, j = () => {
-    d.payrollId && (A({ payrollUuid: d.payrollId }), P());
-  }, k = (e, l) => {
-    const a = s.formatShort(e), n = s.formatShortWithYear(l);
+  }, R = () => {
+    m.payrollId && (A({ payrollUuid: m.payrollId }), P());
+  }, S = (t, l) => {
+    const a = s.formatShort(t), n = s.formatShortWithYear(l);
     return {
       startDate: a,
       endDate: n,
-      fullPeriod: s.formatPayPeriodRange(e, l, { useShortMonth: !0 })
+      fullPeriod: s.formatPayPeriodRange(t, l, { useShortMonth: !0 })
     };
   };
   return /* @__PURE__ */ r("div", { ref: D, className: C.container, children: /* @__PURE__ */ u(i, { flexDirection: "column", gap: 16, children: [
-    w && /* @__PURE__ */ r("div", { className: C.alertContainer, children: /* @__PURE__ */ r(
+    v && /* @__PURE__ */ r("div", { className: C.alertContainer, children: /* @__PURE__ */ r(
       W,
       {
         status: "info",
-        label: t("skipSuccessAlert"),
+        label: e("skipSuccessAlert"),
         onDismiss: H
       }
     ) }),
-    /* @__PURE__ */ r(V, { blockers: y, onMultipleViewClick: I }),
+    /* @__PURE__ */ r(U, { blockers: y, onMultipleViewClick: I }),
     /* @__PURE__ */ r(
       i,
       {
@@ -70,22 +73,23 @@ const pe = ({
         justifyContent: "space-between",
         alignItems: "flex-start",
         gap: { base: 12, medium: 24 },
-        children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(T, { as: "h2", children: t("title") }) })
+        children: /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(T, { as: "h2", children: e("title") }) })
       }
     ),
     /* @__PURE__ */ r(
-      Q,
+      X,
       {
         emptyState: () => /* @__PURE__ */ u(i, { flexDirection: "column", alignItems: "center", gap: 24, children: [
-          /* @__PURE__ */ r(G, {}),
-          /* @__PURE__ */ r(o, { children: t("emptyState") })
+          /* @__PURE__ */ r(J, {}),
+          /* @__PURE__ */ r(o, { children: e("emptyState") })
         ] }),
+        data: w,
         columns: [
           {
-            render: ({ payPeriod: e }) => {
-              const { startDate: l, endDate: a } = k(
-                e?.startDate,
-                e?.endDate
+            render: ({ payPeriod: t }) => {
+              const { startDate: l, endDate: a } = S(
+                t?.startDate,
+                t?.endDate
               );
               return /* @__PURE__ */ u(i, { flexDirection: "column", gap: 0, children: [
                 /* @__PURE__ */ u(o, { children: [
@@ -93,78 +97,82 @@ const pe = ({
                   " - ",
                   a
                 ] }),
-                /* @__PURE__ */ r(o, { variant: "supporting", children: p.find((n) => n.uuid === e?.payScheduleUuid)?.name || p.find((n) => n.uuid === e?.payScheduleUuid)?.customName })
+                /* @__PURE__ */ r(o, { variant: "supporting", children: p.find((n) => n.uuid === t?.payScheduleUuid)?.name || p.find((n) => n.uuid === t?.payScheduleUuid)?.customName })
               ] });
             },
-            title: t("tableHeaders.0")
+            title: e("tableHeaders.0")
           },
           {
-            render: ({ payrollType: e }) => /* @__PURE__ */ r(o, { children: t(`type.${e}`) }),
-            title: t("tableHeaders.1")
+            render: (t) => /* @__PURE__ */ r(o, { children: e(`type.${V(t)}`) }),
+            title: e("tableHeaders.1")
           },
           {
-            render: ({ checkDate: e }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(e) }),
-            title: t("tableHeaders.2")
+            render: ({ checkDate: t }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(t) }),
+            title: e("tableHeaders.2")
           },
           {
-            title: t("tableHeaders.3"),
-            render: ({ payrollDeadline: e }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(e) })
+            title: e("tableHeaders.3"),
+            render: ({ payrollDeadline: t }) => /* @__PURE__ */ r(o, { children: s.formatShortWithWeekdayAndYear(t) })
           },
           {
-            title: t("tableHeaders.4"),
-            render: ({ processed: e }) => /* @__PURE__ */ r(M, { children: t(e ? "status.processed" : "status.unprocessed") })
+            title: e("tableHeaders.4"),
+            render: (t) => {
+              const l = M.find(
+                (a) => a.paymentUuid === t.payrollUuid
+              );
+              return /* @__PURE__ */ r(Q, { payroll: t, wireInRequest: l });
+            }
           },
           {
             title: "",
-            render: ({ payrollUuid: e, calculatedAt: l, processed: a, payPeriod: n }) => {
+            render: ({ payrollUuid: t, calculatedAt: l, processed: a, payPeriod: n }) => {
               if (a)
                 return null;
-              const m = f === e, c = l ? /* @__PURE__ */ r(
+              const d = f === t, c = l ? /* @__PURE__ */ r(
                 h,
                 {
-                  isLoading: m,
+                  isLoading: d,
                   onClick: () => {
-                    L({ payrollUuid: e, payPeriod: n });
+                    L({ payrollUuid: t, payPeriod: n });
                   },
-                  title: t("submitPayrollCta"),
+                  title: e("submitPayrollCta"),
                   variant: "secondary",
-                  children: t("submitPayrollCta")
+                  children: e("submitPayrollCta")
                 }
               ) : /* @__PURE__ */ r(
                 h,
                 {
-                  isLoading: m,
+                  isLoading: d,
                   onClick: () => {
-                    x({ payrollUuid: e, payPeriod: n });
+                    x({ payrollUuid: t, payPeriod: n });
                   },
-                  title: t("runPayrollTitle"),
+                  title: e("runPayrollTitle"),
                   variant: "secondary",
-                  children: t("runPayrollTitle")
+                  children: e("runPayrollTitle")
                 }
               );
               return B ? c : /* @__PURE__ */ r(i, { flexDirection: "column", alignItems: "stretch", gap: 12, children: c });
             }
           }
         ],
-        data: v,
-        label: t("payrollsListLabel"),
-        itemMenu: ({ payrollUuid: e, processed: l, payPeriod: a }) => {
+        label: e("payrollsListLabel"),
+        itemMenu: ({ payrollUuid: t, processed: l, payPeriod: a }) => {
           if (l)
             return null;
-          const n = f === e, { fullPeriod: m } = k(
+          const n = f === t, { fullPeriod: d } = S(
             a?.startDate,
             a?.endDate
-          ), c = q(/* @__PURE__ */ new Date()), S = c ? new Date(c) : null, b = a?.startDate ? new Date(a.startDate) : null;
-          return y.length === 0 && S && b && S >= b ? /* @__PURE__ */ r(
-            K,
+          ), c = z(/* @__PURE__ */ new Date()), k = c ? new Date(c) : null, b = a?.startDate ? new Date(a.startDate) : null;
+          return y.length === 0 && k && b && k >= b ? /* @__PURE__ */ r(
+            q,
             {
               isLoading: n,
-              menuLabel: t("payrollMenuLabel"),
+              menuLabel: e("payrollMenuLabel"),
               items: [
                 {
-                  label: t("skipPayrollCta"),
+                  label: e("skipPayrollCta"),
                   onClick: () => {
-                    F(e, m);
+                    F(t, d);
                   }
                 }
               ]
@@ -176,19 +184,19 @@ const pe = ({
     /* @__PURE__ */ r(
       O,
       {
-        isOpen: d.isOpen,
+        isOpen: m.isOpen,
         onClose: P,
-        onPrimaryActionClick: j,
+        onPrimaryActionClick: R,
         isDestructive: !0,
-        title: t("skipPayrollDialog.title", { payPeriod: d.payPeriod }),
-        primaryActionLabel: t("skipPayrollDialog.confirmCta"),
-        closeActionLabel: t("skipPayrollDialog.cancelCta"),
-        children: t("skipPayrollDialog.body")
+        title: e("skipPayrollDialog.title", { payPeriod: m.payPeriod }),
+        primaryActionLabel: e("skipPayrollDialog.confirmCta"),
+        closeActionLabel: e("skipPayrollDialog.cancelCta"),
+        children: e("skipPayrollDialog.body")
       }
     )
   ] }) });
 };
 export {
-  pe as PayrollListPresentation
+  Dt as PayrollListPresentation
 };
 //# sourceMappingURL=PayrollListPresentation.js.map

package/dist/components/Payroll/PayrollList/PayrollListPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport { useState, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport type { PayrollType } from './types'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PresentationPayroll extends Payroll {\n  payrollType: PayrollType\n}\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onViewBlockers?: () => void\n  payrolls: PresentationPayroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n}: PayrollListPresentationProps) => {\n  const { Badge, Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const dateFormatter = useDateFormatter()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollUuid: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = dateFormatter.formatShort(startDate)\n    const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n        <Flex\n          flexDirection={{ base: 'column', medium: 'row' }}\n          justifyContent=\"space-between\"\n          alignItems=\"flex-start\"\n          gap={{ base: 12, medium: 24 }}\n        >\n          <Flex>\n            <Heading as=\"h2\">{t('title')}</Heading>\n          </Flex>\n        </Flex>\n\n        <DataView\n          emptyState={() => (\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n              <FeatureIconCheck />\n              <Text>{t('emptyState')}</Text>\n            </Flex>\n          )}\n          columns={[\n            {\n              render: ({ payPeriod }) => {\n                const { startDate, endDate } = formatPayPeriod(\n                  payPeriod?.startDate,\n                  payPeriod?.endDate,\n                )\n\n                return (\n                  <Flex flexDirection=\"column\" gap={0}>\n                    <Text>\n                      {startDate} - {endDate}\n                    </Text>\n                    <Text variant=\"supporting\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </Flex>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: ({ payrollType }) => <Text>{t(`type.${payrollType}`)}</Text>,\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(checkDate)}</Text>\n              ),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.4'),\n              render: ({ processed }) => (\n                <Badge>{processed ? t('status.processed') : t('status.unprocessed')}</Badge>\n              ),\n            },\n            {\n              title: '',\n              render: ({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n                if (processed) {\n                  return null\n                }\n\n                const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n                const button = calculatedAt ? (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onSubmitPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('submitPayrollCta')}\n                    variant=\"secondary\"\n                  >\n                    {t('submitPayrollCta')}\n                  </Button>\n                ) : (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onRunPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('runPayrollTitle')}\n                    variant=\"secondary\"\n                  >\n                    {t('runPayrollTitle')}\n                  </Button>\n                )\n\n                return isDesktop ? (\n                  button\n                ) : (\n                  <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                    {button}\n                  </Flex>\n                )\n              },\n            },\n          ]}\n          data={payrolls}\n          label={t('payrollsListLabel')}\n          itemMenu={({ payrollUuid, processed, payPeriod }) => {\n            if (processed) {\n              return null\n            }\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const todayDateString = formatDateToStringDate(new Date())\n            const todayAtMidnight = todayDateString ? new Date(todayDateString) : null\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            if (!canSkipPayroll) {\n              return null\n            }\n\n            return (\n              <HamburgerMenu\n                isLoading={isProcessingSkipPayroll}\n                menuLabel={t('payrollMenuLabel')}\n                items={[\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]}\n              />\n            )\n          }}\n        />\n        <Dialog\n          isOpen={skipPayrollDialogState.isOpen}\n          onClose={handleCloseSkipDialog}\n          onPrimaryActionClick={handleConfirmSkipPayroll}\n          isDestructive={true}\n          title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n          primaryActionLabel={t('skipPayrollDialog.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","Badge","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","jsx","styles","jsxs","Flex","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payrollType","checkDate","payrollDeadline","processed","payrollUuid","calculatedAt","isProcessingSkipPayroll","button","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","HamburgerMenu"],"mappings":"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"}
+{"version":3,"file":"PayrollListPresentation.js","sources":["../../../../src/components/Payroll/PayrollList/PayrollListPresentation.tsx"],"sourcesContent":["import type { Payroll } from '@gusto/embedded-api/models/components/payroll'\nimport type { PayScheduleList } from '@gusto/embedded-api/models/components/payschedulelist'\nimport type { WireInRequest } from '@gusto/embedded-api/models/components/wireinrequest'\nimport { useState, useRef } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { ApiPayrollBlocker } from '../PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '../PayrollBlocker/components/PayrollBlockerAlerts'\nimport { PayrollStatusBadges } from '../PayrollStatusBadges'\nimport { getPayrollType } from '../helpers'\nimport styles from './PayrollListPresentation.module.scss'\nimport { DataView, Flex, HamburgerMenu } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport FeatureIconCheck from '@/assets/icons/feature-icon-check.svg?react'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\ninterface PayrollListPresentationProps {\n  onRunPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSubmitPayroll: ({ payrollUuid, payPeriod }: Pick<Payroll, 'payrollUuid' | 'payPeriod'>) => void\n  onSkipPayroll: ({ payrollUuid }: Pick<Payroll, 'payrollUuid'>) => void\n  onViewBlockers?: () => void\n  payrolls: Payroll[]\n  paySchedules: PayScheduleList[]\n  showSkipSuccessAlert: boolean\n  onDismissSkipSuccessAlert: () => void\n  skippingPayrollId: string | null\n  blockers: ApiPayrollBlocker[]\n  wireInRequests: WireInRequest[]\n}\n\nexport const PayrollListPresentation = ({\n  onRunPayroll,\n  onSubmitPayroll,\n  onSkipPayroll,\n  onViewBlockers,\n  payrolls,\n  paySchedules,\n  showSkipSuccessAlert,\n  onDismissSkipSuccessAlert,\n  skippingPayrollId,\n  blockers,\n  wireInRequests,\n}: PayrollListPresentationProps) => {\n  const { Button, Dialog, Heading, Text, Alert } = useComponentContext()\n  useI18n('Payroll.PayrollList')\n  const { t } = useTranslation('Payroll.PayrollList')\n  const dateFormatter = useDateFormatter()\n  const containerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({ ref: containerRef })\n  const isDesktop = breakpoints.includes('small')\n  const [skipPayrollDialogState, setSkipPayrollDialogState] = useState<{\n    isOpen: boolean\n    payrollId: string | null\n    payPeriod: string | null\n  }>({\n    isOpen: false,\n    payrollId: null,\n    payPeriod: null,\n  })\n\n  const handleOpenSkipDialog = (payrollId: string, payPeriod: string) => {\n    setSkipPayrollDialogState({\n      isOpen: true,\n      payrollId,\n      payPeriod,\n    })\n  }\n\n  const handleCloseSkipDialog = () => {\n    setSkipPayrollDialogState({\n      isOpen: false,\n      payrollId: null,\n      payPeriod: null,\n    })\n  }\n\n  const handleConfirmSkipPayroll = () => {\n    if (skipPayrollDialogState.payrollId) {\n      onSkipPayroll({ payrollUuid: skipPayrollDialogState.payrollId })\n      handleCloseSkipDialog()\n    }\n  }\n\n  const formatPayPeriod = (startDate: string | undefined, endDate: string | undefined) => {\n    const formattedStartDate = dateFormatter.formatShort(startDate)\n    const formattedEndDate = dateFormatter.formatShortWithYear(endDate)\n\n    return {\n      startDate: formattedStartDate,\n      endDate: formattedEndDate,\n      fullPeriod: dateFormatter.formatPayPeriodRange(startDate, endDate, { useShortMonth: true }),\n    }\n  }\n\n  return (\n    <div ref={containerRef} className={styles.container}>\n      <Flex flexDirection=\"column\" gap={16}>\n        {showSkipSuccessAlert && (\n          <div className={styles.alertContainer}>\n            <Alert\n              status=\"info\"\n              label={t('skipSuccessAlert')}\n              onDismiss={onDismissSkipSuccessAlert}\n            />\n          </div>\n        )}\n        <PayrollBlockerAlerts blockers={blockers} onMultipleViewClick={onViewBlockers} />\n        <Flex\n          flexDirection={{ base: 'column', medium: 'row' }}\n          justifyContent=\"space-between\"\n          alignItems=\"flex-start\"\n          gap={{ base: 12, medium: 24 }}\n        >\n          <Flex>\n            <Heading as=\"h2\">{t('title')}</Heading>\n          </Flex>\n        </Flex>\n\n        <DataView\n          emptyState={() => (\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={24}>\n              <FeatureIconCheck />\n              <Text>{t('emptyState')}</Text>\n            </Flex>\n          )}\n          data={payrolls}\n          columns={[\n            {\n              render: ({ payPeriod }) => {\n                const { startDate, endDate } = formatPayPeriod(\n                  payPeriod?.startDate,\n                  payPeriod?.endDate,\n                )\n\n                return (\n                  <Flex flexDirection=\"column\" gap={0}>\n                    <Text>\n                      {startDate} - {endDate}\n                    </Text>\n                    <Text variant=\"supporting\">\n                      {paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                        ?.name ||\n                        paySchedules.find(schedule => schedule.uuid === payPeriod?.payScheduleUuid)\n                          ?.customName}\n                    </Text>\n                  </Flex>\n                )\n              },\n              title: t('tableHeaders.0'),\n            },\n            {\n              render: payroll => <Text>{t(`type.${getPayrollType(payroll)}`)}</Text>,\n              title: t('tableHeaders.1'),\n            },\n            {\n              render: ({ checkDate }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(checkDate)}</Text>\n              ),\n              title: t('tableHeaders.2'),\n            },\n            {\n              title: t('tableHeaders.3'),\n              render: ({ payrollDeadline }) => (\n                <Text>{dateFormatter.formatShortWithWeekdayAndYear(payrollDeadline)}</Text>\n              ),\n            },\n            {\n              title: t('tableHeaders.4'),\n              render: payroll => {\n                const wireInRequest = wireInRequests.find(\n                  wire => wire.paymentUuid === payroll.payrollUuid,\n                )\n                return <PayrollStatusBadges payroll={payroll} wireInRequest={wireInRequest} />\n              },\n            },\n            {\n              title: '',\n              render: ({ payrollUuid, calculatedAt, processed, payPeriod }) => {\n                if (processed) {\n                  return null\n                }\n\n                const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n                const button = calculatedAt ? (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onSubmitPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('submitPayrollCta')}\n                    variant=\"secondary\"\n                  >\n                    {t('submitPayrollCta')}\n                  </Button>\n                ) : (\n                  <Button\n                    isLoading={isProcessingSkipPayroll}\n                    onClick={() => {\n                      onRunPayroll({ payrollUuid, payPeriod })\n                    }}\n                    title={t('runPayrollTitle')}\n                    variant=\"secondary\"\n                  >\n                    {t('runPayrollTitle')}\n                  </Button>\n                )\n\n                return isDesktop ? (\n                  button\n                ) : (\n                  <Flex flexDirection=\"column\" alignItems=\"stretch\" gap={12}>\n                    {button}\n                  </Flex>\n                )\n              },\n            },\n          ]}\n          label={t('payrollsListLabel')}\n          itemMenu={({ payrollUuid, processed, payPeriod }) => {\n            if (processed) {\n              return null\n            }\n\n            const isProcessingSkipPayroll = skippingPayrollId === payrollUuid\n\n            const { fullPeriod: payPeriodString } = formatPayPeriod(\n              payPeriod?.startDate,\n              payPeriod?.endDate,\n            )\n\n            const todayDateString = formatDateToStringDate(new Date())\n            const todayAtMidnight = todayDateString ? new Date(todayDateString) : null\n            const payPeriodStartDate = payPeriod?.startDate ? new Date(payPeriod.startDate) : null\n\n            const canSkipPayroll =\n              blockers.length === 0 &&\n              todayAtMidnight &&\n              payPeriodStartDate &&\n              todayAtMidnight >= payPeriodStartDate\n\n            if (!canSkipPayroll) {\n              return null\n            }\n\n            return (\n              <HamburgerMenu\n                isLoading={isProcessingSkipPayroll}\n                menuLabel={t('payrollMenuLabel')}\n                items={[\n                  {\n                    label: t('skipPayrollCta'),\n                    onClick: () => {\n                      handleOpenSkipDialog(payrollUuid!, payPeriodString)\n                    },\n                  },\n                ]}\n              />\n            )\n          }}\n        />\n        <Dialog\n          isOpen={skipPayrollDialogState.isOpen}\n          onClose={handleCloseSkipDialog}\n          onPrimaryActionClick={handleConfirmSkipPayroll}\n          isDestructive={true}\n          title={t('skipPayrollDialog.title', { payPeriod: skipPayrollDialogState.payPeriod })}\n          primaryActionLabel={t('skipPayrollDialog.confirmCta')}\n          closeActionLabel={t('skipPayrollDialog.cancelCta')}\n        >\n          {t('skipPayrollDialog.body')}\n        </Dialog>\n      </Flex>\n    </div>\n  )\n}\n"],"names":["PayrollListPresentation","onRunPayroll","onSubmitPayroll","onSkipPayroll","onViewBlockers","payrolls","paySchedules","showSkipSuccessAlert","onDismissSkipSuccessAlert","skippingPayrollId","blockers","wireInRequests","Button","Dialog","Heading","Text","Alert","useComponentContext","useI18n","t","useTranslation","dateFormatter","useDateFormatter","containerRef","useRef","isDesktop","useContainerBreakpoints","skipPayrollDialogState","setSkipPayrollDialogState","useState","handleOpenSkipDialog","payrollId","payPeriod","handleCloseSkipDialog","handleConfirmSkipPayroll","formatPayPeriod","startDate","endDate","formattedStartDate","formattedEndDate","jsx","styles","jsxs","Flex","PayrollBlockerAlerts","DataView","FeatureIconCheck","schedule","payroll","getPayrollType","checkDate","payrollDeadline","wireInRequest","wire","PayrollStatusBadges","payrollUuid","calculatedAt","processed","isProcessingSkipPayroll","button","payPeriodString","todayDateString","formatDateToStringDate","todayAtMidnight","payPeriodStartDate","HamburgerMenu"],"mappings":"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"}