@gusto/embedded-react-sdk 0.41.0 → 0.42.0

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

@@ -1,103 +1,104 @@
 import { jsx as e, jsxs as m } from "react/jsx-runtime";
 import { useTranslation as l } from "react-i18next";
-import { useRecoveryCasesGetSuspense as v } from "@gusto/embedded-api/react-query/recoveryCasesGet";
-import { useRecoveryCaseErrorCode as h } from "../useRecoveryCaseErrorCode.js";
+import { useRecoveryCasesGetSuspense as h } from "@gusto/embedded-api/react-query/recoveryCasesGet";
+import { useRecoveryCaseErrorCode as v } from "../useRecoveryCaseErrorCode.js";
 import g from "./RecoveryCasesList.module.scss.js";
 import { BaseComponent as R } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useComponentDictionary as L, useI18n as u } from "../../../../i18n/I18n.js";
 import { DataView as b } from "../../../Common/DataView/DataView.js";
-import { useDataView as E } from "../../../Common/DataView/useDataView.js";
-import { FlexItem as x, Flex as d } from "../../../Common/Flex/Flex.js";
-import "classnames";
-import { recoveryCasesEvents as D } from "../../../../shared/constants.js";
-import { formatNumberAsCurrency as y } from "../../../../helpers/formattedStrings.js";
-function q(t) {
-  return /* @__PURE__ */ e(R, { ...t, children: /* @__PURE__ */ e(w, { ...t, children: t.children }) });
+import { useDataView as D } from "../../../Common/DataView/useDataView.js";
+import { FlexItem as E, Flex as d } from "../../../Common/Flex/Flex.js";
+import { EmptyData as x } from "../../../Common/EmptyData/EmptyData.js";
+import { recoveryCasesEvents as P } from "../../../../shared/constants.js";
+import { formatNumberAsCurrency as p } from "../../../../helpers/formattedStrings.js";
+function z(r) {
+  return /* @__PURE__ */ e(R, { ...r, children: /* @__PURE__ */ e(w, { ...r, children: r.children }) });
 }
-function P(t) {
-  return t === "open" ? "info" : "warning";
+function A(r) {
+  return r === "open" ? "info" : "warning";
 }
-function A({ errorCode: t }) {
+function S({ errorCode: r }) {
   u("Payroll.RecoveryCasesList");
-  const { t: n } = l("Payroll.RecoveryCasesList"), { Text: s } = c(), { title: r, subtitle: i } = h(t);
-  return !r && !i ? /* @__PURE__ */ e("span", { "aria-label": n("labels.noLatestErrorCodeAriaLabel"), "aria-live": "polite", children: n("labels.noLatestErrorCode") }) : /* @__PURE__ */ m(d, { flexDirection: "column", gap: 4, children: [
-    r && /* @__PURE__ */ e(s, { weight: "semibold", children: r }),
+  const { t: n } = l("Payroll.RecoveryCasesList"), { Text: s } = c(), { title: t, subtitle: i } = v(r);
+  return !t && !i ? /* @__PURE__ */ e("span", { "aria-label": n("labels.noLatestErrorCodeAriaLabel"), "aria-live": "polite", children: n("labels.noLatestErrorCode") }) : /* @__PURE__ */ m(d, { flexDirection: "column", gap: 4, children: [
+    t && /* @__PURE__ */ e(s, { weight: "semibold", children: t }),
     i && /* @__PURE__ */ e(s, { children: i })
   ] });
 }
-function S({ status: t }) {
+function T({ status: r }) {
   u("Payroll.RecoveryCasesList");
   const { t: n } = l("Payroll.RecoveryCasesList"), { Badge: s } = c();
-  if (!t)
+  if (!r)
     return null;
-  const r = P(t), i = n(`status.${t}`);
-  return /* @__PURE__ */ e(s, { status: r, children: i });
+  const t = A(r), i = n(`status.${r}`);
+  return /* @__PURE__ */ e(s, { status: t, children: i });
 }
 function k({
-  recoveryCase: t,
+  recoveryCase: r,
   onEvent: n
 }) {
   u("Payroll.RecoveryCasesList");
-  const { t: s } = l("Payroll.RecoveryCasesList"), { Button: r } = c();
-  return t.status !== "open" ? null : /* @__PURE__ */ e(
-    r,
+  const { t: s } = l("Payroll.RecoveryCasesList"), { Button: t } = c();
+  return r.status !== "open" ? null : /* @__PURE__ */ e(
+    t,
     {
       variant: "secondary",
       onClick: () => {
-        n(D.RECOVERY_CASE_RESOLVE, {
-          recoveryCaseId: t.uuid
+        n(P.RECOVERY_CASE_RESOLVE, {
+          recoveryCaseId: r.uuid
         });
       },
       children: s("cta.resolve")
     }
   );
 }
-function w({ companyId: t, dictionary: n, onEvent: s }) {
+function w({ companyId: r, dictionary: n, onEvent: s }) {
   L("Payroll.RecoveryCasesList", n), u("Payroll.RecoveryCasesList");
-  const { t: r } = l("Payroll.RecoveryCasesList"), { Heading: i, Text: a } = c(), { data: C } = v({
-    companyUuid: t
-  }), f = (C.recoveryCaseList ?? []).filter((o) => o.status !== "recovered"), p = E({
-    data: f,
+  const { t } = l("Payroll.RecoveryCasesList"), { Heading: i, Text: a } = c(), { data: f } = h({
+    companyUuid: r
+  }), y = (f.recoveryCaseList ?? []).filter((o) => o.status !== "recovered"), C = D({
+    data: y,
+    emptyState: () => /* @__PURE__ */ e(x, { title: t("emptyTableTitle"), description: t("emptyTableDescription") }),
     columns: [
       {
         key: "originalDebitDate",
-        title: r("columns.originalDebitDate"),
-        render: (o) => /* @__PURE__ */ e(x, { flexGrow: 1, children: /* @__PURE__ */ e(a, { children: o.originalDebitDate ?? "-" }) })
+        title: t("columns.originalDebitDate"),
+        render: (o) => /* @__PURE__ */ e(E, { flexGrow: 1, children: /* @__PURE__ */ e(a, { children: o.originalDebitDate ?? "-" }) })
       },
       {
         key: "totalAmount",
-        title: r("columns.totalAmount"),
-        render: (o) => /* @__PURE__ */ e(a, { children: o.eventTotalAmount ? y(parseFloat(o.eventTotalAmount)) : "-" })
+        title: t("columns.totalAmount"),
+        render: (o) => /* @__PURE__ */ e(a, { children: o.eventTotalAmount ? p(parseFloat(o.eventTotalAmount)) : "-" })
       },
       {
         key: "amountOutstanding",
-        title: r("columns.amountOutstanding"),
-        render: (o) => /* @__PURE__ */ e(a, { children: o.amountOutstanding ? y(parseFloat(o.amountOutstanding)) : "-" })
+        title: t("columns.amountOutstanding"),
+        render: (o) => /* @__PURE__ */ e(a, { children: o.amountOutstanding ? p(parseFloat(o.amountOutstanding)) : "-" })
       },
       {
         key: "latestErrorCode",
-        title: r("columns.latestErrorCode"),
-        render: (o) => /* @__PURE__ */ e(A, { errorCode: o.latestErrorCode })
+        title: t("columns.latestErrorCode"),
+        render: (o) => /* @__PURE__ */ e(S, { errorCode: o.latestErrorCode })
       },
       {
         key: "status",
-        title: r("columns.status"),
-        render: (o) => /* @__PURE__ */ e(S, { status: o.status })
+        title: t("columns.status"),
+        render: (o) => /* @__PURE__ */ e(T, { status: o.status })
       }
     ],
     itemMenu: (o) => /* @__PURE__ */ e(k, { recoveryCase: o, onEvent: s })
   });
   return /* @__PURE__ */ e("div", { className: g.root, children: /* @__PURE__ */ m(d, { flexDirection: "column", gap: 20, children: [
     /* @__PURE__ */ m(d, { flexDirection: "column", gap: 2, children: [
-      /* @__PURE__ */ e(i, { as: "h2", styledAs: "h4", children: r("title") }),
-      /* @__PURE__ */ e(a, { children: r("description") })
+      /* @__PURE__ */ e(i, { as: "h2", styledAs: "h4", children: t("title") }),
+      y.length > 0 && /* @__PURE__ */ e(a, { children: t("description") })
     ] }),
-    /* @__PURE__ */ e(b, { ...p, label: r("title") })
+    /* @__PURE__ */ e(b, { ...C, label: t("title") })
   ] }) });
 }
 export {
-  q as RecoveryCasesList
+  z as RecoveryCasesList
 };
 //# sourceMappingURL=RecoveryCasesList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\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'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\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 getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          <Text>{t('description')}</Text>\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":";;;;;;;;;;;;;;;AAuBO,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,SAASI,EAAqBC,GAA8D;AAC1F,SAAIA,MAAW,SACN,SAEF;AACT;AAEA,SAASC,EAAc,EAAE,WAAAC,KAAuD;AAC9E,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,OAAAC,GAAO,UAAAC,MAAaC,EAAyBR,CAAS;AAE9D,SAAI,CAACM,KAAS,CAACC,IAEX,gBAAAb,EAAC,QAAA,EAAK,cAAYQ,EAAE,mCAAmC,GAAG,aAAU,UACjE,UAAAA,EAAE,0BAA0B,EAAA,CAC/B,IAKF,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAC/B,UAAA;AAAA,IAAAJ,KAAS,gBAAAZ,EAACU,GAAA,EAAK,QAAO,YAAY,UAAAE,GAAM;AAAA,IACxCC,KAAY,gBAAAb,EAACU,GAAA,EAAM,UAAAG,EAAA,CAAS;AAAA,EAAA,GAC/B;AAEJ;AAEA,SAASI,EAAW,EAAE,QAAAb,KAAsD;AAC1E,EAAAG,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,OAAAS,EAAA,IAAUP,EAAA;AAElB,MAAI,CAACP;AACH,WAAO;AAGT,QAAMe,IAAchB,EAAqBC,CAAM,GACzCgB,IAAcZ,EAAE,UAAUJ,CAAM,EAAE;AAExC,SAAO,gBAAAJ,EAACkB,GAAA,EAAM,QAAQC,GAAc,UAAAC,GAAY;AAClD;AAEA,SAASC,EAAc;AAAA,EACrB,cAAAC;AAAA,EACA,SAAAC;AACF,GAGG;AACD,EAAAhB,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,QAAAe,EAAA,IAAWb,EAAA;AAEnB,SAAIW,EAAa,WAAW,SACnB,OAIP,gBAAAtB;AAAA,IAACwB;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAAS,MAAM;AACb,QAAAD,EAAQE,EAAoB,uBAAuB;AAAA,UACjD,gBAAgBH,EAAa;AAAA,QAAA,CAC9B;AAAA,MACH;AAAA,MAEC,YAAE,aAAa;AAAA,IAAA;AAAA,EAAA;AAGtB;AAEA,SAASpB,EAAK,EAAE,WAAAwB,GAAW,YAAAC,GAAY,SAAAJ,KAAmC;AACxE,EAAAK,EAAuB,6BAA6BD,CAAU,GAC9DpB,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B,GAClD,EAAE,SAAAoB,GAAS,MAAAnB,EAAA,IAASC,EAAA,GAEpB,EAAE,MAAAmB,EAAA,IAASC,EAA4B;AAAA,IAC3C,aAAaL;AAAA,EAAA,CACd,GAEKM,KAAiBF,EAAK,oBAAoB,CAAA,GAAI,OAAO,CAAAG,MAAMA,EAAG,WAAW,WAAW,GAEpFC,IAAgBC,EAAY;AAAA,IAChC,MAAMH;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,KAAK;AAAA,QACL,OAAOxB,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAAAc,MACN,gBAAAtB,EAACoC,GAAA,EAAS,UAAU,GAClB,UAAA,gBAAApC,EAACU,GAAA,EAAM,UAAAY,EAAa,qBAAqB,IAAA,CAAI,EAAA,CAC/C;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOd,EAAE,qBAAqB;AAAA,QAC9B,QAAQ,CAAAc,MACN,gBAAAtB,EAACU,GAAA,EACE,UAAAY,EAAa,mBACVe,EAAuB,WAAWf,EAAa,gBAAgB,CAAC,IAChE,IAAA,CACN;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOd,EAAE,2BAA2B;AAAA,QACpC,QAAQ,CAAAc,MACN,gBAAAtB,EAACU,GAAA,EACE,UAAAY,EAAa,oBACVe,EAAuB,WAAWf,EAAa,iBAAiB,CAAC,IACjE,IAAA,CACN;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,KAAK;AAAA,QACL,OAAOd,EAAE,yBAAyB;AAAA,QAClC,QAAQ,CAAAc,MAAgB,gBAAAtB,EAACK,GAAA,EAAc,WAAWiB,EAAa,gBAAA,CAAiB;AAAA,MAAA;AAAA,MAElF;AAAA,QACE,KAAK;AAAA,QACL,OAAOd,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAAAc,MAAgB,gBAAAtB,EAACiB,GAAA,EAAW,QAAQK,EAAa,OAAA,CAAQ;AAAA,MAAA;AAAA,IACnE;AAAA,IAEF,UAAU,CAAAA,MAAgB,gBAAAtB,EAACqB,GAAA,EAAc,cAAAC,GAA4B,SAAAC,EAAA,CAAkB;AAAA,EAAA,CACxF;AAED,SACE,gBAAAvB,EAAC,OAAA,EAAI,WAAWsC,EAAO,MACrB,4BAACtB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAhB,EAAC6B,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAArB,EAAE,OAAO,GACZ;AAAA,MACA,gBAAAR,EAACU,GAAA,EAAM,UAAAF,EAAE,aAAa,EAAA,CAAE;AAAA,IAAA,GAC1B;AAAA,sBAEC+B,GAAA,EAAU,GAAGL,GAAe,OAAO1B,EAAE,OAAO,EAAA,CAAG;AAAA,EAAA,EAAA,CAClD,EAAA,CACF;AAEJ;"}
+{"version":3,"file":"RecoveryCasesList.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesList/RecoveryCasesList.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type {\n  RecoveryCase,\n  RecoveryCaseStatus,\n} from '@gusto/embedded-api/models/components/recoverycase'\nimport { useRecoveryCasesGetSuspense } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\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 { EmptyData, Flex, FlexItem } from '@/components/Common'\nimport { recoveryCasesEvents } from '@/shared/constants'\nimport type { BadgeProps } from '@/components/Common/UI/Badge/BadgeTypes'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\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 getStatusBadgeStatus(status: RecoveryCaseStatus | undefined): BadgeProps['status'] {\n  if (status === 'open') {\n    return 'info'\n  }\n  return 'warning'\n}\n\nfunction ErrorCodeCell({ errorCode }: { errorCode: string | null | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Text } = useComponentContext()\n  const { title, subtitle } = useRecoveryCaseErrorCode(errorCode)\n\n  if (!title && !subtitle) {\n    return (\n      <span aria-label={t('labels.noLatestErrorCodeAriaLabel')} aria-live=\"polite\">\n        {t('labels.noLatestErrorCode')}\n      </span>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      {title && <Text weight=\"semibold\">{title}</Text>}\n      {subtitle && <Text>{subtitle}</Text>}\n    </Flex>\n  )\n}\n\nfunction StatusCell({ status }: { status: RecoveryCaseStatus | undefined }) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Badge } = useComponentContext()\n\n  if (!status) {\n    return null\n  }\n\n  const badgeStatus = getStatusBadgeStatus(status)\n  const statusLabel = t(`status.${status}`)\n\n  return <Badge status={badgeStatus}>{statusLabel}</Badge>\n}\n\nfunction ResolveButton({\n  recoveryCase,\n  onEvent,\n}: {\n  recoveryCase: RecoveryCase\n  onEvent: BaseComponentInterface['onEvent']\n}) {\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Button } = useComponentContext()\n\n  if (recoveryCase.status !== 'open') {\n    return null\n  }\n\n  return (\n    <Button\n      variant=\"secondary\"\n      onClick={() => {\n        onEvent(recoveryCasesEvents.RECOVERY_CASE_RESOLVE, {\n          recoveryCaseId: recoveryCase.uuid,\n        })\n      }}\n    >\n      {t('cta.resolve')}\n    </Button>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: RecoveryCasesListProps) {\n  useComponentDictionary('Payroll.RecoveryCasesList', dictionary)\n  useI18n('Payroll.RecoveryCasesList')\n  const { t } = useTranslation('Payroll.RecoveryCasesList')\n  const { Heading, Text } = useComponentContext()\n\n  const { data } = useRecoveryCasesGetSuspense({\n    companyUuid: companyId,\n  })\n\n  const recoveryCases = (data.recoveryCaseList ?? []).filter(rc => rc.status !== 'recovered')\n\n  const dataViewProps = useDataView({\n    data: recoveryCases,\n    emptyState: () => (\n      <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n    ),\n    columns: [\n      {\n        key: 'originalDebitDate',\n        title: t('columns.originalDebitDate'),\n        render: recoveryCase => (\n          <FlexItem flexGrow={1}>\n            <Text>{recoveryCase.originalDebitDate ?? '-'}</Text>\n          </FlexItem>\n        ),\n      },\n      {\n        key: 'totalAmount',\n        title: t('columns.totalAmount'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.eventTotalAmount\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.eventTotalAmount))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'amountOutstanding',\n        title: t('columns.amountOutstanding'),\n        render: recoveryCase => (\n          <Text>\n            {recoveryCase.amountOutstanding\n              ? formatNumberAsCurrency(parseFloat(recoveryCase.amountOutstanding))\n              : '-'}\n          </Text>\n        ),\n      },\n      {\n        key: 'latestErrorCode',\n        title: t('columns.latestErrorCode'),\n        render: recoveryCase => <ErrorCodeCell errorCode={recoveryCase.latestErrorCode} />,\n      },\n      {\n        key: 'status',\n        title: t('columns.status'),\n        render: recoveryCase => <StatusCell status={recoveryCase.status} />,\n      },\n    ],\n    itemMenu: recoveryCase => <ResolveButton recoveryCase={recoveryCase} onEvent={onEvent} />,\n  })\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"column\" gap={20}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\" styledAs=\"h4\">\n            {t('title')}\n          </Heading>\n          {recoveryCases.length > 0 && <Text>{t('description')}</Text>}\n        </Flex>\n\n        <DataView {...dataViewProps} label={t('title')} />\n      </Flex>\n    </div>\n  )\n}\n"],"names":["RecoveryCasesList","props","jsx","BaseComponent","Root","getStatusBadgeStatus","status","ErrorCodeCell","errorCode","useI18n","t","useTranslation","Text","useComponentContext","title","subtitle","useRecoveryCaseErrorCode","jsxs","Flex","StatusCell","Badge","badgeStatus","statusLabel","ResolveButton","recoveryCase","onEvent","Button","recoveryCasesEvents","companyId","dictionary","useComponentDictionary","Heading","data","useRecoveryCasesGetSuspense","recoveryCases","rc","dataViewProps","useDataView","EmptyData","FlexItem","formatNumberAsCurrency","styles","DataView"],"mappings":"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"}

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

@@ -7,7 +7,6 @@ import { useRecoveryCaseErrorCode as x } from "../useRecoveryCaseErrorCode.js";
 import { BaseComponent as D } from "../../../Base/Base.js";
 import { useBase as B } from "../../../Base/useBase.js";
 import { Flex as d } from "../../../Common/Flex/Flex.js";
-import "classnames";
 import { Form as F } from "../../../Common/Form/Form.js";
 import { useFlow as A } from "../../../Flow/useFlow.js";
 import { useComponentContext as C } from "../../../../contexts/ComponentAdapter/useComponentContext.js";

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

@@ -1 +1 @@
-{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\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  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCaseList?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\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 isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;;AAkBA,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;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}
+{"version":3,"file":"RecoveryCasesResubmit.js","sources":["../../../../../src/components/Payroll/RecoveryCases/RecoveryCasesResubmit/RecoveryCasesResubmit.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useIsMutating } from '@tanstack/react-query'\nimport {\n  useRecoveryCasesRedebitMutation,\n  mutationKeyRecoveryCasesRedebit,\n} from '@gusto/embedded-api/react-query/recoveryCasesRedebit'\nimport { useRecoveryCasesGet } from '@gusto/embedded-api/react-query/recoveryCasesGet'\nimport type { RecoveryCasesContextInterface } from '../RecoveryCasesComponents'\nimport { useRecoveryCaseErrorCode } from '../useRecoveryCaseErrorCode'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport { Flex } from '@/components/Common'\nimport { Form } from '@/components/Common/Form'\nimport { useFlow } from '@/components/Flow/useFlow'\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  const { Heading, Text } = useComponentContext()\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { companyId } = useFlow<RecoveryCasesContextInterface>()\n\n  const { data: recoveryCasesData } = useRecoveryCasesGet({\n    companyUuid: companyId,\n  })\n\n  const recoveryCase = recoveryCasesData?.recoveryCaseList?.find(rc => rc.uuid === recoveryCaseId)\n\n  const { title, subtitle, description } = useRecoveryCaseErrorCode(\n    recoveryCase?.latestErrorCode ?? undefined,\n  )\n\n  const redebitMutation = useRecoveryCasesRedebitMutation()\n\n  const onSubmit = async (e: React.FormEvent<HTMLFormElement>) => {\n    e.preventDefault()\n    await baseSubmitHandler({}, async () => {\n      await redebitMutation.mutateAsync({\n        request: {\n          recoveryCaseUuid: recoveryCaseId,\n        },\n      })\n      onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_DONE, {\n        recoveryCaseId,\n      })\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={16}>\n      {title && <Heading as=\"h2\">{title}</Heading>}\n      {subtitle && <Text>{subtitle}</Text>}\n      {description.length > 0 && description}\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 isMutating = useIsMutating({\n    mutationKey: mutationKeyRecoveryCasesRedebit(),\n  })\n  const isPending = isMutating > 0\n\n  const handleCancel = () => {\n    onEvent(recoveryCasesEvents.RECOVERY_CASE_RESUBMIT_CANCEL)\n  }\n\n  return (\n    <Flex justifyContent=\"flex-end\" gap={12}>\n      <Button variant=\"secondary\" onClick={handleCancel} isDisabled={isPending}>\n        {t('cta.cancel')}\n      </Button>\n      <Button\n        variant=\"primary\"\n        type=\"submit\"\n        form={RECOVERY_CASES_RESUBMIT_FORM_ID}\n        isLoading={isPending}\n      >\n        {t('cta.resubmit')}\n      </Button>\n    </Flex>\n  )\n}\n\nRecoveryCasesResubmit.Footer = Footer\n"],"names":["RECOVERY_CASES_RESUBMIT_FORM_ID","RecoveryCasesResubmit","props","jsx","BaseComponent","Root","dictionary","recoveryCaseId","useComponentDictionary","Heading","Text","useComponentContext","onEvent","baseSubmitHandler","useBase","companyId","useFlow","recoveryCasesData","useRecoveryCasesGet","recoveryCase","rc","title","subtitle","description","useRecoveryCaseErrorCode","redebitMutation","useRecoveryCasesRedebitMutation","onSubmit","e","recoveryCasesEvents","jsxs","Flex","Form","Footer","useI18n","t","useTranslation","Button","isPending","useIsMutating","mutationKeyRecoveryCasesRedebit"],"mappings":";;;;;;;;;;;;;;AAkBA,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;AAClE,QAAM,EAAE,SAAAG,GAAS,MAAAC,EAAA,IAASC,EAAA,GACpB,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjC,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAEhB,EAAE,MAAMC,EAAA,IAAsBC,EAAoB;AAAA,IACtD,aAAaH;AAAA,EAAA,CACd,GAEKI,IAAeF,GAAmB,kBAAkB,KAAK,CAAAG,MAAMA,EAAG,SAASb,CAAc,GAEzF,EAAE,OAAAc,GAAO,UAAAC,GAAU,aAAAC,EAAA,IAAgBC;AAAA,IACvCL,GAAc,mBAAmB;AAAA,EAAA,GAG7BM,IAAkBC,EAAA,GAElBC,IAAW,OAAOC,MAAwC;AAC9D,IAAAA,EAAE,eAAA,GACF,MAAMf,EAAkB,CAAA,GAAI,YAAY;AACtC,YAAMY,EAAgB,YAAY;AAAA,QAChC,SAAS;AAAA,UACP,kBAAkBlB;AAAA,QAAA;AAAA,MACpB,CACD,GACDK,EAAQiB,EAAoB,6BAA6B;AAAA,QACvD,gBAAAtB;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAAA,EACH;AAEA,SACE,gBAAAuB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAA;AAAA,IAAAV,KAAS,gBAAAlB,EAACM,GAAA,EAAQ,IAAG,MAAM,UAAAY,GAAM;AAAA,IACjCC,KAAY,gBAAAnB,EAACO,GAAA,EAAM,UAAAY,EAAA,CAAS;AAAA,IAC5BC,EAAY,SAAS,KAAKA;AAAA,sBAK1BS,GAAA,EAAK,IAAIhC,GAAiC,UAAA2B,GAAoB,eAAY,OAAA,CAE3E;AAAA,EAAA,GACF;AAEJ;AAEA,MAAMM,IAAS,CAAC,EAAE,SAAArB,QAA4D;AAC5E,EAAAsB,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,QAAAC,EAAA,IAAW1B,EAAA,GAKb2B,IAHaC,EAAc;AAAA,IAC/B,aAAaC,EAAA;AAAA,EAAgC,CAC9C,IAC8B;AAM/B,SACE,gBAAAV,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,IAAA,gBAAA5B,EAACkC,GAAA,EAAO,SAAQ,aAAY,SANX,MAAM;AACzB,MAAAzB,EAAQiB,EAAoB,6BAA6B;AAAA,IAC3D,GAIuD,YAAYS,GAC5D,UAAAH,EAAE,YAAY,EAAA,CACjB;AAAA,IACA,gBAAAhC;AAAA,MAACkC;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,MAAK;AAAA,QACL,MAAMrC;AAAA,QACN,WAAWsC;AAAA,QAEV,YAAE,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EACnB,GACF;AAEJ;AAEArC,EAAsB,SAASgC;"}

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

@@ -2,7 +2,6 @@ import { jsxs as d, jsx as e } from "react/jsx-runtime";
 import { useTranslation as a, Trans as c } from "react-i18next";
 import p from "./RecoveryCaseErrorCode.module.scss.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { useComponentContext as R } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as f } from "../../../i18n/I18n.js";
 function h(s) {
@@ -19,7 +18,7 @@ function h(s) {
       return "bankError";
   }
 }
-function g(s) {
+function v(s) {
   f("Payroll.RecoveryCasesResubmit");
   const { t: r } = a("Payroll.RecoveryCasesResubmit"), { Text: o } = R();
   if (!s)
@@ -60,6 +59,6 @@ function g(s) {
   };
 }
 export {
-  g as useRecoveryCaseErrorCode
+  v as useRecoveryCaseErrorCode
 };
 //# sourceMappingURL=useRecoveryCaseErrorCode.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useRecoveryCaseErrorCode.js","sources":["../../../../src/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './RecoveryCaseErrorCode.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface RecoveryCaseErrorCodeContent {\n  title: string | null\n  subtitle: string | null\n  description: ReactNode[]\n}\n\ntype ErrorCodeKey = 'R01' | 'R02' | 'R16' | 'R29' | 'bankError'\n\nfunction getErrorCodeKey(errorCode: string | null | undefined): ErrorCodeKey {\n  switch (errorCode) {\n    case 'R01':\n      return 'R01'\n    case 'R02':\n      return 'R02'\n    case 'R16':\n      return 'R16'\n    case 'R29':\n      return 'R29'\n    default:\n      return 'bankError'\n  }\n}\n\nexport function useRecoveryCaseErrorCode(\n  errorCode: string | null | undefined,\n): RecoveryCaseErrorCodeContent {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Text } = useComponentContext()\n\n  if (!errorCode) {\n    return {\n      title: null,\n      subtitle: null,\n      description: [],\n    }\n  }\n\n  const errorCodeKey = getErrorCodeKey(errorCode)\n\n  const transComponents = {\n    medium: <Text as=\"span\" weight=\"medium\" />,\n  }\n\n  const description: ReactNode[] = [\n    <Text key=\"body\">\n      <Trans t={t} i18nKey={`errorCodes.${errorCodeKey}.body`} components={transComponents} />\n    </Text>,\n  ]\n\n  if (errorCodeKey === 'R29') {\n    const achCodes = Object.values(t('errorCodes.R29.achCodes', { returnObjects: true }))\n    description.push(\n      <Flex key=\"instruction\" flexDirection=\"column\" gap={16}>\n        <Text>{t('errorCodes.R29.listDescription')}</Text>\n        <ul className={styles.compactList}>\n          {achCodes.map((code, index) => (\n            <li key={index}>{code}</li>\n          ))}\n        </ul>\n        <Text>\n          <Trans t={t} i18nKey=\"errorCodes.R29.instruction\" components={transComponents} />\n        </Text>\n      </Flex>,\n    )\n  } else {\n    const instruction = t(`errorCodes.${errorCodeKey}.instruction`)\n    if (instruction) {\n      description.push(\n        <Text key=\"instruction\">\n          <Trans\n            t={t}\n            i18nKey={`errorCodes.${errorCodeKey}.instruction`}\n            components={transComponents}\n          />\n        </Text>,\n      )\n    }\n  }\n\n  return {\n    title: t(`errorCodes.${errorCodeKey}.title`),\n    subtitle: t(`errorCodes.${errorCodeKey}.subtitle`),\n    description,\n  }\n}\n"],"names":["getErrorCodeKey","errorCode","useRecoveryCaseErrorCode","useI18n","t","useTranslation","Text","useComponentContext","errorCodeKey","transComponents","jsx","description","Trans","achCodes","jsxs","Flex","styles","code","index"],"mappings":";;;;;;;AAeA,SAASA,EAAgBC,GAAoD;AAC3E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,SAASC,EACdD,GAC8B;AAC9B,EAAAE,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,MAAI,CAACN;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,CAAA;AAAA,IAAC;AAIlB,QAAMO,IAAeR,EAAgBC,CAAS,GAExCQ,IAAkB;AAAA,IACtB,QAAQ,gBAAAC,EAACJ,GAAA,EAAK,IAAG,QAAO,QAAO,SAAA,CAAS;AAAA,EAAA,GAGpCK,IAA2B;AAAA,IAC/B,gBAAAD,EAACJ,GAAA,EACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAS,cAAcI,CAAY,SAAS,YAAYC,EAAA,CAAiB,EAAA,GAD9E,MAEV;AAAA,EAAA;AAGF,MAAID,MAAiB,OAAO;AAC1B,UAAMK,IAAW,OAAO,OAAOT,EAAE,2BAA2B,EAAE,eAAe,GAAA,CAAM,CAAC;AACpF,IAAAO,EAAY;AAAA,MACV,gBAAAG,EAACC,GAAA,EAAuB,eAAc,UAAS,KAAK,IAClD,UAAA;AAAA,QAAA,gBAAAL,EAACJ,GAAA,EAAM,UAAAF,EAAE,gCAAgC,EAAA,CAAE;AAAA,QAC3C,gBAAAM,EAAC,MAAA,EAAG,WAAWM,EAAO,aACnB,UAAAH,EAAS,IAAI,CAACI,GAAMC,MACnB,gBAAAR,EAAC,MAAA,EAAgB,UAAAO,KAARC,CAAa,CACvB,GACH;AAAA,QACA,gBAAAR,EAACJ,KACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAQ,8BAA6B,YAAYK,EAAA,CAAiB,EAAA,CACjF;AAAA,MAAA,EAAA,GATQ,aAUV;AAAA,IAAA;AAAA,EAEJ;AAEE,IADoBL,EAAE,cAAcI,CAAY,cAAc,KAE5DG,EAAY;AAAA,wBACTL,GAAA,EACC,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAS,cAAcI,CAAY;AAAA,UACnC,YAAYC;AAAA,QAAA;AAAA,MAAA,KAJN,aAMV;AAAA,IAAA;AAKN,SAAO;AAAA,IACL,OAAOL,EAAE,cAAcI,CAAY,QAAQ;AAAA,IAC3C,UAAUJ,EAAE,cAAcI,CAAY,WAAW;AAAA,IACjD,aAAAG;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useRecoveryCaseErrorCode.js","sources":["../../../../src/components/Payroll/RecoveryCases/useRecoveryCaseErrorCode.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './RecoveryCaseErrorCode.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nexport interface RecoveryCaseErrorCodeContent {\n  title: string | null\n  subtitle: string | null\n  description: ReactNode[]\n}\n\ntype ErrorCodeKey = 'R01' | 'R02' | 'R16' | 'R29' | 'bankError'\n\nfunction getErrorCodeKey(errorCode: string | null | undefined): ErrorCodeKey {\n  switch (errorCode) {\n    case 'R01':\n      return 'R01'\n    case 'R02':\n      return 'R02'\n    case 'R16':\n      return 'R16'\n    case 'R29':\n      return 'R29'\n    default:\n      return 'bankError'\n  }\n}\n\nexport function useRecoveryCaseErrorCode(\n  errorCode: string | null | undefined,\n): RecoveryCaseErrorCodeContent {\n  useI18n('Payroll.RecoveryCasesResubmit')\n  const { t } = useTranslation('Payroll.RecoveryCasesResubmit')\n  const { Text } = useComponentContext()\n\n  if (!errorCode) {\n    return {\n      title: null,\n      subtitle: null,\n      description: [],\n    }\n  }\n\n  const errorCodeKey = getErrorCodeKey(errorCode)\n\n  const transComponents = {\n    medium: <Text as=\"span\" weight=\"medium\" />,\n  }\n\n  const description: ReactNode[] = [\n    <Text key=\"body\">\n      <Trans t={t} i18nKey={`errorCodes.${errorCodeKey}.body`} components={transComponents} />\n    </Text>,\n  ]\n\n  if (errorCodeKey === 'R29') {\n    const achCodes = Object.values(t('errorCodes.R29.achCodes', { returnObjects: true }))\n    description.push(\n      <Flex key=\"instruction\" flexDirection=\"column\" gap={16}>\n        <Text>{t('errorCodes.R29.listDescription')}</Text>\n        <ul className={styles.compactList}>\n          {achCodes.map((code, index) => (\n            <li key={index}>{code}</li>\n          ))}\n        </ul>\n        <Text>\n          <Trans t={t} i18nKey=\"errorCodes.R29.instruction\" components={transComponents} />\n        </Text>\n      </Flex>,\n    )\n  } else {\n    const instruction = t(`errorCodes.${errorCodeKey}.instruction`)\n    if (instruction) {\n      description.push(\n        <Text key=\"instruction\">\n          <Trans\n            t={t}\n            i18nKey={`errorCodes.${errorCodeKey}.instruction`}\n            components={transComponents}\n          />\n        </Text>,\n      )\n    }\n  }\n\n  return {\n    title: t(`errorCodes.${errorCodeKey}.title`),\n    subtitle: t(`errorCodes.${errorCodeKey}.subtitle`),\n    description,\n  }\n}\n"],"names":["getErrorCodeKey","errorCode","useRecoveryCaseErrorCode","useI18n","t","useTranslation","Text","useComponentContext","errorCodeKey","transComponents","jsx","description","Trans","achCodes","jsxs","Flex","styles","code","index"],"mappings":";;;;;;AAeA,SAASA,EAAgBC,GAAoD;AAC3E,UAAQA,GAAA;AAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EAAA;AAEb;AAEO,SAASC,EACdD,GAC8B;AAC9B,EAAAE,EAAQ,+BAA+B;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,+BAA+B,GACtD,EAAE,MAAAC,EAAA,IAASC,EAAA;AAEjB,MAAI,CAACN;AACH,WAAO;AAAA,MACL,OAAO;AAAA,MACP,UAAU;AAAA,MACV,aAAa,CAAA;AAAA,IAAC;AAIlB,QAAMO,IAAeR,EAAgBC,CAAS,GAExCQ,IAAkB;AAAA,IACtB,QAAQ,gBAAAC,EAACJ,GAAA,EAAK,IAAG,QAAO,QAAO,SAAA,CAAS;AAAA,EAAA,GAGpCK,IAA2B;AAAA,IAC/B,gBAAAD,EAACJ,GAAA,EACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAS,cAAcI,CAAY,SAAS,YAAYC,EAAA,CAAiB,EAAA,GAD9E,MAEV;AAAA,EAAA;AAGF,MAAID,MAAiB,OAAO;AAC1B,UAAMK,IAAW,OAAO,OAAOT,EAAE,2BAA2B,EAAE,eAAe,GAAA,CAAM,CAAC;AACpF,IAAAO,EAAY;AAAA,MACV,gBAAAG,EAACC,GAAA,EAAuB,eAAc,UAAS,KAAK,IAClD,UAAA;AAAA,QAAA,gBAAAL,EAACJ,GAAA,EAAM,UAAAF,EAAE,gCAAgC,EAAA,CAAE;AAAA,QAC3C,gBAAAM,EAAC,MAAA,EAAG,WAAWM,EAAO,aACnB,UAAAH,EAAS,IAAI,CAACI,GAAMC,MACnB,gBAAAR,EAAC,MAAA,EAAgB,UAAAO,KAARC,CAAa,CACvB,GACH;AAAA,QACA,gBAAAR,EAACJ,KACC,UAAA,gBAAAI,EAACE,GAAA,EAAM,GAAAR,GAAM,SAAQ,8BAA6B,YAAYK,EAAA,CAAiB,EAAA,CACjF;AAAA,MAAA,EAAA,GATQ,aAUV;AAAA,IAAA;AAAA,EAEJ;AAEE,IADoBL,EAAE,cAAcI,CAAY,cAAc,KAE5DG,EAAY;AAAA,wBACTL,GAAA,EACC,UAAA,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAS,cAAcI,CAAY;AAAA,UACnC,YAAYC;AAAA,QAAA;AAAA,MAAA,KAJN,aAMV;AAAA,IAAA;AAKN,SAAO;AAAA,IACL,OAAOL,EAAE,cAAcI,CAAY,QAAQ;AAAA,IAC3C,UAAUJ,EAAE,cAAcI,CAAY,WAAW;AAAA,IACjD,aAAAG;AAAA,EAAA;AAEJ;"}

package/dist/components/Payroll/Transition/TransitionFlow.js

@@ -2,37 +2,39 @@ import { jsx as u } from "react/jsx-runtime";
 import { useMemo as b } from "react";
 import { createMachine as f } from "robot3";
 import { transitionMachine as p, transitionBreadcrumbsNodes as x } from "./transitionStateMachine.js";
-import { TransitionExecutionContextual as T, TransitionCreationContextual as B } from "./TransitionFlowComponents.js";
-import { Flow as h } from "../../Flow/Flow.js";
-import { buildBreadcrumbs as C } from "../../../helpers/breadcrumbHelpers.js";
+import { TransitionExecutionContextual as h, TransitionCreationContextual as T } from "./TransitionFlowComponents.js";
+import { Flow as d } from "../../Flow/Flow.js";
+import { buildBreadcrumbs as B } from "../../../helpers/breadcrumbHelpers.js";
 function j({
-  companyId: n,
-  startDate: t,
+  companyId: t,
+  startDate: n,
   endDate: i,
   payScheduleUuid: e,
-  payrollUuid: r,
+  payrollUuid: o,
   onEvent: a
 }) {
-  const o = !!r, m = o ? "execution" : "createTransitionPayroll", s = o ? T : B, c = b(
+  const r = !!o, m = r ? "execution" : "createTransitionPayroll", s = r ? h : T, c = b(
     () => f(
       m,
       p,
       (l) => ({
         ...l,
         component: s,
-        companyId: n,
-        startDate: t,
+        companyId: t,
+        startDate: n,
         endDate: i,
         payScheduleUuid: e,
-        payrollUuid: r,
-        breadcrumbs: C(x),
-        currentBreadcrumbId: o ? void 0 : "createTransitionPayroll",
-        progressBarType: o ? null : "breadcrumbs"
+        payrollUuid: o,
+        header: {
+          type: "breadcrumbs",
+          breadcrumbs: B(x),
+          currentBreadcrumbId: r ? void 0 : "createTransitionPayroll"
+        }
       })
     ),
-    [n, t, i, e, r]
+    [t, n, i, e, o]
   );
-  return /* @__PURE__ */ u(h, { machine: c, onEvent: a });
+  return /* @__PURE__ */ u(d, { machine: c, onEvent: a });
 }
 export {
   j as TransitionFlow

package/dist/components/Payroll/Transition/TransitionFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function TransitionFlow({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  onEvent,\n}: TransitionFlowProps) {\n  const hasExistingPayroll = Boolean(payrollUuid)\n  const initialState = hasExistingPayroll ? 'execution' : 'createTransitionPayroll'\n  const initialComponent = hasExistingPayroll\n    ? TransitionExecutionContextual\n    : TransitionCreationContextual\n\n  const transitionFlowMachine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        transitionMachine,\n        (initialContext: TransitionFlowContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          startDate,\n          endDate,\n          payScheduleUuid,\n          payrollUuid,\n          breadcrumbs: buildBreadcrumbs(transitionBreadcrumbsNodes),\n          currentBreadcrumbId: hasExistingPayroll ? undefined : 'createTransitionPayroll',\n          progressBarType: hasExistingPayroll ? null : ('breadcrumbs' as const),\n        }),\n      ),\n    [companyId, startDate, endDate, payScheduleUuid, payrollUuid],\n  )\n\n  return <Flow machine={transitionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","companyId","startDate","endDate","payScheduleUuid","payrollUuid","onEvent","hasExistingPayroll","initialState","initialComponent","TransitionExecutionContextual","TransitionCreationContextual","transitionFlowMachine","useMemo","createMachine","transitionMachine","initialContext","buildBreadcrumbs","transitionBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAYO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,GAAwB;AACtB,QAAMC,IAAqB,EAAQF,GAC7BG,IAAeD,IAAqB,cAAc,2BAClDE,IAAmBF,IACrBG,IACAC,GAEEC,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAR;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,aAAaY,EAAiBC,CAA0B;AAAA,QACxD,qBAAqBX,IAAqB,SAAY;AAAA,QACtD,iBAAiBA,IAAqB,OAAQ;AAAA,MAAA;AAAA,IAChD;AAAA,IAEJ,CAACN,GAAWC,GAAWC,GAASC,GAAiBC,CAAW;AAAA,EAAA;AAG9D,SAAO,gBAAAc,EAACC,GAAA,EAAK,SAASR,GAAuB,SAAAN,EAAA,CAAkB;AACjE;"}
+{"version":3,"file":"TransitionFlow.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { createMachine } from 'robot3'\nimport { transitionMachine, transitionBreadcrumbsNodes } from './transitionStateMachine'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n  type TransitionFlowProps,\n} from './TransitionFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport function TransitionFlow({\n  companyId,\n  startDate,\n  endDate,\n  payScheduleUuid,\n  payrollUuid,\n  onEvent,\n}: TransitionFlowProps) {\n  const hasExistingPayroll = Boolean(payrollUuid)\n  const initialState = hasExistingPayroll ? 'execution' : 'createTransitionPayroll'\n  const initialComponent = hasExistingPayroll\n    ? TransitionExecutionContextual\n    : TransitionCreationContextual\n\n  const transitionFlowMachine = useMemo(\n    () =>\n      createMachine(\n        initialState,\n        transitionMachine,\n        (initialContext: TransitionFlowContextInterface) => ({\n          ...initialContext,\n          component: initialComponent,\n          companyId,\n          startDate,\n          endDate,\n          payScheduleUuid,\n          payrollUuid,\n          header: {\n            type: 'breadcrumbs' as const,\n            breadcrumbs: buildBreadcrumbs(transitionBreadcrumbsNodes),\n            currentBreadcrumbId: hasExistingPayroll ? undefined : 'createTransitionPayroll',\n          },\n        }),\n      ),\n    [companyId, startDate, endDate, payScheduleUuid, payrollUuid],\n  )\n\n  return <Flow machine={transitionFlowMachine} onEvent={onEvent} />\n}\n"],"names":["TransitionFlow","companyId","startDate","endDate","payScheduleUuid","payrollUuid","onEvent","hasExistingPayroll","initialState","initialComponent","TransitionExecutionContextual","TransitionCreationContextual","transitionFlowMachine","useMemo","createMachine","transitionMachine","initialContext","buildBreadcrumbs","transitionBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAYO,SAASA,EAAe;AAAA,EAC7B,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,SAAAC;AACF,GAAwB;AACtB,QAAMC,IAAqB,EAAQF,GAC7BG,IAAeD,IAAqB,cAAc,2BAClDE,IAAmBF,IACrBG,IACAC,GAEEC,IAAwBC;AAAA,IAC5B,MACEC;AAAA,MACEN;AAAA,MACAO;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWP;AAAA,QACX,WAAAR;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,iBAAAC;AAAA,QACA,aAAAC;AAAA,QACA,QAAQ;AAAA,UACN,MAAM;AAAA,UACN,aAAaY,EAAiBC,CAA0B;AAAA,UACxD,qBAAqBX,IAAqB,SAAY;AAAA,QAAA;AAAA,MACxD;AAAA,IACF;AAAA,IAEJ,CAACN,GAAWC,GAAWC,GAASC,GAAiBC,CAAW;AAAA,EAAA;AAG9D,SAAO,gBAAAc,EAACC,GAAA,EAAK,SAASR,GAAuB,SAAAN,EAAA,CAAkB;AACjE;"}

package/dist/components/Payroll/Transition/TransitionFlowComponents.js

@@ -1,54 +1,54 @@
-import { jsx as a } from "react/jsx-runtime";
-import { useMemo as d } from "react";
+import { jsx as i } from "react/jsx-runtime";
+import { useMemo as c } from "react";
 import { usePayrollsGetSuspense as l } from "@gusto/embedded-api/react-query/payrollsGet";
 import { PayrollExecutionFlow as p } from "../PayrollExecutionFlow/PayrollExecutionFlow.js";
 import { useFlow as s } from "../../Flow/useFlow.js";
 import { BaseComponent as y } from "../../Base/Base.js";
-import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
+import { ensureRequired as a } from "../../../helpers/ensureRequired.js";
 import { TransitionCreation as f } from "../TransitionCreation/TransitionCreation.js";
-function b() {
-  const { companyId: t, startDate: r, endDate: n, payScheduleUuid: i, onEvent: o } = s();
-  return /* @__PURE__ */ a(
+function T() {
+  const { companyId: r, startDate: t, endDate: e, payScheduleUuid: n, onEvent: o } = s();
+  return /* @__PURE__ */ i(
     f,
     {
-      companyId: e(t),
-      startDate: e(r),
-      endDate: e(n),
-      payScheduleUuid: e(i),
+      companyId: a(r),
+      startDate: a(t),
+      endDate: a(e),
+      payScheduleUuid: a(n),
       onEvent: o
     }
   );
 }
 function S() {
-  const { companyId: t, payrollUuid: r, onEvent: n, breadcrumbs: i } = s(), o = i?.createTransitionPayroll?.[0], u = d(() => o ? [o] : void 0, [o]), m = e(t), c = e(r);
-  return /* @__PURE__ */ a(y, { onEvent: n, children: /* @__PURE__ */ a(
+  const { companyId: r, payrollUuid: t, onEvent: e, header: n } = s(), o = n?.type === "breadcrumbs" ? n.breadcrumbs?.createTransitionPayroll?.[0] : void 0, u = c(() => o ? [o] : void 0, [o]), d = a(r), m = a(t);
+  return /* @__PURE__ */ i(y, { onEvent: e, children: /* @__PURE__ */ i(
     x,
     {
-      companyId: m,
-      payrollId: c,
-      onEvent: n,
+      companyId: d,
+      payrollId: m,
+      onEvent: e,
       prefixBreadcrumbs: u
     }
   ) });
 }
 function x({
-  companyId: t,
-  payrollId: r,
-  ...n
+  companyId: r,
+  payrollId: t,
+  ...e
 }) {
-  const { data: i } = l({ companyId: t, payrollId: r }), o = i.payrollShow?.payPeriod;
-  return /* @__PURE__ */ a(
+  const { data: n } = l({ companyId: r, payrollId: t }), o = n.payrollShow?.payPeriod;
+  return /* @__PURE__ */ i(
     p,
     {
-      companyId: t,
-      payrollId: r,
+      companyId: r,
+      payrollId: t,
       initialPayPeriod: o,
-      ...n
+      ...e
     }
   );
 }
 export {
-  b as TransitionCreationContextual,
+  T as TransitionCreationContextual,
   S as TransitionExecutionContextual
 };
 //# sourceMappingURL=TransitionFlowComponents.js.map

package/dist/components/Payroll/Transition/TransitionFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFlowComponents.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { TransitionCreation } from '../TransitionCreation'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface TransitionFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n}\n\nexport interface TransitionFlowProps {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function TransitionCreationContextual() {\n  const { companyId, startDate, endDate, payScheduleUuid, onEvent } =\n    useFlow<TransitionFlowContextInterface>()\n  return (\n    <TransitionCreation\n      companyId={ensureRequired(companyId)}\n      startDate={ensureRequired(startDate)}\n      endDate={ensureRequired(endDate)}\n      payScheduleUuid={ensureRequired(payScheduleUuid)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function TransitionExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, breadcrumbs } = useFlow<TransitionFlowContextInterface>()\n\n  const transitionCreationBreadcrumb = breadcrumbs?.['createTransitionPayroll']?.[0]\n  const prefixBreadcrumbs = useMemo(() => {\n    return transitionCreationBreadcrumb ? [transitionCreationBreadcrumb] : undefined\n  }, [transitionCreationBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <TransitionExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype TransitionExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction TransitionExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: TransitionExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["TransitionCreationContextual","companyId","startDate","endDate","payScheduleUuid","onEvent","useFlow","jsx","TransitionCreation","ensureRequired","TransitionExecutionContextual","payrollUuid","breadcrumbs","transitionCreationBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","TransitionExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA8BO,SAASA,IAA+B;AAC7C,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,iBAAAC,GAAiB,SAAAC,EAAA,IACtDC,EAAA;AACF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeP,CAAS;AAAA,MACnC,SAASO,EAAeN,CAAO;AAAA,MAC/B,iBAAiBM,EAAeL,CAAe;AAAA,MAC/C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAgC;AAC9C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAN,GAAS,aAAAO,EAAA,IAAgBN,EAAA,GAEnDO,IAA+BD,GAAc,0BAA6B,CAAC,GAC3EE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeR,CAAS,GAC5CgB,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA4B;AAAA,EACnC,WAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,GAAGC;AACL,GAAqC;AACnC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAtB,GAAW,WAAAmB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAxB;AAAA,MACA,WAAAmB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"TransitionFlowComponents.js","sources":["../../../../src/components/Payroll/Transition/TransitionFlowComponents.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { usePayrollsGetSuspense } from '@gusto/embedded-api/react-query/payrollsGet'\nimport {\n  PayrollExecutionFlow,\n  type PayrollExecutionFlowProps,\n} from '../PayrollExecutionFlow/PayrollExecutionFlow'\nimport { TransitionCreation } from '../TransitionCreation'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport { BaseComponent } from '@/components/Base/Base'\nimport type { OnEventType } from '@/components/Base/useBase'\nimport type { EventType } from '@/shared/constants'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface TransitionFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n}\n\nexport interface TransitionFlowProps {\n  companyId: string\n  startDate: string\n  endDate: string\n  payScheduleUuid: string\n  payrollUuid?: string\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport function TransitionCreationContextual() {\n  const { companyId, startDate, endDate, payScheduleUuid, onEvent } =\n    useFlow<TransitionFlowContextInterface>()\n  return (\n    <TransitionCreation\n      companyId={ensureRequired(companyId)}\n      startDate={ensureRequired(startDate)}\n      endDate={ensureRequired(endDate)}\n      payScheduleUuid={ensureRequired(payScheduleUuid)}\n      onEvent={onEvent}\n    />\n  )\n}\n\nexport function TransitionExecutionContextual() {\n  const { companyId, payrollUuid, onEvent, header } = useFlow<TransitionFlowContextInterface>()\n\n  const transitionCreationBreadcrumb =\n    header?.type === 'breadcrumbs'\n      ? header.breadcrumbs?.['createTransitionPayroll']?.[0]\n      : undefined\n  const prefixBreadcrumbs = useMemo(() => {\n    return transitionCreationBreadcrumb ? [transitionCreationBreadcrumb] : undefined\n  }, [transitionCreationBreadcrumb])\n\n  const resolvedCompanyId = ensureRequired(companyId)\n  const resolvedPayrollId = ensureRequired(payrollUuid)\n\n  return (\n    <BaseComponent onEvent={onEvent}>\n      <TransitionExecutionWithData\n        companyId={resolvedCompanyId}\n        payrollId={resolvedPayrollId}\n        onEvent={onEvent}\n        prefixBreadcrumbs={prefixBreadcrumbs}\n      />\n    </BaseComponent>\n  )\n}\n\ntype TransitionExecutionWithDataProps = Pick<\n  PayrollExecutionFlowProps,\n  'companyId' | 'payrollId' | 'onEvent' | 'prefixBreadcrumbs'\n>\n\nfunction TransitionExecutionWithData({\n  companyId,\n  payrollId,\n  ...rest\n}: TransitionExecutionWithDataProps) {\n  const { data } = usePayrollsGetSuspense({ companyId, payrollId })\n  const initialPayPeriod = data.payrollShow?.payPeriod\n\n  return (\n    <PayrollExecutionFlow\n      companyId={companyId}\n      payrollId={payrollId}\n      initialPayPeriod={initialPayPeriod}\n      {...rest}\n    />\n  )\n}\n"],"names":["TransitionCreationContextual","companyId","startDate","endDate","payScheduleUuid","onEvent","useFlow","jsx","TransitionCreation","ensureRequired","TransitionExecutionContextual","payrollUuid","header","transitionCreationBreadcrumb","prefixBreadcrumbs","useMemo","resolvedCompanyId","resolvedPayrollId","BaseComponent","TransitionExecutionWithData","payrollId","rest","data","usePayrollsGetSuspense","initialPayPeriod","PayrollExecutionFlow"],"mappings":";;;;;;;;AA8BO,SAASA,IAA+B;AAC7C,QAAM,EAAE,WAAAC,GAAW,WAAAC,GAAW,SAAAC,GAAS,iBAAAC,GAAiB,SAAAC,EAAA,IACtDC,EAAA;AACF,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAeR,CAAS;AAAA,MACnC,WAAWQ,EAAeP,CAAS;AAAA,MACnC,SAASO,EAAeN,CAAO;AAAA,MAC/B,iBAAiBM,EAAeL,CAAe;AAAA,MAC/C,SAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;AAEO,SAASK,IAAgC;AAC9C,QAAM,EAAE,WAAAT,GAAW,aAAAU,GAAa,SAAAN,GAAS,QAAAO,EAAA,IAAWN,EAAA,GAE9CO,IACJD,GAAQ,SAAS,gBACbA,EAAO,aAAc,0BAA6B,CAAC,IACnD,QACAE,IAAoBC,EAAQ,MACzBF,IAA+B,CAACA,CAA4B,IAAI,QACtE,CAACA,CAA4B,CAAC,GAE3BG,IAAoBP,EAAeR,CAAS,GAC5CgB,IAAoBR,EAAeE,CAAW;AAEpD,SACE,gBAAAJ,EAACW,KAAc,SAAAb,GACb,UAAA,gBAAAE;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,WAAWH;AAAA,MACX,WAAWC;AAAA,MACX,SAAAZ;AAAA,MACA,mBAAAS;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAOA,SAASK,EAA4B;AAAA,EACnC,WAAAlB;AAAA,EACA,WAAAmB;AAAA,EACA,GAAGC;AACL,GAAqC;AACnC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAuB,EAAE,WAAAtB,GAAW,WAAAmB,GAAW,GAC1DI,IAAmBF,EAAK,aAAa;AAE3C,SACE,gBAAAf;AAAA,IAACkB;AAAA,IAAA;AAAA,MACC,WAAAxB;AAAA,MACA,WAAAmB;AAAA,MACA,kBAAAI;AAAA,MACC,GAAGH;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/components/Payroll/Transition/transitionStateMachine.js

@@ -1,7 +1,8 @@
-import { state as a, transition as e, reduce as n, guard as l } from "robot3";
-import { TransitionExecutionContextual as c, TransitionCreationContextual as t } from "./TransitionFlowComponents.js";
-import { componentEvents as i } from "../../../shared/constants.js";
-const y = {
+import { state as t, transition as n, reduce as e, guard as l } from "robot3";
+import { TransitionExecutionContextual as d, TransitionCreationContextual as i } from "./TransitionFlowComponents.js";
+import { componentEvents as c } from "../../../shared/constants.js";
+import { patchBreadcrumbsHeader as a } from "../../../helpers/breadcrumbHelpers.js";
+const b = {
   createTransitionPayroll: {
     parent: null,
     item: {
@@ -9,50 +10,45 @@ const y = {
       label: "breadcrumbLabel",
       namespace: "Payroll.Transition",
       onNavigate: ((r) => ({
-        ...r,
-        component: t,
-        payrollUuid: void 0,
-        currentBreadcrumbId: "createTransitionPayroll",
-        progressBarType: "breadcrumbs"
+        ...a(r, { currentBreadcrumbId: "createTransitionPayroll" }),
+        component: i,
+        payrollUuid: void 0
       }))
     }
   }
 };
-function s(r) {
+function u(r) {
   return {
-    ...r,
-    component: t,
-    payrollUuid: void 0,
-    currentBreadcrumbId: "createTransitionPayroll",
-    progressBarType: "breadcrumbs"
+    ...a(r, { currentBreadcrumbId: "createTransitionPayroll" }),
+    component: i,
+    payrollUuid: void 0
   };
 }
-const u = e(
-  i.BREADCRUMB_NAVIGATE,
+const s = n(
+  c.BREADCRUMB_NAVIGATE,
   "createTransitionPayroll",
   l(
     (r, o) => o.payload.key === "createTransitionPayroll"
   ),
-  n(s)
-), T = {
-  createTransitionPayroll: a(
-    e(
-      i.TRANSITION_CREATED,
+  e(u)
+), B = {
+  createTransitionPayroll: t(
+    n(
+      c.TRANSITION_CREATED,
       "execution",
-      n(
+      e(
         (r, o) => ({
-          ...r,
+          ...a(r, { currentBreadcrumbId: void 0 }),
           payrollUuid: o.payload?.payrollUuid,
-          component: c,
-          progressBarType: null
+          component: d
         })
       )
     )
   ),
-  execution: a(u)
+  execution: t(s)
 };
 export {
-  y as transitionBreadcrumbsNodes,
-  T as transitionMachine
+  b as transitionBreadcrumbsNodes,
+  B as transitionMachine
 };
 //# sourceMappingURL=transitionStateMachine.js.map

package/dist/components/Payroll/Transition/transitionStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"transitionStateMachine.js","sources":["../../../../src/components/Payroll/Transition/transitionStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n} from './TransitionFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\n\nexport const transitionBreadcrumbsNodes: BreadcrumbNodes = {\n  createTransitionPayroll: {\n    parent: null,\n    item: {\n      id: 'createTransitionPayroll',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Transition',\n      onNavigate: ((ctx: TransitionFlowContextInterface) => ({\n        ...ctx,\n        component: TransitionCreationContextual,\n        payrollUuid: undefined,\n        currentBreadcrumbId: 'createTransitionPayroll',\n        progressBarType: 'breadcrumbs',\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toCreationReducer(ctx: TransitionFlowContextInterface): TransitionFlowContextInterface {\n  return {\n    ...ctx,\n    component: TransitionCreationContextual,\n    payrollUuid: undefined,\n    currentBreadcrumbId: 'createTransitionPayroll',\n    progressBarType: 'breadcrumbs',\n  }\n}\n\nconst creationBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'createTransitionPayroll',\n  guard(\n    (_ctx: TransitionFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'createTransitionPayroll',\n  ),\n  reduce(toCreationReducer),\n)\n\nexport const transitionMachine = {\n  createTransitionPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.TRANSITION_CREATED,\n      'execution',\n      reduce(\n        (\n          ctx: TransitionFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): TransitionFlowContextInterface => ({\n          ...ctx,\n          payrollUuid: ev.payload?.payrollUuid,\n          component: TransitionExecutionContextual,\n          progressBarType: null,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(creationBreadcrumbTransition),\n}\n"],"names":["transitionBreadcrumbsNodes","ctx","TransitionCreationContextual","toCreationReducer","creationBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","transitionMachine","state","TransitionExecutionContextual"],"mappings":";;;AAUO,MAAMA,IAA8C;AAAA,EACzD,yBAAyB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAyC;AAAA,QACrD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,aAAa;AAAA,QACb,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,MAAA;AAAA,IACnB;AAAA,EACF;AAEJ;AAEA,SAASC,EAAkBF,GAAqE;AAC9F,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,WAAWC;AAAA,IACX,aAAa;AAAA,IACb,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,EAAA;AAErB;AAEA,MAAME,IAA+BC;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAsCC,MACrCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOP,CAAiB;AAC1B,GAEaQ,IAAoB;AAAA,EAC/B,yBAAyBC;AAAA,IACvBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACET,GACAQ,OACoC;AAAA,UACpC,GAAGR;AAAA,UACH,aAAaQ,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,UACX,iBAAiB;AAAA,QAAA;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAA4B;AAClE;"}
+{"version":3,"file":"transitionStateMachine.js","sources":["../../../../src/components/Payroll/Transition/transitionStateMachine.ts"],"sourcesContent":["import { state, transition, reduce, guard } from 'robot3'\nimport {\n  TransitionCreationContextual,\n  TransitionExecutionContextual,\n  type TransitionFlowContextInterface,\n} from './TransitionFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { patchBreadcrumbsHeader } from '@/helpers/breadcrumbHelpers'\n\nexport const transitionBreadcrumbsNodes: BreadcrumbNodes = {\n  createTransitionPayroll: {\n    parent: null,\n    item: {\n      id: 'createTransitionPayroll',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.Transition',\n      onNavigate: ((ctx: TransitionFlowContextInterface) => ({\n        ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'createTransitionPayroll' }),\n        component: TransitionCreationContextual,\n        payrollUuid: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n}\n\nfunction toCreationReducer(ctx: TransitionFlowContextInterface): TransitionFlowContextInterface {\n  return {\n    ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: 'createTransitionPayroll' }),\n    component: TransitionCreationContextual,\n    payrollUuid: undefined,\n  }\n}\n\nconst creationBreadcrumbTransition = transition(\n  componentEvents.BREADCRUMB_NAVIGATE,\n  'createTransitionPayroll',\n  guard(\n    (_ctx: TransitionFlowContextInterface, ev: { payload: { key: string } }) =>\n      ev.payload.key === 'createTransitionPayroll',\n  ),\n  reduce(toCreationReducer),\n)\n\nexport const transitionMachine = {\n  createTransitionPayroll: state<MachineTransition>(\n    transition(\n      componentEvents.TRANSITION_CREATED,\n      'execution',\n      reduce(\n        (\n          ctx: TransitionFlowContextInterface,\n          ev: { payload?: { payrollUuid?: string } },\n        ): TransitionFlowContextInterface => ({\n          ...patchBreadcrumbsHeader(ctx, { currentBreadcrumbId: undefined }),\n          payrollUuid: ev.payload?.payrollUuid,\n          component: TransitionExecutionContextual,\n        }),\n      ),\n    ),\n  ),\n\n  execution: state<MachineTransition>(creationBreadcrumbTransition),\n}\n"],"names":["transitionBreadcrumbsNodes","ctx","patchBreadcrumbsHeader","TransitionCreationContextual","toCreationReducer","creationBreadcrumbTransition","transition","componentEvents","guard","_ctx","ev","reduce","transitionMachine","state","TransitionExecutionContextual"],"mappings":";;;;AAWO,MAAMA,IAA8C;AAAA,EACzD,yBAAyB;AAAA,IACvB,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAyC;AAAA,QACrD,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,2BAA2B;AAAA,QACjF,WAAWE;AAAA,QACX,aAAa;AAAA,MAAA;AAAA,IACf;AAAA,EACF;AAEJ;AAEA,SAASC,EAAkBH,GAAqE;AAC9F,SAAO;AAAA,IACL,GAAGC,EAAuBD,GAAK,EAAE,qBAAqB,2BAA2B;AAAA,IACjF,WAAWE;AAAA,IACX,aAAa;AAAA,EAAA;AAEjB;AAEA,MAAME,IAA+BC;AAAA,EACnCC,EAAgB;AAAA,EAChB;AAAA,EACAC;AAAA,IACE,CAACC,GAAsCC,MACrCA,EAAG,QAAQ,QAAQ;AAAA,EAAA;AAAA,EAEvBC,EAAOP,CAAiB;AAC1B,GAEaQ,IAAoB;AAAA,EAC/B,yBAAyBC;AAAA,IACvBP;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAI;AAAA,QACE,CACEV,GACAS,OACoC;AAAA,UACpC,GAAGR,EAAuBD,GAAK,EAAE,qBAAqB,QAAW;AAAA,UACjE,aAAaS,EAAG,SAAS;AAAA,UACzB,WAAWI;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EAGF,WAAWD,EAAyBR,CAA4B;AAClE;"}

package/dist/components/Payroll/TransitionCreation/TransitionCreationPresentation.js

@@ -6,13 +6,12 @@ import a from "./TransitionCreationPresentation.module.scss.js";
 import { useI18n as d } from "../../../i18n/I18n.js";
 import { useComponentContext as G } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { Flex as t } from "../../Common/Flex/Flex.js";
-import "classnames";
 import { useDateFormatter as j } from "../../../hooks/useDateFormatter.js";
 import { RadioGroupField as F } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import { OffCycleTaxWithholdingTable as L } from "../OffCycleTaxWithholdingTable/OffCycleTaxWithholdingTable.js";
 import { OffCycleTaxWithholdingModal as R } from "../OffCycleTaxWithholdingModal/OffCycleTaxWithholdingModal.js";
 import { DatePickerField as A } from "../../Common/Fields/DatePickerField/DatePickerField.js";
-function U({
+function Q({
   startDate: D,
   endDate: C,
   payScheduleName: p,
@@ -105,6 +104,6 @@ function U({
   ] });
 }
 export {
-  U as TransitionCreationPresentation
+  Q as TransitionCreationPresentation
 };
 //# sourceMappingURL=TransitionCreationPresentation.js.map