@gusto/embedded-react-sdk 0.20.0 → 0.22.0

package/dist/components/Contractor/Payments/Overview/Overview.js

@@ -0,0 +1,72 @@
+import { jsx as e } from "react/jsx-runtime";
+import { OverviewPresentation as i } from "./OverviewPresentation.js";
+import { useComponentDictionary as a } from "../../../../i18n/I18n.js";
+import { BaseComponent as m } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as n } from "../../../../shared/constants.js";
+function A(t) {
+  return /* @__PURE__ */ e(m, { ...t, children: /* @__PURE__ */ e(u, { ...t, children: t.children }) });
+}
+const u = ({ companyId: t, dictionary: r, onEvent: o, children: c }) => (a("Contractor.Payments.Overview", r), /* @__PURE__ */ e(
+  i,
+  {
+    contractorPaymentGroup: {
+      uuid: "group-1",
+      companyUuid: "company-1",
+      checkDate: "2025-09-17",
+      debitDate: "2025-09-15",
+      status: "Unfunded",
+      totals: {
+        amount: "1180",
+        debitAmount: "1180",
+        wageAmount: "1000",
+        reimbursementAmount: "0"
+      },
+      contractorPayments: [
+        {
+          uuid: "1",
+          contractorUuid: "armstrong-louis",
+          wageType: "Fixed",
+          paymentMethod: "Direct Deposit",
+          hours: void 0,
+          wage: "1000",
+          bonus: "0",
+          reimbursement: "0",
+          wageTotal: "1000"
+        },
+        {
+          uuid: "2",
+          contractorUuid: "fitzgerald-ella",
+          wageType: "Hourly",
+          hourlyRate: "18",
+          paymentMethod: "Direct Deposit",
+          hours: "10",
+          wage: void 0,
+          bonus: "0",
+          reimbursement: "0",
+          wageTotal: "180"
+        }
+      ]
+    },
+    paymentSummary: {
+      totalAmount: "1180",
+      debitAmount: "1180",
+      debitAccount: "Checking Account ending in 4567",
+      debitDate: "2025-09-15",
+      contractorPayDate: "2025-09-17",
+      checkDate: "2025-09-17",
+      submitByDate: "2025-09-14"
+    },
+    onEdit: () => {
+      o(n.CONTRACTOR_PAYMENT_CREATE);
+    },
+    onSubmit: () => {
+      o(n.CONTRACTOR_PAYMENT_SUBMIT);
+    }
+  }
+));
+export {
+  A as Overview,
+  u as Root
+};
+//# sourceMappingURL=Overview.js.map

package/dist/components/Contractor/Payments/Overview/Overview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overview.js","sources":["../../../../../src/components/Contractor/Payments/Overview/Overview.tsx"],"sourcesContent":["import { OverviewPresentation } from './OverviewPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface OverviewProps extends BaseComponentInterface<'Contractor.Payments.Overview'> {\n  companyId: string\n}\n\nexport function Overview(props: OverviewProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, children }: OverviewProps) => {\n  useComponentDictionary('Contractor.Payments.Overview', dictionary)\n\n  const onSubmit = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_SUBMIT)\n  }\n  const onEdit = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n  return (\n    <OverviewPresentation\n      contractorPaymentGroup={{\n        uuid: 'group-1',\n        companyUuid: 'company-1',\n        checkDate: '2025-09-17',\n        debitDate: '2025-09-15',\n        status: 'Unfunded' as const,\n        totals: {\n          amount: '1180',\n          debitAmount: '1180',\n          wageAmount: '1000',\n          reimbursementAmount: '0',\n        },\n        contractorPayments: [\n          {\n            uuid: '1',\n            contractorUuid: 'armstrong-louis',\n            wageType: 'Fixed' as const,\n            paymentMethod: 'Direct Deposit' as const,\n            hours: undefined,\n            wage: '1000',\n            bonus: '0',\n            reimbursement: '0',\n            wageTotal: '1000',\n          },\n          {\n            uuid: '2',\n            contractorUuid: 'fitzgerald-ella',\n            wageType: 'Hourly' as const,\n            hourlyRate: '18',\n            paymentMethod: 'Direct Deposit' as const,\n            hours: '10',\n            wage: undefined,\n            bonus: '0',\n            reimbursement: '0',\n            wageTotal: '180',\n          },\n        ],\n      }}\n      paymentSummary={{\n        totalAmount: '1180',\n        debitAmount: '1180',\n        debitAccount: 'Checking Account ending in 4567',\n        debitDate: '2025-09-15',\n        contractorPayDate: '2025-09-17',\n        checkDate: '2025-09-17',\n        submitByDate: '2025-09-14',\n      }}\n      onEdit={onEdit}\n      onSubmit={onSubmit}\n    />\n  )\n}\n"],"names":["Overview","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","OverviewPresentation","componentEvents"],"mappings":";;;;;;AASO,SAASA,EAASC,GAAsB;AAC7C,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,UAAAC,SACrDC,EAAuB,gCAAgCH,CAAU,GAS/D,gBAAAJ;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,wBAAwB;AAAA,MACtB,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,MACX,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,QAAQ;AAAA,QACN,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,qBAAqB;AAAA,MAAA;AAAA,MAEvB,oBAAoB;AAAA,QAClB;AAAA,UACE,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,eAAe;AAAA,UACf,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,eAAe;AAAA,UACf,WAAW;AAAA,QAAA;AAAA,QAEb;AAAA,UACE,MAAM;AAAA,UACN,gBAAgB;AAAA,UAChB,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,OAAO;AAAA,UACP,MAAM;AAAA,UACN,OAAO;AAAA,UACP,eAAe;AAAA,UACf,WAAW;AAAA,QAAA;AAAA,MACb;AAAA,IACF;AAAA,IAEF,gBAAgB;AAAA,MACd,aAAa;AAAA,MACb,aAAa;AAAA,MACb,cAAc;AAAA,MACd,WAAW;AAAA,MACX,mBAAmB;AAAA,MACnB,WAAW;AAAA,MACX,cAAc;AAAA,IAAA;AAAA,IAEhB,QApDW,MAAM;AACnB,MAAAH,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,IAmDI,UAxDa,MAAM;AACrB,MAAAJ,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,EAsDI;AAAA;"}

package/dist/components/Contractor/Payments/Overview/OverviewPresentation.d.ts

@@ -0,0 +1,18 @@
+import { ContractorPaymentGroup } from '../types';
+interface PaymentSummary {
+    totalAmount: string;
+    debitAmount: string;
+    debitAccount: string;
+    debitDate: string;
+    contractorPayDate: string;
+    checkDate: string;
+    submitByDate: string;
+}
+interface ContractorPaymentOverviewPresentationProps {
+    paymentSummary: PaymentSummary;
+    contractorPaymentGroup: ContractorPaymentGroup;
+    onEdit: () => void;
+    onSubmit: () => void;
+}
+export declare const OverviewPresentation: ({ paymentSummary, contractorPaymentGroup, onEdit, onSubmit, }: ContractorPaymentOverviewPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/Overview/OverviewPresentation.js

@@ -0,0 +1,131 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useTranslation as T } from "react-i18next";
+import { Flex as s } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { useI18n as g } from "../../../../i18n/I18n.js";
+import { formatNumberAsCurrency as l } from "../../../../helpers/formattedStrings.js";
+import { useLocale as w } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { formatHoursDisplay as H } from "../../../Payroll/helpers.js";
+import { DataView as u } from "../../../Common/DataView/DataView.js";
+const D = "0.000", L = ({
+  paymentSummary: d,
+  contractorPaymentGroup: n,
+  onEdit: h,
+  onSubmit: b
+}) => {
+  const { Button: m, Text: a, Heading: c } = f();
+  g("Contractor.Payments.Overview");
+  const { t: r } = T("Contractor.Payments.Overview"), { locale: i } = w(), p = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${r("wageTypes.hourly")} ${l(parseFloat(e.hourlyRate), i)}${r("perHour")}` : e.wageType, y = n.contractorPayments || [];
+  return /* @__PURE__ */ o(s, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ o(s, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ t(c, { as: "h1", children: r("title") }),
+      /* @__PURE__ */ t(c, { as: "h2", children: r("reviewAndSubmitTitle") }),
+      /* @__PURE__ */ t(a, { children: r("reviewSubtitle", { submitByDate: d.submitByDate }) })
+    ] }),
+    /* @__PURE__ */ t(s, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ t(
+      u,
+      {
+        columns: [
+          {
+            title: r("summaryTableHeaders.totalAmount"),
+            render: () => /* @__PURE__ */ t(a, { children: l(
+              parseFloat(n.totals?.amount || "0"),
+              i
+            ) })
+          },
+          {
+            title: r("summaryTableHeaders.debitAmount"),
+            render: () => /* @__PURE__ */ t(a, { children: l(
+              parseFloat(n.totals?.debitAmount || "0"),
+              i
+            ) })
+          },
+          {
+            title: r("summaryTableHeaders.debitAccount"),
+            render: () => /* @__PURE__ */ t(a, { children: d.debitAccount })
+          },
+          {
+            title: r("summaryTableHeaders.debitDate"),
+            render: () => /* @__PURE__ */ t(a, { children: n.debitDate || d.debitDate })
+          },
+          {
+            title: r("summaryTableHeaders.contractorPayDate"),
+            render: () => /* @__PURE__ */ t(a, { children: n.checkDate || d.contractorPayDate })
+          }
+        ],
+        data: [n],
+        label: "Payment Summary"
+      }
+    ) }),
+    /* @__PURE__ */ o(s, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ o(s, { flexDirection: "column", gap: 8, children: [
+        /* @__PURE__ */ t(c, { as: "h2", children: r("whatYourCompanyPays") }),
+        /* @__PURE__ */ o(a, { variant: "supporting", children: [
+          r("dateLabel"),
+          ": ",
+          n.checkDate
+        ] })
+      ] }),
+      /* @__PURE__ */ t("div", { style: { width: "100%" }, children: /* @__PURE__ */ t(
+        u,
+        {
+          columns: [
+            {
+              title: r("contractorTableHeaders.contractor"),
+              render: (e) => /* @__PURE__ */ t(a, { children: e.contractorUuid || "N/A" })
+            },
+            {
+              title: r("contractorTableHeaders.wageType"),
+              render: (e) => /* @__PURE__ */ t(a, { children: p(e) })
+            },
+            {
+              title: r("contractorTableHeaders.paymentMethod"),
+              render: (e) => /* @__PURE__ */ t(a, { children: e.paymentMethod || "N/A" })
+            },
+            {
+              title: r("contractorTableHeaders.hours"),
+              render: (e) => /* @__PURE__ */ t(a, { children: e.wageType === "Hourly" && e.hours ? H(parseFloat(e.hours)) : D })
+            },
+            {
+              title: r("contractorTableHeaders.wage"),
+              render: (e) => /* @__PURE__ */ t(a, { children: e.wageType === "Fixed" && e.wage ? l(parseFloat(e.wage), i) : l(0, i) })
+            },
+            {
+              title: r("contractorTableHeaders.bonus"),
+              render: (e) => /* @__PURE__ */ t(a, { children: l(
+                e.bonus ? parseFloat(e.bonus) : 0,
+                i
+              ) })
+            },
+            {
+              title: r("contractorTableHeaders.reimbursement"),
+              render: (e) => /* @__PURE__ */ t(a, { children: l(
+                e.reimbursement ? parseFloat(e.reimbursement) : 0,
+                i
+              ) })
+            },
+            {
+              title: r("contractorTableHeaders.total"),
+              render: (e) => /* @__PURE__ */ t(a, { children: l(
+                e.wageTotal ? parseFloat(e.wageTotal) : 0,
+                i
+              ) })
+            }
+          ],
+          data: y,
+          label: r("whatYourCompanyPays")
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ o(s, { justifyContent: "flex-end", gap: 16, children: [
+      /* @__PURE__ */ t(m, { onClick: h, variant: "secondary", children: r("editButton") }),
+      /* @__PURE__ */ t(m, { onClick: b, variant: "primary", children: r("submitButton") })
+    ] })
+  ] });
+};
+export {
+  L as OverviewPresentation
+};
+//# sourceMappingURL=OverviewPresentation.js.map

package/dist/components/Contractor/Payments/Overview/OverviewPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverviewPresentation.js","sources":["../../../../../src/components/Contractor/Payments/Overview/OverviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup, ContractorPaymentGroup } from '../types'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PaymentSummary {\n  totalAmount: string\n  debitAmount: string\n  debitAccount: string\n  debitDate: string\n  contractorPayDate: string\n  checkDate: string\n  submitByDate: string\n}\n\ninterface ContractorPaymentOverviewPresentationProps {\n  paymentSummary: PaymentSummary\n  contractorPaymentGroup: ContractorPaymentGroup\n  onEdit: () => void\n  onSubmit: () => void\n}\n\nexport const OverviewPresentation = ({\n  paymentSummary,\n  contractorPaymentGroup,\n  onEdit,\n  onSubmit,\n}: ContractorPaymentOverviewPresentationProps) => {\n  const { Button, Text, Heading } = useComponentContext()\n  useI18n('Contractor.Payments.Overview')\n  const { t } = useTranslation('Contractor.Payments.Overview')\n  const { locale } = useLocale()\n\n  const formatWageType = (contractor: ContractorPaymentForGroup) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${formatNumberAsCurrency(parseFloat(contractor.hourlyRate), locale)}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const contractors: ContractorPaymentForGroup[] = contractorPaymentGroup.contractorPayments || []\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n        <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n        <Text>{t('reviewSubtitle', { submitByDate: paymentSummary.submitByDate })}</Text>\n      </Flex>\n\n      {/* Payment Summary */}\n      <Flex flexDirection=\"column\" gap={16}>\n        <DataView\n          columns={[\n            {\n              title: t('summaryTableHeaders.totalAmount'),\n              render: () => (\n                <Text>\n                  {formatNumberAsCurrency(\n                    parseFloat(contractorPaymentGroup.totals?.amount || '0'),\n                    locale,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('summaryTableHeaders.debitAmount'),\n              render: () => (\n                <Text>\n                  {formatNumberAsCurrency(\n                    parseFloat(contractorPaymentGroup.totals?.debitAmount || '0'),\n                    locale,\n                  )}\n                </Text>\n              ),\n            },\n            {\n              title: t('summaryTableHeaders.debitAccount'),\n              render: () => <Text>{paymentSummary.debitAccount}</Text>,\n            },\n            {\n              title: t('summaryTableHeaders.debitDate'),\n              render: () => (\n                <Text>{contractorPaymentGroup.debitDate || paymentSummary.debitDate}</Text>\n              ),\n            },\n            {\n              title: t('summaryTableHeaders.contractorPayDate'),\n              render: () => (\n                <Text>{contractorPaymentGroup.checkDate || paymentSummary.contractorPayDate}</Text>\n              ),\n            },\n          ]}\n          data={[contractorPaymentGroup]}\n          label=\"Payment Summary\"\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Heading as=\"h2\">{t('whatYourCompanyPays')}</Heading>\n          <Text variant=\"supporting\">\n            {t('dateLabel')}: {contractorPaymentGroup.checkDate}\n          </Text>\n        </Flex>\n\n        {/* Contractor Payments Table */}\n        <div style={{ width: '100%' }}>\n          <DataView\n            columns={[\n              {\n                title: t('contractorTableHeaders.contractor'),\n                render: contractor => <Text>{contractor.contractorUuid || 'N/A'}</Text>,\n              },\n              {\n                title: t('contractorTableHeaders.wageType'),\n                render: contractor => <Text>{formatWageType(contractor)}</Text>,\n              },\n              {\n                title: t('contractorTableHeaders.paymentMethod'),\n                render: contractor => <Text>{contractor.paymentMethod || 'N/A'}</Text>,\n              },\n              {\n                title: t('contractorTableHeaders.hours'),\n                render: contractor => (\n                  <Text>\n                    {contractor.wageType === 'Hourly' && contractor.hours\n                      ? formatHoursDisplay(parseFloat(contractor.hours))\n                      : ZERO_HOURS_DISPLAY}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.wage'),\n                render: contractor => (\n                  <Text>\n                    {contractor.wageType === 'Fixed' && contractor.wage\n                      ? formatNumberAsCurrency(parseFloat(contractor.wage), locale)\n                      : formatNumberAsCurrency(0, locale)}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.bonus'),\n                render: contractor => (\n                  <Text>\n                    {formatNumberAsCurrency(\n                      contractor.bonus ? parseFloat(contractor.bonus) : 0,\n                      locale,\n                    )}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.reimbursement'),\n                render: contractor => (\n                  <Text>\n                    {formatNumberAsCurrency(\n                      contractor.reimbursement ? parseFloat(contractor.reimbursement) : 0,\n                      locale,\n                    )}\n                  </Text>\n                ),\n              },\n              {\n                title: t('contractorTableHeaders.total'),\n                render: contractor => (\n                  <Text>\n                    {formatNumberAsCurrency(\n                      contractor.wageTotal ? parseFloat(contractor.wageTotal) : 0,\n                      locale,\n                    )}\n                  </Text>\n                ),\n              },\n            ]}\n            data={contractors}\n            label={t('whatYourCompanyPays')}\n          />\n        </div>\n      </Flex>\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Button onClick={onEdit} variant=\"secondary\">\n          {t('editButton')}\n        </Button>\n        <Button onClick={onSubmit} variant=\"primary\">\n          {t('submitButton')}\n        </Button>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","OverviewPresentation","paymentSummary","contractorPaymentGroup","onEdit","onSubmit","Button","Text","Heading","useComponentContext","useI18n","t","useTranslation","locale","useLocale","formatWageType","contractor","formatNumberAsCurrency","contractors","jsxs","Flex","jsx","DataView","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.d.ts

@@ -0,0 +1,2 @@
+import { PaymentFlowProps } from './PaymentFlowComponents';
+export declare const PaymentFlow: ({ companyId, onEvent }: PaymentFlowProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.js

@@ -0,0 +1,26 @@
+import { jsx as t } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as a } from "react";
+import { paymentMachine as i, paymentFlowBreadcrumbsNodes as p } from "./paymentStateMachine.js";
+import { PaymentListContextual as c } from "./PaymentFlowComponents.js";
+import { Flow as s } from "../../../Flow/Flow.js";
+import { buildBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
+const F = ({ companyId: r, onEvent: o }) => {
+  const m = a(
+    () => n("landing", i, (e) => ({
+      ...e,
+      component: c,
+      companyId: r,
+      progressBarType: null,
+      //landing step does not show progress bar/breadcrumbs
+      breadcrumbs: l(p),
+      currentBreadcrumb: "landing"
+    })),
+    [r]
+  );
+  return /* @__PURE__ */ t(s, { machine: m, onEvent: o });
+};
+export {
+  F as PaymentFlow
+};
+//# sourceMappingURL=PaymentFlow.js.map

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { paymentFlowBreadcrumbsNodes, paymentMachine } from './paymentStateMachine'\nimport {\n  PaymentListContextual,\n  type PaymentFlowContextInterface,\n  type PaymentFlowProps,\n} from './PaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport { buildBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nexport const PaymentFlow = ({ companyId, onEvent }: PaymentFlowProps) => {\n  const paymentFlow = useMemo(\n    () =>\n      createMachine('landing', paymentMachine, (initialContext: PaymentFlowContextInterface) => ({\n        ...initialContext,\n        component: PaymentListContextual,\n        companyId,\n        progressBarType: null, //landing step does not show progress bar/breadcrumbs\n        breadcrumbs: buildBreadcrumbs(paymentFlowBreadcrumbsNodes),\n        currentBreadcrumb: 'landing',\n      })),\n    [companyId],\n  )\n  return <Flow machine={paymentFlow} onEvent={onEvent} />\n}\n"],"names":["PaymentFlow","companyId","onEvent","paymentFlow","useMemo","createMachine","paymentMachine","initialContext","PaymentListContextual","buildBreadcrumbs","paymentFlowBreadcrumbsNodes","jsx","Flow"],"mappings":";;;;;;;AAWO,MAAMA,IAAc,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAgC;AACvE,QAAMC,IAAcC;AAAA,IAClB,MACEC,EAAc,WAAWC,GAAgB,CAACC,OAAiD;AAAA,MACzF,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,WAAAP;AAAA,MACA,iBAAiB;AAAA;AAAA,MACjB,aAAaQ,EAAiBC,CAA2B;AAAA,MACzD,mBAAmB;AAAA,IAAA,EACnB;AAAA,IACJ,CAACT,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAST,GAAa,SAAAD,EAAA,CAAkB;AACvD;"}

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.d.ts

@@ -0,0 +1,15 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { BaseComponentInterface } from '../../../Base';
+import { BreadcrumbTrail } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export interface PaymentFlowProps extends BaseComponentInterface {
+    companyId: string;
+}
+export interface PaymentFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    breadcrumbs?: BreadcrumbTrail;
+}
+export declare function PaymentListContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function CreatePaymentContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function EditPaymentContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function OverviewPaymentContextual(): import("react/jsx-runtime").JSX.Element;
+export declare function PaymentHistoryContextual(): import("react/jsx-runtime").JSX.Element;

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js

@@ -0,0 +1,30 @@
+import { jsx as o } from "react/jsx-runtime";
+import { PaymentsList as r } from "../PaymentsList/PaymentsList.js";
+import { CreatePayment as a } from "../CreatePayment/CreatePayment.js";
+import { EditPayment as i } from "../EditPayment/EditPayment.js";
+import { Overview as c } from "../Overview/Overview.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
+import { ensureRequired as m } from "../../../../helpers/ensureRequired.js";
+function I() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(r, { onEvent: n, companyId: m(t) });
+}
+function P() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(a, { onEvent: n, companyId: m(t) });
+}
+function x() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(i, { onEvent: n, companyId: m(t) });
+}
+function C() {
+  const { companyId: t, onEvent: n } = e();
+  return /* @__PURE__ */ o(c, { onEvent: n, companyId: m(t) });
+}
+export {
+  P as CreatePaymentContextual,
+  x as EditPaymentContextual,
+  C as OverviewPaymentContextual,
+  I as PaymentListContextual
+};
+//# sourceMappingURL=PaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/PaymentFlowComponents.tsx"],"sourcesContent":["import { PaymentsList } from '../PaymentsList/PaymentsList'\nimport { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { EditPayment } from '../EditPayment/EditPayment'\nimport { Overview } from '../Overview/Overview'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\n// import { ensureRequired } from '@/helpers/ensureRequired'\nimport type { BreadcrumbTrail } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\nexport interface PaymentFlowProps extends BaseComponentInterface {\n  companyId: string\n}\n\nexport interface PaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  breadcrumbs?: BreadcrumbTrail\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function EditPaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <EditPayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function OverviewPaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <Overview onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  return <div>PaymentHistoryContextual</div>\n}\n"],"names":["PaymentListContextual","companyId","onEvent","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","EditPaymentContextual","EditPayment","OverviewPaymentContextual","Overview"],"mappings":";;;;;;;AAmBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAa,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC/E;AAEO,SAASK,IAA0B;AACxC,QAAM,EAAE,WAAAL,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAL,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAChF;AAEO,SAASO,IAAwB;AACtC,QAAM,EAAE,WAAAP,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQM,GAAA,EAAY,SAAAP,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC9E;AAEO,SAASS,IAA4B;AAC1C,QAAM,EAAE,WAAAT,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQQ,GAAA,EAAS,SAAAT,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC3E;"}

package/dist/components/Contractor/Payments/PaymentFlow/index.d.ts

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { PaymentFlow } from './PaymentFlow';
+export type { PaymentFlowProps } from './PaymentFlowComponents';

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.d.ts

@@ -0,0 +1,8 @@
+import { BreadcrumbNodes } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+export declare const paymentFlowBreadcrumbsNodes: BreadcrumbNodes;
+export declare const paymentMachine: {
+    landing: import('robot3').MachineState<any>;
+    createPayment: import('robot3').MachineState<any>;
+    editPayment: import('robot3').MachineState<any>;
+    overview: import('robot3').MachineState<any>;
+};

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js

@@ -0,0 +1,158 @@
+import { state as o, transition as r, reduce as n } from "robot3";
+import { PaymentListContextual as d, CreatePaymentContextual as c, OverviewPaymentContextual as l, EditPaymentContextual as y } from "./PaymentFlowComponents.js";
+import { componentEvents as m } from "../../../../shared/constants.js";
+import { updateBreadcrumbs as t } from "../../../../helpers/breadcrumbHelpers.js";
+import { createBreadcrumbNavigateTransition as p } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const C = {
+  landing: {
+    parent: null,
+    item: {
+      id: "landing",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.PaymentsList",
+      onNavigate: ((e) => ({
+        ...e,
+        currentBreadcrumb: "landing",
+        progressBarType: null,
+        component: d
+      }))
+    }
+  },
+  createPayment: {
+    parent: "landing",
+    item: {
+      id: "createPayment",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.CreatePayment",
+      onNavigate: ((e) => ({
+        ...t("createPayment", e)
+        // component: PayrollConfigurationContextual,
+      }))
+    }
+  },
+  overview: {
+    parent: "createPayment",
+    item: {
+      id: "overview",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.Overview",
+      onNavigate: ((e) => ({
+        ...t("overview", e),
+        // component: PayrollOverviewContextual,
+        alerts: void 0
+      }))
+    }
+  },
+  editPayment: {
+    //TODO: this node is not used - should consider nulls for these
+    parent: "createPayment",
+    item: {
+      id: "editPayment",
+      label: "breadcrumbLabel",
+      namespace: "Contractor.Payments.EditPayment"
+    }
+  },
+  history: {
+    parent: "overview",
+    item: {
+      id: "receipts",
+      label: "breadcrumbLabel",
+      namespace: "Payroll.PayrollReceipts"
+    }
+  }
+}, s = (e) => (a) => ({
+  ...a,
+  ...e
+}), i = p(), g = {
+  landing: o(
+    r(
+      m.CONTRACTOR_PAYMENT_CREATE,
+      "createPayment",
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
+          component: c,
+          progressBarType: "breadcrumbs"
+        })
+      )
+    )
+  ),
+  createPayment: o(
+    r(
+      m.CONTRACTOR_PAYMENT_REVIEW,
+      "overview",
+      n(
+        (e, a) => ({
+          ...t("overview", e),
+          component: l
+        })
+      )
+    ),
+    r(
+      m.CONTRACTOR_PAYMENT_EDIT,
+      "editPayment",
+      n(
+        (e, a) => ({
+          ...t("editPayment", e),
+          component: y,
+          progressBarType: null
+        })
+      )
+    ),
+    i("landing")
+  ),
+  editPayment: o(
+    //TODO: should not update breadcrumbs here, just hide progress bar
+    r(
+      m.CONTRACTOR_PAYMENT_UPDATE,
+      "createPayment",
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
+          component: c,
+          currentBreadcrumbId: "createPayment"
+        })
+      )
+    ),
+    r(
+      m.CANCEL,
+      "createPayment",
+      n(
+        s({
+          progressBarType: "breadcrumbs",
+          component: c,
+          currentBreadcrumbId: "createPayment"
+        })
+      )
+    ),
+    i("landing")
+  ),
+  overview: o(
+    r(
+      m.CONTRACTOR_PAYMENT_SUBMIT,
+      "landing",
+      n(
+        (e, a) => ({
+          ...t("landing", e),
+          component: d,
+          progressBarType: null
+        })
+      )
+    ),
+    r(
+      m.CONTRACTOR_PAYMENT_CREATE,
+      "createPayment",
+      n(
+        (e, a) => ({
+          ...t("createPayment", e),
+          component: c
+        })
+      )
+    )
+  )
+};
+export {
+  C as paymentFlowBreadcrumbsNodes,
+  g as paymentMachine
+};
+//# sourceMappingURL=paymentStateMachine.js.map

package/dist/components/Contractor/Payments/PaymentFlow/paymentStateMachine.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport {\n  CreatePaymentContextual,\n  EditPaymentContextual,\n  OverviewPaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentListContextual,\n} from './PaymentFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport type { BreadcrumbNodes } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { createBreadcrumbNavigateTransition } from '@/components/Common/FlowBreadcrumbs/breadcrumbTransitionHelpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_PAYMENT_CREATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_REVIEW]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_EDIT]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_UPDATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_SUBMIT]: undefined\n  [componentEvents.BREADCRUMB_NAVIGATE]: {\n    key: string\n    onNavigate: (ctx: PaymentFlowContextInterface) => PaymentFlowContextInterface\n  }\n}\n\nexport const paymentFlowBreadcrumbsNodes: BreadcrumbNodes = {\n  landing: {\n    parent: null,\n    item: {\n      id: 'landing',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentsList',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...ctx,\n        currentBreadcrumb: 'landing',\n        progressBarType: null,\n        component: PaymentListContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  createPayment: {\n    parent: 'landing',\n    item: {\n      id: 'createPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.CreatePayment',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('createPayment', ctx),\n        // component: PayrollConfigurationContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  overview: {\n    parent: 'createPayment',\n    item: {\n      id: 'overview',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.Overview',\n      onNavigate: ((ctx: PaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('overview', ctx),\n        // component: PayrollOverviewContextual,\n        alerts: undefined,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  editPayment: {\n    //TODO: this node is not used - should consider nulls for these\n    parent: 'createPayment',\n    item: {\n      id: 'editPayment',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.EditPayment',\n    },\n  },\n  history: {\n    parent: 'overview',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Payroll.PayrollReceipts',\n    },\n  },\n} as const\n\nconst createReducer = (props: Partial<PaymentFlowContextInterface>) => {\n  return (ctx: PaymentFlowContextInterface): PaymentFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<PaymentFlowContextInterface>()\n\nexport const paymentMachine = {\n  landing: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n            progressBarType: 'breadcrumbs',\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_REVIEW,\n      'overview',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('overview', ctx),\n            component: OverviewPaymentContextual,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_EDIT,\n      'editPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_EDIT>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('editPayment', ctx),\n            component: EditPaymentContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  editPayment: state<MachineTransition>( //TODO: should not update breadcrumbs here, just hide progress bar\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_UPDATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_UPDATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n            currentBreadcrumbId: 'createPayment',\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CANCEL,\n      'createPayment',\n      reduce(\n        createReducer({\n          progressBarType: 'breadcrumbs',\n          component: CreatePaymentContextual,\n          currentBreadcrumbId: 'createPayment',\n        }),\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  overview: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_SUBMIT,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_SUBMIT>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            component: PaymentListContextual,\n            progressBarType: null,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATE,\n      'createPayment',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATE>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('createPayment', ctx),\n            component: CreatePaymentContextual,\n          }\n        },\n      ),\n    ),\n  ),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","PaymentListContextual","updateBreadcrumbs","createReducer","props","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","ev","CreatePaymentContextual","OverviewPaymentContextual","EditPaymentContextual"],"mappings":"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"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.d.ts

@@ -0,0 +1,7 @@
+import { BaseComponentInterface } from '../../../Base';
+interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {
+    companyId: string;
+}
+export declare function PaymentsList(props: PaymentsListProps): import("react/jsx-runtime").JSX.Element;
+export declare const Root: ({ companyId, dictionary, onEvent, children }: PaymentsListProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js

@@ -0,0 +1,29 @@
+import { jsx as t } from "react/jsx-runtime";
+import { PaymentsListPresentation as r } from "./PaymentsListPresentation.js";
+import { useComponentDictionary as a } from "../../../../i18n/I18n.js";
+import { BaseComponent as m } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+import { componentEvents as s } from "../../../../shared/constants.js";
+function l(e) {
+  return /* @__PURE__ */ t(m, { ...e, children: /* @__PURE__ */ t(i, { ...e, children: e.children }) });
+}
+const i = ({ companyId: e, dictionary: n, onEvent: o, children: c }) => (a("Contractor.Payments.PaymentsList", n), /* @__PURE__ */ t(
+  r,
+  {
+    onCreatePayment: () => {
+      o(s.CONTRACTOR_PAYMENT_CREATE);
+    },
+    paymentsList: [],
+    selectedDateRange: "Last 3 months",
+    onDateRangeChange: () => {
+    },
+    onDateSelected: () => {
+    },
+    showSuccessMessage: !1
+  }
+));
+export {
+  l as PaymentsList,
+  i as Root
+};
+//# sourceMappingURL=PaymentsList.js.map

package/dist/components/Contractor/Payments/PaymentsList/PaymentsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentsList.js","sources":["../../../../../src/components/Contractor/Payments/PaymentsList/PaymentsList.tsx"],"sourcesContent":["import { PaymentsListPresentation } from './PaymentsListPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents } from '@/shared/constants'\n\ninterface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {\n  companyId: string\n}\n\nexport function PaymentsList(props: PaymentsListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, dictionary, onEvent, children }: PaymentsListProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentsList', dictionary)\n\n  const onCreatePayment = () => {\n    onEvent(componentEvents.CONTRACTOR_PAYMENT_CREATE)\n  }\n  return (\n    <PaymentsListPresentation\n      onCreatePayment={onCreatePayment}\n      paymentsList={[]}\n      selectedDateRange=\"Last 3 months\"\n      onDateRangeChange={() => {}}\n      onDateSelected={() => {}}\n      showSuccessMessage={false}\n    />\n  )\n}\n"],"names":["PaymentsList","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","children","useComponentDictionary","PaymentsListPresentation","componentEvents"],"mappings":";;;;;;AASO,SAASA,EAAaC,GAA0B;AACrD,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEO,MAAMG,IAAO,CAAC,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,GAAS,UAAAC,SACrDC,EAAuB,oCAAoCH,CAAU,GAMnE,gBAAAJ;AAAA,EAACQ;AAAA,EAAA;AAAA,IACC,iBALoB,MAAM;AAC5B,MAAAH,EAAQI,EAAgB,yBAAyB;AAAA,IACnD;AAAA,IAII,cAAc,CAAA;AAAA,IACd,mBAAkB;AAAA,IAClB,mBAAmB,MAAM;AAAA,IAAC;AAAA,IAC1B,gBAAgB,MAAM;AAAA,IAAC;AAAA,IACvB,oBAAoB;AAAA,EAAA;AAAA;"}

package/dist/components/Contractor/Payments/PaymentsList/PaymentsListPresentation.d.ts

@@ -0,0 +1,18 @@
+interface PaymentsListItem {
+    paymentDate: string;
+    reimbursementTotal: number;
+    wageTotal: number;
+    contractorsCount: number;
+}
+interface ContractorPaymentPaymentsListPresentationProps {
+    onCreatePayment: () => void;
+    paymentsList: PaymentsListItem[];
+    selectedDateRange: string;
+    onDateRangeChange: (dateRange: string) => void;
+    onDateSelected: (date: string) => void;
+    showSuccessMessage: boolean;
+    alertMessage?: string;
+    alertType?: 'success' | 'error' | 'warning' | 'info';
+}
+export declare const PaymentsListPresentation: ({ paymentsList, selectedDateRange, onCreatePayment, onDateRangeChange, onDateSelected, showSuccessMessage, alertMessage, alertType, }: ContractorPaymentPaymentsListPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export {};