@gusto/embedded-react-sdk 0.24.1 → 0.25.0

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js

@@ -0,0 +1,73 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import l from "./RecoveryCasesList.module.scss.js";
+import { BaseComponent as h } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentDictionary as p, useI18n as y } from "../../../../i18n/I18n.js";
+import { DataView as C } from "../../../Common/DataView/DataView.js";
+import { useDataView as v } from "../../../Common/DataView/useDataView.js";
+import { FlexItem as x, Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { recoveryCasesEvents as g } from "../../../../shared/constants.js";
+import "react";
+function F(n) {
+  return /* @__PURE__ */ e(h, { ...n, children: /* @__PURE__ */ e(R, { ...n, children: n.children }) });
+}
+function R({ dictionary: n, onEvent: s }) {
+  p("Payroll.RecoveryCasesList", n), y("Payroll.RecoveryCasesList");
+  const { t } = u("Payroll.RecoveryCasesList"), { Heading: c, Text: r, Button: a, Badge: d } = f(), m = v({
+    data: [{ id: "placeholder" }],
+    columns: [
+      {
+        title: t("columns.originalDebitDate"),
+        render: () => /* @__PURE__ */ e(x, { flexGrow: 1, children: /* @__PURE__ */ e(r, { children: "2025-10-11" }) })
+      },
+      {
+        title: t("columns.totalAmount"),
+        render: () => /* @__PURE__ */ e(r, { children: "$30,093.45" })
+      },
+      {
+        title: t("columns.amountOutstanding"),
+        render: () => /* @__PURE__ */ e(r, { children: "$30,093.45" })
+      },
+      {
+        title: t("columns.latestErrorCode"),
+        render: () => /* @__PURE__ */ i(o, { flexDirection: "column", gap: 4, children: [
+          /* @__PURE__ */ e(r, { weight: "semibold", children: "R01: Insufficient funds" }),
+          /* @__PURE__ */ e(r, { children: "Ensure sufficient funds to unblock your account" })
+        ] })
+      },
+      {
+        title: t("columns.status"),
+        render: () => /* @__PURE__ */ e(o, { gap: 8, alignItems: "center", children: /* @__PURE__ */ e(d, { status: "info", children: "Open" }) })
+      },
+      {
+        title: "",
+        render: () => /* @__PURE__ */ e(o, { justifyContent: "flex-end", alignItems: "center", children: /* @__PURE__ */ e(
+          a,
+          {
+            variant: "secondary",
+            onClick: () => {
+              s(g.RECOVERY_CASE_RESOLVE, {
+                recoveryCaseId: "placeholder-id"
+              });
+            },
+            children: t("cta.resolve")
+          }
+        ) })
+      }
+    ]
+  });
+  return /* @__PURE__ */ e("div", { className: l.root, children: /* @__PURE__ */ i(o, { flexDirection: "column", gap: 24, children: [
+    /* @__PURE__ */ i("div", { className: l.header, children: [
+      /* @__PURE__ */ e(c, { as: "h2", styledAs: "h3", children: t("title") }),
+      /* @__PURE__ */ e(r, { children: t("description") })
+    ] }),
+    /* @__PURE__ */ e(C, { ...m, label: t("title") })
+  ] }) });
+}
+export {
+  F as RecoveryCasesList
+};
+//# sourceMappingURL=RecoveryCasesList.js.map

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './RecoveryCasesList.module.scss'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { DataView } from '@/components/Common/DataView/DataView'\nimport { useDataView } from '@/components/Common/DataView/useDataView'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\n\ninterface RecoveryCasesListProps extends BaseComponentInterface<'Payroll.RecoveryCasesList'> {\n  companyId: string\n  onEvent: BaseComponentInterface['onEvent']\n}\n\nexport function RecoveryCasesList(props: RecoveryCasesListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text, Button, Badge } = useComponentContext()\n\n  // TODO: Replace with actual recovery cases data from API\n\n  const dataViewProps = useDataView({\n    data: [{ id: 'placeholder' }],\n    columns: [\n      {\n        title: t('columns.originalDebitDate'),\n        render: () => (\n          <FlexItem flexGrow={1}>\n            <Text>2025-10-11</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        title: t('columns.totalAmount'),\n        render: () => <Text>$30,093.45</Text>,\n      },\n      {\n        title: t('columns.amountOutstanding'),\n        render: () => <Text>$30,093.45</Text>,\n      },\n      {\n        title: t('columns.latestErrorCode'),\n        render: () => (\n          <Flex flexDirection=\"column\" gap={4}>\n            <Text weight=\"semibold\">R01: Insufficient funds</Text>\n            <Text>Ensure sufficient funds to unblock your account</Text>\n          </Flex>\n        ),\n      },\n      {\n        title: t('columns.status'),\n        render: () => (\n          <Flex gap={8} alignItems=\"center\">\n            <Badge status=\"info\">Open</Badge>\n          </Flex>\n        ),\n      },\n      {\n        title: '',\n        render: () => (\n          <Flex justifyContent=\"flex-end\" alignItems=\"center\">\n            <Button\n              variant=\"secondary\"\n              onClick={() => {\n                onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n                  recoveryCaseId: 'placeholder-id',\n                })\n              }}\n            >\n              {t('cta.resolve')}\n            </Button>\n          </Flex>\n        ),\n      },\n    ],\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={24}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </div>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","dictionary","onEvent","useComponentDictionary","useI18n","useTranslation","Heading","Text","Button","Badge","useComponentContext","dataViewProps","useDataView","FlexItem","jsxs","Flex","recoveryCasesEvents","styles","DataView"],"mappings":";;;;;;;;;;;;;AAeO,SAASA,EAAkBC,GAA+B;AAC/D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,SAAAC,KAAmC;AAC7D,EAAAC,EAAuB,6BAA6BF,CAAU,GAC9DG,EAAQ,2BAA2B;AACnC,QAAM,EAAE,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GAInCC,IAAgBC,EAAY;AAAA,IAChC,MAAM,CAAC,EAAE,IAAI,eAAe;AAAA,IAC5B,SAAS;AAAA,MACP;AAAA,QACE,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,MACN,gBAAAd,EAACe,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAAf,EAACS,GAAA,EAAK,UAAA,aAAA,CAAU,EAAA,CAClB;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO,EAAE,qBAAqB;AAAA,QAC9B,QAAQ,MAAM,gBAAAT,EAACS,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,MAAA;AAAA,MAEhC;AAAA,QACE,OAAO,EAAE,2BAA2B;AAAA,QACpC,QAAQ,MAAM,gBAAAT,EAACS,GAAA,EAAK,UAAA,aAAA,CAAU;AAAA,MAAA;AAAA,MAEhC;AAAA,QACE,OAAO,EAAE,yBAAyB;AAAA,QAClC,QAAQ,MACN,gBAAAO,EAACC,KAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAjB,EAACS,GAAA,EAAK,QAAO,YAAW,UAAA,2BAAuB;AAAA,UAC/C,gBAAAT,EAACS,KAAK,UAAA,kDAAA,CAA+C;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO,EAAE,gBAAgB;AAAA,QACzB,QAAQ,MACN,gBAAAT,EAACiB,GAAA,EAAK,KAAK,GAAG,YAAW,UACvB,UAAA,gBAAAjB,EAACW,GAAA,EAAM,QAAO,QAAO,kBAAI,EAAA,CAC3B;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAO;AAAA,QACP,QAAQ,MACN,gBAAAX,EAACiB,KAAK,gBAAe,YAAW,YAAW,UACzC,UAAA,gBAAAjB;AAAA,UAACU;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,SAAS,MAAM;AACb,cAAAN,EAAQc,EAAoB,uBAAuB;AAAA,gBACjD,gBAAgB;AAAA,cAAA,CACjB;AAAA,YACH;AAAA,YAEC,YAAE,aAAa;AAAA,UAAA;AAAA,QAAA,EAClB,CACF;AAAA,MAAA;AAAA,IAEJ;AAAA,EACF,CACD;AAED,SACE,gBAAAlB,EAAC,OAAA,EAAI,WAAWmB,EAAO,MACrB,4BAACF,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWG,EAAO,QACrB,UAAA;AAAA,MAAA,gBAAAnB,EAACQ,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAA,EAAE,OAAO,GACZ;AAAA,MACA,gBAAAR,EAACS,GAAA,EAAM,UAAA,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC1B;AAAA,sBAECW,GAAA,EAAU,GAAGP,GAAe,OAAO,EAAE,OAAO,EAAA,CAAG;AAAA,EAAA,EAAA,CAClD,EAAA,CACF;AAEJ;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.module.scss.js

@@ -0,0 +1,10 @@
+const o = "_root_5swl6_1", e = "_header_5swl6_7", t = {
+  root: o,
+  header: e
+};
+export {
+  t as default,
+  e as header,
+  o as root
+};
+//# sourceMappingURL=RecoveryCasesList.module.scss.js.map

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCasesList.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesList/index.d.ts

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

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.d.ts

@@ -0,0 +1,14 @@
+import { BaseComponentInterface } from '../../../Base';
+import { OnEventType } from '../../../Base/useBase';
+import { EventType } from '../../../../shared/constants';
+interface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {
+    recoveryCaseId: string;
+    onEvent: OnEventType<EventType, unknown>;
+}
+export declare function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace RecoveryCasesResubmit {
+    var Footer: ({ onEvent }: {
+        onEvent: OnEventType<EventType, unknown>;
+    }) => import("react/jsx-runtime").JSX.Element;
+}
+export {};

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js

@@ -0,0 +1,46 @@
+import { jsx as e, jsxs as i } from "react/jsx-runtime";
+import { useTranslation as u } from "react-i18next";
+import { BaseComponent as R } from "../../../Base/Base.js";
+import { useBase as C } from "../../../Base/useBase.js";
+import { Flex as y } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { recoveryCasesEvents as s } from "../../../../shared/constants.js";
+import { ActionsLayout as h } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { Form as b } from "../../../Common/Form/Form.js";
+import { useComponentDictionary as E, useI18n as a } from "../../../../i18n/I18n.js";
+const m = "gusto-sdk-recovery-cases-resubmit-form";
+function f(o) {
+  return /* @__PURE__ */ e(R, { ...o, children: /* @__PURE__ */ e(p, { ...o, children: o.children }) });
+}
+function p({ dictionary: o, recoveryCaseId: n }) {
+  E("Payroll.RecoveryCasesResubmit", o), a("Payroll.RecoveryCasesResubmit");
+  const { Heading: r, Text: t } = c(), { onEvent: l, baseSubmitHandler: d } = C();
+  return /* @__PURE__ */ i(y, { flexDirection: "column", gap: 16, children: [
+    /* @__PURE__ */ e(r, { as: "h2", children: "[Placeholder title based on R code]" }),
+    /* @__PURE__ */ e(t, { children: "[Placeholder subtitle based on R code]" }),
+    /* @__PURE__ */ e(t, { children: "[Placeholder body based on R code]" }),
+    /* @__PURE__ */ e(t, { children: "[Placeholder instruction based on R code]" }),
+    /* @__PURE__ */ e(b, { id: m, onSubmit: async () => {
+      await d({}, async () => {
+        l(s.RECOVERY_CASE_RESUBMIT_DONE);
+      });
+    }, "aria-hidden": "true" })
+  ] });
+}
+const v = ({ onEvent: o }) => {
+  a("Payroll.RecoveryCasesResubmit");
+  const { t: n } = u("Payroll.RecoveryCasesResubmit"), { Button: r } = c();
+  return /* @__PURE__ */ i(h, { children: [
+    /* @__PURE__ */ e(r, { variant: "secondary", onClick: () => {
+      o(s.RECOVERY_CASE_RESUBMIT_CANCEL);
+    }, children: n("cta.cancel") }),
+    /* @__PURE__ */ e(r, { variant: "primary", type: "submit", form: m, children: n("cta.resubmit") })
+  ] });
+};
+f.Footer = v;
+export {
+  f as RecoveryCasesResubmit
+};
+//# sourceMappingURL=RecoveryCasesResubmit.js.map

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { recoveryCasesEvents, type EventType } from '@/shared/constants'\n\nconst RECOVERY_CASES_RESUBMIT_FORM_ID = 'gusto-sdk-recovery-cases-resubmit-form'\n\ninterface RecoveryCasesResubmitProps extends BaseComponentInterface<'Payroll.RecoveryCasesResubmit'> {\n  recoveryCaseId: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function RecoveryCasesResubmit(props: RecoveryCasesResubmitProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ dictionary, recoveryCaseId }: RecoveryCasesResubmitProps) {\n  useComponentDictionary('Payroll.RecoveryCasesResubmit', dictionary)\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n\n  // TODO: Wire up resubmit API call\n  const onSubmit = async () => {\n    // TODO: remove this lint ignore once we wire this up and await the api call\n    // eslint-disable-next-line @typescript-eslint/require-await\n    await baseSubmitHandler({}, async () => {\n      // TODO: Call API resubmit payment endpoint here\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE)\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      <Heading as=\"h2\">[Placeholder title based on R code]</Heading>\n      <Text>[Placeholder subtitle based on R code]</Text>\n      <Text>[Placeholder body based on R code]</Text>\n      <Text>[Placeholder instruction based on R code]</Text>\n      {/*\n        This empty form is used to connect the Footer's submit button to the submission logic\n        via the form attribute. This is semantically incorrect and hidden from assistive tech.\n      */}\n      <Form id={RECOVERY_CASES_RESUBMIT_FORM_ID} onSubmit={onSubmit} aria-hidden=\"true\">\n        {/* Empty form - submission triggered by footer button via form attribute */}\n      </Form>\n    </Flex>\n  )\n}\n\nconst Footer = ({ onEvent }: { onEvent: OnEventType<EventType, unknown> }) => {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Button } = useComponentContext()\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <ActionsLayout>\n      <Button variant=\"secondary\" onClick={handleCancel}>\n        {t('cta.cancel')}\n      </Button>\n      <Button variant=\"primary\" type=\"submit\" form={RECOVERY_CASES_RESUBMIT_FORM_ID}>\n        {t('cta.resubmit')}\n      </Button>\n    </ActionsLayout>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","useI18n","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","jsxs","Flex","Form","recoveryCasesEvents","Footer","t","useTranslation","Button","ActionsLayout"],"mappings":";;;;;;;;;;;;AASA,MAAMA,IAAkC;AAOjC,SAASC,EAAsBC,GAAmC;AACvE,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,EAAK,EAAE,YAAAC,GAAY,gBAAAC,KAA8C;AACxE,EAAAC,EAAuB,iCAAiCF,CAAU,GAClEG,EAAQ,+BAA+B;AACvC,QAAM,EAAE,SAAAC,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA;AAYvC,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAd,EAACO,GAAA,EAAQ,IAAG,MAAK,UAAA,uCAAmC;AAAA,IACpD,gBAAAP,EAACQ,KAAK,UAAA,yCAAA,CAAsC;AAAA,IAC5C,gBAAAR,EAACQ,KAAK,UAAA,qCAAA,CAAkC;AAAA,IACxC,gBAAAR,EAACQ,KAAK,UAAA,4CAAA,CAAyC;AAAA,sBAK9CO,GAAA,EAAK,IAAIlB,GAAiC,UAnB9B,YAAY;AAG3B,YAAMc,EAAkB,CAAA,GAAI,YAAY;AAEtC,QAAAD,EAAQM,EAAoB,2BAA2B;AAAA,MACzD,CAAC;AAAA,IACH,GAYmE,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMC,IAAS,CAAC,EAAE,SAAAP,QAA4D;AAC5E,EAAAJ,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAY,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAWX,EAAA;AAMnB,2BACGY,GAAA,EACC,UAAA;AAAA,IAAA,gBAAArB,EAACoB,KAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAV,EAAQM,EAAoB,6BAA6B;AAAA,IAC3D,GAKO,UAAAE,EAAE,YAAY,GACjB;AAAA,IACA,gBAAAlB,EAACoB,GAAA,EAAO,SAAQ,WAAU,MAAK,UAAS,MAAMvB,GAC3C,UAAAqB,EAAE,cAAc,EAAA,CACnB;AAAA,EAAA,GACF;AAEJ;AAEApB,EAAsB,SAASmB;"}

package/dist/components/Payroll/RecoveryCases/RecoveryCasesResubmit/index.d.ts

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

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { RecoveryCases } from './RecoveryCases';
+export type { RecoveryCasesContextInterface } from './RecoveryCasesComponents';

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.d.ts

@@ -0,0 +1,13 @@
+import { recoveryCasesEvents } from '../../../shared/constants';
+export type EventPayloads = {
+    [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {
+        recoveryCaseId: string;
+    };
+    [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined;
+    [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined;
+};
+export declare const recoveryCasesMachine: {
+    list: import('robot3').MachineState<any>;
+    resubmit: import('robot3').MachineState<any>;
+    final: import('robot3').MachineState<any>;
+};

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.js

@@ -0,0 +1,47 @@
+import { state as o, transition as t, reduce as s } from "robot3";
+import { RecoveryCasesResubmitContextual as C } from "./RecoveryCasesComponents.js";
+import { recoveryCasesEvents as r } from "../../../shared/constants.js";
+const a = {
+  list: o(
+    t(
+      r.RECOVERY_CASE_RESOLVE,
+      "resubmit",
+      s(
+        (e, c) => ({
+          ...e,
+          component: C,
+          selectedRecoveryCaseId: c.payload.recoveryCaseId
+        })
+      )
+    )
+  ),
+  resubmit: o(
+    t(
+      r.RECOVERY_CASE_RESUBMIT_DONE,
+      "list",
+      s(
+        (e) => ({
+          ...e,
+          component: null,
+          selectedRecoveryCaseId: void 0
+        })
+      )
+    ),
+    t(
+      r.RECOVERY_CASE_RESUBMIT_CANCEL,
+      "list",
+      s(
+        (e) => ({
+          ...e,
+          component: null,
+          selectedRecoveryCaseId: void 0
+        })
+      )
+    )
+  ),
+  final: o()
+};
+export {
+  a as recoveryCasesMachine
+};
+//# sourceMappingURL=recoveryCasesStateMachine.js.map

package/dist/components/Payroll/RecoveryCases/recoveryCasesStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"recoveryCasesStateMachine.js","sources":["../../../../src/components/Payroll/RecoveryCases/recoveryCasesStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { RecoveryCasesContextInterface } from './RecoveryCasesComponents'\nimport { RecoveryCasesResubmitContextual } from './RecoveryCasesComponents'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\nexport type EventPayloads = {\n  [recoveryCasesEvents.RECOVERY_CASE_RESOLVE]: {\n    recoveryCaseId: string\n  }\n  [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL]: undefined\n  [recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE]: undefined\n}\n\nexport const recoveryCasesMachine = {\n  list: state<MachineTransition>(\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESOLVE,\n      'resubmit',\n      reduce(\n        (\n          ctx: RecoveryCasesContextInterface,\n          ev: MachineEventType<EventPayloads, typeof recoveryCasesEvents.RECOVERY_CASE_RESOLVE>,\n        ): RecoveryCasesContextInterface => ({\n          ...ctx,\n          component: RecoveryCasesResubmitContextual,\n          selectedRecoveryCaseId: ev.payload.recoveryCaseId,\n        }),\n      ),\n    ),\n  ),\n  resubmit: state<MachineTransition>(\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE,\n      'list',\n      reduce(\n        (ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n          ...ctx,\n          component: null,\n          selectedRecoveryCaseId: undefined,\n        }),\n      ),\n    ),\n    transition(\n      recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL,\n      'list',\n      reduce(\n        (ctx: RecoveryCasesContextInterface): RecoveryCasesContextInterface => ({\n          ...ctx,\n          component: null,\n          selectedRecoveryCaseId: undefined,\n        }),\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["recoveryCasesMachine","state","transition","recoveryCasesEvents","reduce","ctx","ev","RecoveryCasesResubmitContextual"],"mappings":";;;AAcO,MAAMA,IAAuB;AAAA,EAClC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CACEC,GACAC,OACmC;AAAA,UACnC,GAAGD;AAAA,UACH,WAAWE;AAAA,UACX,wBAAwBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MACrC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,UAAUL;AAAA,IACRC;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,wBAAwB;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,IAEFH;AAAA,MACEC,EAAoB;AAAA,MACpB;AAAA,MACAC;AAAA,QACE,CAACC,OAAuE;AAAA,UACtE,GAAGA;AAAA,UACH,WAAW;AAAA,UACX,wBAAwB;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF;AAAA,EAEF,OAAOJ,EAAA;AACT;"}

package/dist/components/Payroll/helpers.d.ts

@@ -36,3 +36,15 @@ export declare const getAdditionalEarningsCompensations: ({ flsaStatus, existing
 }) => FixedCompensations[];
 export declare const getReimbursementCompensation: (fixedCompensations: FixedCompensations[], fixedCompensationTypes: PayrollFixedCompensationTypesType[], primaryJobUuid?: string) => FixedCompensations | null;
 export declare const calculateTotalPayroll: (payrollData: Payroll) => number;
+/**
+ * Determines if a payroll can be cancelled based on business rules.
+ *
+ * A payroll can be cancelled if all of the following conditions are met:
+ * - The payroll has been processed (processed === true)
+ * - Current time is before 4:00 PM PT on the payroll deadline
+ * - The payrollStatusMeta.cancellable flag is not explicitly false
+ *
+ * This check enforces the business rule that payrolls can only be cancelled
+ * before the 4:00 PM PT cutoff time on their deadline date.
+ */
+export declare const canCancelPayroll: (payroll: Payroll) => boolean;