@gusto/embedded-react-sdk 0.22.0 → 0.23.0-rc.1

package/dist/components/Contractor/Payments/CreatePayment/PreviewPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreviewPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/PreviewPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { ContractorPaymentForGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentforgrouppreview'\nimport { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from './helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface PreviewPresentationProps {\n  contractorPaymentGroup: ContractorPaymentGroupPreview\n  contractors: Contractor[]\n  onBackToEdit: () => void\n  onSubmit: () => void\n  isLoading: boolean\n}\n\nexport const PreviewPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  onBackToEdit,\n  onSubmit,\n  isLoading,\n}: PreviewPresentationProps) => {\n  const { Button, Text, Heading, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment', {\n    keyPrefix: 'previewPresentation',\n  })\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: ContractorPaymentForGroupPreview) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `${t('wageTypes.hourly')} ${currencyFormatter(Number(contractor.hourlyRate))}${t('perHour')}`\n    }\n    return contractor.wageType\n  }\n\n  const totals = useMemo(\n    () =>\n      contractorPaymentGroup.contractorPayments?.reduce(\n        (acc, contractor) => {\n          acc.wageAmount += Number(contractor.wage || '0')\n          acc.bonusAmount += Number(contractor.bonus || '0')\n          acc.reimbursementAmount += Number(contractor.reimbursement || '0')\n          acc.totalAmount += Number(contractor.wageTotal || '0')\n          return acc\n        },\n        { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n      ),\n    [contractorPaymentGroup.contractorPayments],\n  )\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={2}>\n          <Heading as=\"h2\">{t('reviewAndSubmitTitle')}</Heading>\n          <Text variant=\"supporting\">\n            {t('reviewSubtitle', { debitDate: contractorPaymentGroup.debitDate })}\n          </Text>\n        </Flex>\n        <Flex justifyContent=\"flex-end\" gap={16}>\n          <Button onClick={onBackToEdit} variant=\"secondary\">\n            {t('editButton')}\n          </Button>\n          <Button onClick={onSubmit} variant=\"primary\" isLoading={isLoading}>\n            {t('submitButton')}\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Alert\n        status=\"info\"\n        label={t('alerts.submitPaymentsDeadline', {\n          checkDate: contractorPaymentGroup.checkDate,\n          debitDate: contractorPaymentGroup.debitDate,\n        })}\n      />\n\n      {/* Payment Summary */}\n      <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n      <DataView\n        columns={[\n          {\n            title: t('summaryTableHeaders.totalAmount'),\n            render: () => (\n              <Text>{currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('summaryTableHeaders.debitAmount'),\n            render: () => (\n              <Text>\n                {currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0'))}\n              </Text>\n            ),\n          },\n          {\n            title: t('summaryTableHeaders.debitAccount'),\n            render: () => <Text>{'debitAccount'}</Text>,\n          },\n          {\n            title: t('summaryTableHeaders.debitDate'),\n            render: () => <Text>{contractorPaymentGroup.debitDate || 'debitDate'}</Text>,\n          },\n          {\n            title: t('summaryTableHeaders.contractorPayDate'),\n            render: () => <Text>{contractorPaymentGroup.checkDate || 'contractorPayDate'}</Text>,\n          },\n        ]}\n        data={[contractorPaymentGroup]}\n        label=\"Payment Summary\"\n      />\n\n      {/* Contractor Payments Table */}\n      <DataView\n        columns={[\n          {\n            title: t('contractorTableHeaders.contractor'),\n            render: contractorPayment => (\n              <Text>\n                {getContractorDisplayName(\n                  contractors.find(\n                    contractor => contractor.uuid === contractorPayment.contractorUuid,\n                  ),\n                )}\n              </Text>\n            ),\n          },\n          {\n            title: t('contractorTableHeaders.wageType'),\n            render: contractorPayment => <Text>{formatWageType(contractorPayment)}</Text>,\n          },\n          {\n            title: t('contractorTableHeaders.paymentMethod'),\n            render: contractorPayment => <Text>{contractorPayment.paymentMethod || 'N/A'}</Text>,\n          },\n          {\n            title: t('contractorTableHeaders.hours'),\n            render: contractorPayment => (\n              <Text>\n                {contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                  ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                  : ZERO_HOURS_DISPLAY}\n              </Text>\n            ),\n          },\n          {\n            title: t('contractorTableHeaders.wage'),\n            render: contractorPayment => (\n              <Text>\n                {contractorPayment.wageType === 'Fixed' && contractorPayment.wage\n                  ? currencyFormatter(Number(contractorPayment.wage || '0'))\n                  : currencyFormatter(0)}\n              </Text>\n            ),\n          },\n          {\n            title: t('contractorTableHeaders.bonus'),\n            render: contractorPayment => (\n              <Text>{currencyFormatter(Number(contractorPayment.bonus || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('contractorTableHeaders.reimbursement'),\n            render: contractorPayment => (\n              <Text>{currencyFormatter(Number(contractorPayment.reimbursement || '0'))}</Text>\n            ),\n          },\n          {\n            title: t('contractorTableHeaders.total'),\n            render: contractorPayment => (\n              <Text>{currencyFormatter(Number(contractorPayment.wageTotal || '0'))}</Text>\n            ),\n          },\n        ]}\n        data={contractorPayments}\n        footer={() => ({\n          'column-0': <Text weight=\"bold\">{t('totalsLabel')}</Text>,\n          'column-4': <Text>{currencyFormatter(Number(totals?.wageAmount || '0'))}</Text>,\n          'column-5': <Text>{currencyFormatter(Number(totals?.bonusAmount || '0'))}</Text>,\n          'column-6': <Text>{currencyFormatter(Number(totals?.reimbursementAmount || '0'))}</Text>,\n          'column-7': <Text>{currencyFormatter(Number(totals?.totalAmount || '0'))}</Text>,\n        })}\n        label={t('whatYourCompanyPays')}\n      />\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","Button","Text","Heading","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","jsxs","Flex","jsx","DataView","contractorPayment","getContractorDisplayName","formatHoursDisplay"],"mappings":"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"}

package/dist/components/Contractor/Payments/CreatePayment/helpers.d.ts

@@ -0,0 +1,2 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+export declare const getContractorDisplayName: (contractor?: Contractor) => string;

package/dist/components/Contractor/Payments/CreatePayment/helpers.js

@@ -0,0 +1,6 @@
+import { firstLastName as s } from "../../../../helpers/formattedStrings.js";
+const a = (e) => e ? e.type === "Individual" ? s({ first_name: e.firstName, last_name: e.lastName }) : e.businessName || "" : "";
+export {
+  a as getContractorDisplayName
+};
+//# sourceMappingURL=helpers.js.map

package/dist/components/Contractor/Payments/CreatePayment/helpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helpers.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/helpers.ts"],"sourcesContent":["import type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\nexport const getContractorDisplayName = (contractor?: Contractor): string => {\n  if (!contractor) {\n    return ''\n  }\n  if (contractor.type === 'Individual') {\n    return firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName })\n  } else {\n    return contractor.businessName || ''\n  }\n}\n"],"names":["getContractorDisplayName","contractor","firstLastName"],"mappings":";AAGO,MAAMA,IAA2B,CAACC,MAClCA,IAGDA,EAAW,SAAS,eACfC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,UAAU,IAElFA,EAAW,gBAAgB,KAL3B;"}

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

@@ -1,3 +1,4 @@
+import { InternalAlert } from '../types';
 import { FlowContextInterface } from '../../../Flow/useFlow';
 import { BaseComponentInterface } from '../../../Base';
 import { BreadcrumbTrail } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
@@ -7,9 +8,9 @@ export interface PaymentFlowProps extends BaseComponentInterface {
 export interface PaymentFlowContextInterface extends FlowContextInterface {
     companyId: string;
     breadcrumbs?: BreadcrumbTrail;
+    currentPaymentId?: string;
+    alerts?: InternalAlert[];
 }
 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

@@ -1,30 +1,31 @@
-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";
+import { jsx as r } from "react/jsx-runtime";
+import { PaymentsList as a } from "../PaymentsList/PaymentsList.js";
+import { CreatePayment as y } from "../CreatePayment/CreatePayment.js";
+import { PaymentHistory as i } from "../PaymentHistory/PaymentHistory.js";
+import { useFlow as m } from "../../../Flow/useFlow.js";
+import { ensureRequired as o } from "../../../../helpers/ensureRequired.js";
 function I() {
-  const { companyId: t, onEvent: n } = e();
-  return /* @__PURE__ */ o(r, { onEvent: n, companyId: m(t) });
+  const { companyId: t, onEvent: n, alerts: e } = m();
+  return /* @__PURE__ */ r(a, { onEvent: n, companyId: o(t), alerts: e });
 }
 function P() {
-  const { companyId: t, onEvent: n } = e();
-  return /* @__PURE__ */ o(a, { onEvent: n, companyId: m(t) });
+  const { companyId: t, onEvent: n } = m();
+  return /* @__PURE__ */ r(y, { onEvent: n, companyId: o(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) });
+function l() {
+  const { companyId: t, currentPaymentId: n, onEvent: e } = m();
+  return /* @__PURE__ */ r(
+    i,
+    {
+      onEvent: e,
+      companyId: o(t),
+      paymentId: o(n)
+    }
+  );
 }
 export {
   P as CreatePaymentContextual,
-  x as EditPaymentContextual,
-  C as OverviewPaymentContextual,
+  l as PaymentHistoryContextual,
   I as PaymentListContextual
 };
 //# sourceMappingURL=PaymentFlowComponents.js.map

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

@@ -1 +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;"}
+{"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 { PaymentHistory } from '../PaymentHistory/PaymentHistory'\nimport type { InternalAlert } from '../types'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\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  currentPaymentId?: string\n  alerts?: InternalAlert[]\n}\n\nexport function PaymentListContextual() {\n  const { companyId, onEvent, alerts } = useFlow<PaymentFlowContextInterface>()\n  return <PaymentsList onEvent={onEvent} companyId={ensureRequired(companyId)} alerts={alerts} />\n}\n\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\nexport function PaymentHistoryContextual() {\n  const { companyId, currentPaymentId, onEvent } = useFlow<PaymentFlowContextInterface>()\n  return (\n    <PaymentHistory\n      onEvent={onEvent}\n      companyId={ensureRequired(companyId)}\n      paymentId={ensureRequired(currentPaymentId)}\n    />\n  )\n}\n"],"names":["PaymentListContextual","companyId","onEvent","alerts","useFlow","PaymentsList","ensureRequired","CreatePaymentContextual","CreatePayment","PaymentHistoryContextual","currentPaymentId","jsx","PaymentHistory"],"mappings":";;;;;;AAoBO,SAASA,IAAwB;AACtC,QAAM,EAAE,WAAAC,GAAW,SAAAC,GAAS,QAAAC,EAAA,IAAWC,EAAA;AACvC,2BAAQC,GAAA,EAAa,SAAAH,GAAkB,WAAWI,EAAeL,CAAS,GAAG,QAAAE,GAAgB;AAC/F;AAEO,SAASI,IAA0B;AACxC,QAAM,EAAE,WAAAN,GAAW,SAAAC,EAAA,IAAYE,EAAA;AAC/B,2BAAQI,GAAA,EAAc,SAAAN,GAAkB,WAAWI,EAAeL,CAAS,GAAG;AAChF;AAEO,SAASQ,IAA2B;AACzC,QAAM,EAAE,WAAAR,GAAW,kBAAAS,GAAkB,SAAAR,EAAA,IAAYE,EAAA;AACjD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAV;AAAA,MACA,WAAWI,EAAeL,CAAS;AAAA,MACnC,WAAWK,EAAeI,CAAgB;AAAA,IAAA;AAAA,EAAA;AAGhD;"}

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

@@ -3,6 +3,5 @@ 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>;
+    history: import('robot3').MachineState<any>;
 };

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

@@ -1,9 +1,9 @@
-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 { state as r, transition as n, reduce as o } from "robot3";
+import { PaymentListContextual as c, CreatePaymentContextual as s, PaymentHistoryContextual as l } 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 = {
+import { createBreadcrumbNavigateTransition as y } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const v = {
   landing: {
     parent: null,
     item: {
@@ -14,7 +14,7 @@ const C = {
         ...e,
         currentBreadcrumb: "landing",
         progressBarType: null,
-        component: d
+        component: c
       }))
     }
   },
@@ -53,106 +53,70 @@ const C = {
     }
   },
   history: {
-    parent: "overview",
+    parent: "landing",
     item: {
       id: "receipts",
       label: "breadcrumbLabel",
-      namespace: "Payroll.PayrollReceipts"
+      namespace: "Contractor.Payments.PaymentHistory"
     }
   }
-}, s = (e) => (a) => ({
-  ...a,
-  ...e
-}), i = p(), g = {
-  landing: o(
-    r(
+}, d = y(), T = {
+  landing: r(
+    n(
       m.CONTRACTOR_PAYMENT_CREATE,
       "createPayment",
-      n(
+      o(
         (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
+          component: s,
+          progressBarType: "breadcrumbs",
+          alerts: void 0
         })
       )
     ),
-    i("landing")
-  ),
-  editPayment: o(
-    //TODO: should not update breadcrumbs here, just hide progress bar
-    r(
-      m.CONTRACTOR_PAYMENT_UPDATE,
-      "createPayment",
-      n(
+    n(
+      m.CONTRACTOR_PAYMENT_VIEW,
+      "history",
+      o(
         (e, a) => ({
-          ...t("createPayment", e),
-          component: c,
-          currentBreadcrumbId: "createPayment"
-        })
-      )
-    ),
-    r(
-      m.CANCEL,
-      "createPayment",
-      n(
-        s({
+          ...t("history", e),
+          component: l,
+          currentPaymentId: a.payload.paymentId,
           progressBarType: "breadcrumbs",
-          component: c,
-          currentBreadcrumbId: "createPayment"
+          alerts: void 0
         })
       )
-    ),
-    i("landing")
+    )
   ),
-  overview: o(
-    r(
-      m.CONTRACTOR_PAYMENT_SUBMIT,
+  createPayment: r(
+    n(
+      m.CONTRACTOR_PAYMENT_CREATED,
       "landing",
-      n(
-        (e, a) => ({
-          ...t("landing", e),
-          component: d,
-          progressBarType: null
-        })
+      o(
+        (e, a) => {
+          const i = a.payload.contractorPayments?.length || 0;
+          return {
+            ...t("landing", e),
+            component: c,
+            alerts: [
+              {
+                type: "success",
+                title: "paymentCreatedSuccessfully",
+                translationParams: {
+                  count: i
+                }
+              }
+            ]
+          };
+        }
       )
     ),
-    r(
-      m.CONTRACTOR_PAYMENT_CREATE,
-      "createPayment",
-      n(
-        (e, a) => ({
-          ...t("createPayment", e),
-          component: c
-        })
-      )
-    )
-  )
+    d("landing")
+  ),
+  history: r()
 };
 export {
-  C as paymentFlowBreadcrumbsNodes,
-  g as paymentMachine
+  v as paymentFlowBreadcrumbsNodes,
+  T as paymentMachine
 };
 //# sourceMappingURL=paymentStateMachine.js.map

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

@@ -1 +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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"}
+{"version":3,"file":"paymentStateMachine.js","sources":["../../../../../src/components/Contractor/Payments/PaymentFlow/paymentStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ContractorPaymentGroup } from '@gusto/embedded-api/models/components/contractorpaymentgroup'\nimport {\n  CreatePaymentContextual,\n  type PaymentFlowContextInterface,\n  PaymentHistoryContextual,\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_PREVIEW]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_EDIT]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_UPDATE]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_SUBMIT]: undefined\n  [componentEvents.CONTRACTOR_PAYMENT_CREATED]: ContractorPaymentGroup\n  [componentEvents.CONTRACTOR_PAYMENT_VIEW]: { paymentId: string }\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: 'landing',\n    item: {\n      id: 'receipts',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n    },\n  },\n} as const\n\n// const 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            alerts: undefined,\n          }\n        },\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW,\n      'history',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_VIEW>,\n        ): PaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('history', ctx),\n            component: PaymentHistoryContextual,\n            currentPaymentId: ev.payload.paymentId,\n            progressBarType: 'breadcrumbs',\n            alerts: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  createPayment: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_CREATED,\n      'landing',\n      reduce(\n        (\n          ctx: PaymentFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PAYMENT_CREATED>,\n        ): PaymentFlowContextInterface => {\n          const contractorPaymentGroup = ev.payload\n          const contractorCount = contractorPaymentGroup.contractorPayments?.length || 0\n\n          return {\n            ...updateBreadcrumbs('landing', ctx),\n            component: PaymentListContextual,\n            alerts: [\n              {\n                type: 'success',\n                title: 'paymentCreatedSuccessfully',\n                translationParams: {\n                  count: contractorCount,\n                },\n              },\n            ],\n          }\n        },\n      ),\n    ),\n    breadcrumbNavigateTransition('landing'),\n  ),\n  history: state(),\n}\n"],"names":["paymentFlowBreadcrumbsNodes","ctx","PaymentListContextual","updateBreadcrumbs","breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","paymentMachine","state","transition","componentEvents","reduce","ev","CreatePaymentContextual","PaymentHistoryContextual","contractorCount"],"mappings":";;;;;AA4BO,MAAMA,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAAsC;AAAA,QAClD,GAAGA;AAAA,QACH,mBAAmB;AAAA,QACnB,iBAAiB;AAAA,QACjB,WAAWC;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,eAAe;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACD,OAAsC;AAAA,QAClD,GAAGE,EAAkB,iBAAiBF,CAAG;AAAA;AAAA,MAAA;AAAA,IAE3C;AAAA,EACF;AAAA,EAEF,UAAU;AAAA,IACR,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACA,OAAsC;AAAA,QAClD,GAAGE,EAAkB,YAAYF,CAAG;AAAA;AAAA,QAEpC,QAAQ;AAAA,MAAA;AAAA,IACV;AAAA,EACF;AAAA,EAEF,aAAa;AAAA;AAAA,IAEX,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAAA,EAEF,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GASMG,IACJC,EAAA,GAEWC,IAAiB;AAAA,EAC5B,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAU,OAEO;AAAA,UACL,GAAGR,EAAkB,iBAAiBF,CAAG;AAAA,UACzC,WAAWW;AAAA,UACX,iBAAiB;AAAA,UACjB,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,IAEFJ;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAU,OAEO;AAAA,UACL,GAAGR,EAAkB,WAAWF,CAAG;AAAA,UACnC,WAAWY;AAAA,UACX,kBAAkBF,EAAG,QAAQ;AAAA,UAC7B,iBAAiB;AAAA,UACjB,QAAQ;AAAA,QAAA;AAAA,MAEZ;AAAA,IACF;AAAA,EACF;AAAA,EAEF,eAAeJ;AAAA,IACbC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACET,GACAU,MACgC;AAEhC,gBAAMG,IADyBH,EAAG,QACa,oBAAoB,UAAU;AAE7E,iBAAO;AAAA,YACL,GAAGR,EAAkB,WAAWF,CAAG;AAAA,YACnC,WAAWC;AAAA,YACX,QAAQ;AAAA,cACN;AAAA,gBACE,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,mBAAmB;AAAA,kBACjB,OAAOY;AAAA,gBAAA;AAAA,cACT;AAAA,YACF;AAAA,UACF;AAAA,QAEJ;AAAA,MAAA;AAAA,IACF;AAAA,IAEFV,EAA6B,SAAS;AAAA,EAAA;AAAA,EAExC,SAASG,EAAA;AACX;"}

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

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

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

@@ -0,0 +1,26 @@
+import { jsx as t, Fragment as e } from "react/jsx-runtime";
+import { PaymentHistoryPresentation as r } from "./PaymentHistoryPresentation.js";
+import { useComponentDictionary as m } from "../../../../i18n/I18n.js";
+import { BaseComponent as a } from "../../../Base/Base.js";
+import "../../../Base/useBase.js";
+function l(n) {
+  return /* @__PURE__ */ t(a, { ...n, children: /* @__PURE__ */ t(i, { ...n, children: n.children }) });
+}
+const i = ({ companyId: n, paymentId: y, dictionary: o, onEvent: c }) => (m("Contractor.Payments.PaymentHistory", o), /* @__PURE__ */ t(e, { children: /* @__PURE__ */ t(
+  r,
+  {
+    date: "2025-12-17",
+    payments: [],
+    onBack: () => {
+    },
+    onViewPayment: () => {
+    },
+    onCancelPayment: () => {
+    }
+  }
+) }));
+export {
+  l as PaymentHistory,
+  i as Root
+};
+//# sourceMappingURL=PaymentHistory.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentHistory.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistory.tsx"],"sourcesContent":["import { PaymentHistoryPresentation } from './PaymentHistoryPresentation'\nimport { useComponentDictionary } from '@/i18n'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\n\ninterface PaymentHistoryProps extends BaseComponentInterface<'Contractor.Payments.PaymentHistory'> {\n  companyId: string\n  paymentId: string\n}\n\nexport function PaymentHistory(props: PaymentHistoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nexport const Root = ({ companyId, paymentId, dictionary, onEvent }: PaymentHistoryProps) => {\n  useComponentDictionary('Contractor.Payments.PaymentHistory', dictionary)\n\n  return (\n    <>\n      <PaymentHistoryPresentation\n        date={'2025-12-17'}\n        payments={[]}\n        onBack={() => {}}\n        onViewPayment={() => {}}\n        onCancelPayment={() => {}}\n      />\n    </>\n  )\n}\n"],"names":["PaymentHistory","props","jsx","BaseComponent","Root","companyId","paymentId","dictionary","onEvent","useComponentDictionary","Fragment","PaymentHistoryPresentation"],"mappings":";;;;;AASO,SAASA,EAAeC,GAA4B;AACzD,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,WAAAC,GAAW,YAAAC,GAAY,SAAAC,SACvDC,EAAuB,sCAAsCF,CAAU,GAGrE,gBAAAL,EAAAQ,GAAA,EACE,UAAA,gBAAAR;AAAA,EAACS;AAAA,EAAA;AAAA,IACC,MAAM;AAAA,IACN,UAAU,CAAA;AAAA,IACV,QAAQ,MAAM;AAAA,IAAC;AAAA,IACf,eAAe,MAAM;AAAA,IAAC;AAAA,IACtB,iBAAiB,MAAM;AAAA,IAAC;AAAA,EAAA;AAAA,GAE5B;"}

package/dist/components/Contractor/Payments/{Detail/DetailPresentation.d.ts → PaymentHistory/PaymentHistoryPresentation.d.ts}

@@ -1,19 +1,20 @@
 interface PaymentData {
     id: string;
     name: string;
+    wageType: string;
+    paymentMethod: string;
     hours: number;
-    wage: number;
+    wage: string;
     bonus: number;
     reimbursement: number;
-    paymentMethod: string;
     total: number;
 }
-interface ContractorPaymentDetailPresentationProps {
+interface PaymentHistoryPresentationProps {
     date: string;
     payments: PaymentData[];
     onBack: () => void;
     onViewPayment: (paymentId: string) => void;
     onCancelPayment: (paymentId: string) => void;
 }
-export declare const DetailPresentation: ({ date, payments, onBack, onViewPayment, onCancelPayment, }: ContractorPaymentDetailPresentationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PaymentHistoryPresentation: ({ date, payments, onBack, onViewPayment, onCancelPayment, }: PaymentHistoryPresentationProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js

@@ -0,0 +1,114 @@
+import { jsxs as i, jsx as r, Fragment as y } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { Flex as o } from "../../../Common/Flex/Flex.js";
+import "classnames";
+import "../../../../shared/constants.js";
+import { EmptyData as H } from "../../../Common/EmptyData/EmptyData.js";
+import { ActionsLayout as g } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { HamburgerMenu as C } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
+import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as D } from "../../../../i18n/I18n.js";
+import { formatNumberAsCurrency as c } from "../../../../helpers/formattedStrings.js";
+import { useLocale as P } from "../../../../contexts/LocaleProvider/useLocale.js";
+import { formatHoursDisplay as k } from "../../../Payroll/helpers.js";
+import { DataView as v } from "../../../Common/DataView/DataView.js";
+const G = ({
+  date: u,
+  payments: m,
+  onBack: s,
+  onViewPayment: d,
+  onCancelPayment: b
+}) => {
+  const { Button: a, Text: n, Heading: p } = x();
+  D("Contractor.Payments.PaymentHistory");
+  const { t: e } = f("Contractor.Payments.PaymentHistory"), { locale: l } = P();
+  return /* @__PURE__ */ i(o, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ i(o, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ r(p, { as: "h1", children: e("title") }),
+      /* @__PURE__ */ r(n, { children: e("subtitle", { date: u }) })
+    ] }),
+    /* @__PURE__ */ i(o, { flexDirection: "column", gap: 16, children: [
+      /* @__PURE__ */ r(p, { as: "h2", children: e("paymentsSection") }),
+      m.length === 0 ? /* @__PURE__ */ r(H, { title: e("noPaymentsFound"), description: e("noPaymentsDescription"), children: /* @__PURE__ */ r(g, { justifyContent: "center", children: /* @__PURE__ */ r(a, { variant: "primary", onClick: s, children: e("backButton") }) }) }) : /* @__PURE__ */ i(y, { children: [
+        /* @__PURE__ */ r(
+          v,
+          {
+            columns: [
+              {
+                title: e("tableHeaders.contractor"),
+                render: ({ name: t, id: h }) => /* @__PURE__ */ r(
+                  a,
+                  {
+                    variant: "tertiary",
+                    onClick: () => {
+                      d(h);
+                    },
+                    children: t
+                  }
+                )
+              },
+              {
+                title: e("tableHeaders.wageType"),
+                render: ({ wageType: t }) => /* @__PURE__ */ r(n, { children: t })
+              },
+              {
+                title: e("tableHeaders.paymentMethod"),
+                render: ({ paymentMethod: t }) => /* @__PURE__ */ r(n, { children: t })
+              },
+              {
+                title: e("tableHeaders.hours"),
+                render: ({ hours: t }) => /* @__PURE__ */ r(n, { children: t ? k(t) : "–" })
+              },
+              {
+                title: e("tableHeaders.wage"),
+                render: ({ wage: t }) => /* @__PURE__ */ r(n, { children: t || "–" })
+              },
+              {
+                title: e("tableHeaders.bonus"),
+                render: ({ bonus: t }) => /* @__PURE__ */ r(n, { children: t ? c(t, l) : "–" })
+              },
+              {
+                title: e("tableHeaders.reimbursements"),
+                render: ({ reimbursement: t }) => /* @__PURE__ */ r(n, { children: c(t, l) })
+              },
+              {
+                title: e("tableHeaders.total"),
+                render: ({ total: t }) => /* @__PURE__ */ r(n, { children: c(t, l) })
+              },
+              {
+                title: e("tableHeaders.action"),
+                render: ({ id: t, name: h }) => /* @__PURE__ */ r(
+                  C,
+                  {
+                    items: [
+                      {
+                        label: e("actions.view"),
+                        onClick: () => {
+                          d(t);
+                        }
+                      },
+                      {
+                        label: e("actions.cancel"),
+                        onClick: () => {
+                          b(t);
+                        }
+                      }
+                    ],
+                    triggerLabel: e("tableHeaders.action")
+                  }
+                )
+              }
+            ],
+            data: m,
+            label: e("title")
+          }
+        ),
+        /* @__PURE__ */ r(o, { children: /* @__PURE__ */ r(a, { onClick: s, variant: "secondary", children: e("backButton") }) })
+      ] })
+    ] })
+  ] });
+};
+export {
+  G as PaymentHistoryPresentation
+};
+//# sourceMappingURL=PaymentHistoryPresentation.js.map

package/dist/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentHistoryPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentHistory/PaymentHistoryPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { DataView, Flex, EmptyData, ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\n\ninterface PaymentData {\n  id: string\n  name: string\n  wageType: string\n  paymentMethod: string\n  hours: number\n  wage: string\n  bonus: number\n  reimbursement: number\n  total: number\n}\n\ninterface PaymentHistoryPresentationProps {\n  date: string\n  payments: PaymentData[]\n  onBack: () => void\n  onViewPayment: (paymentId: string) => void\n  onCancelPayment: (paymentId: string) => void\n}\n\nexport const PaymentHistoryPresentation = ({\n  date,\n  payments,\n  onBack,\n  onViewPayment,\n  onCancelPayment,\n}: PaymentHistoryPresentationProps) => {\n  const { Button, Text, Heading } = useComponentContext()\n  useI18n('Contractor.Payments.PaymentHistory')\n  const { t } = useTranslation('Contractor.Payments.PaymentHistory')\n  const { locale } = useLocale()\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={8}>\n        <Heading as=\"h1\">{t('title')}</Heading>\n        <Text>{t('subtitle', { date })}</Text>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h2\">{t('paymentsSection')}</Heading>\n\n        {payments.length === 0 ? (\n          <EmptyData title={t('noPaymentsFound')} description={t('noPaymentsDescription')}>\n            <ActionsLayout justifyContent=\"center\">\n              <Button variant=\"primary\" onClick={onBack}>\n                {t('backButton')}\n              </Button>\n            </ActionsLayout>\n          </EmptyData>\n        ) : (\n          <>\n            <DataView\n              columns={[\n                {\n                  title: t('tableHeaders.contractor'),\n                  render: ({ name, id }) => (\n                    <Button\n                      variant=\"tertiary\"\n                      onClick={() => {\n                        onViewPayment(id)\n                      }}\n                    >\n                      {name}\n                    </Button>\n                  ),\n                },\n                {\n                  title: t('tableHeaders.wageType'),\n                  render: ({ wageType }) => <Text>{wageType}</Text>,\n                },\n                {\n                  title: t('tableHeaders.paymentMethod'),\n                  render: ({ paymentMethod }) => <Text>{paymentMethod}</Text>,\n                },\n                {\n                  title: t('tableHeaders.hours'),\n                  render: ({ hours }) => <Text>{hours ? formatHoursDisplay(hours) : '–'}</Text>,\n                },\n                {\n                  title: t('tableHeaders.wage'),\n                  render: ({ wage }) => <Text>{wage || '–'}</Text>,\n                },\n                {\n                  title: t('tableHeaders.bonus'),\n                  render: ({ bonus }) => (\n                    <Text>{bonus ? formatNumberAsCurrency(bonus, locale) : '–'}</Text>\n                  ),\n                },\n                {\n                  title: t('tableHeaders.reimbursements'),\n                  render: ({ reimbursement }) => (\n                    <Text>{formatNumberAsCurrency(reimbursement, locale)}</Text>\n                  ),\n                },\n                {\n                  title: t('tableHeaders.total'),\n                  render: ({ total }) => <Text>{formatNumberAsCurrency(total, locale)}</Text>,\n                },\n                {\n                  title: t('tableHeaders.action'),\n                  render: ({ id, name }) => (\n                    <HamburgerMenu\n                      items={[\n                        {\n                          label: t('actions.view'),\n                          onClick: () => {\n                            onViewPayment(id)\n                          },\n                        },\n                        {\n                          label: t('actions.cancel'),\n                          onClick: () => {\n                            onCancelPayment(id)\n                          },\n                        },\n                      ]}\n                      triggerLabel={t('tableHeaders.action')}\n                    />\n                  ),\n                },\n              ]}\n              data={payments}\n              label={t('title')}\n            />\n\n            <Flex>\n              <Button onClick={onBack} variant=\"secondary\">\n                {t('backButton')}\n              </Button>\n            </Flex>\n          </>\n        )}\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["PaymentHistoryPresentation","date","payments","onBack","onViewPayment","onCancelPayment","Button","Text","Heading","useComponentContext","useI18n","t","useTranslation","locale","useLocale","jsxs","Flex","jsx","EmptyData","ActionsLayout","Fragment","DataView","name","id","wageType","paymentMethod","hours","formatHoursDisplay","wage","bonus","formatNumberAsCurrency","reimbursement","total","HamburgerMenu"],"mappings":"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"}

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

@@ -1,7 +1,9 @@
+import { InternalAlert } from '../types';
 import { BaseComponentInterface } from '../../../Base';
 interface PaymentsListProps extends BaseComponentInterface<'Contractor.Payments.PaymentsList'> {
     companyId: string;
+    alerts?: InternalAlert[];
 }
 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 declare const Root: ({ companyId, dictionary, onEvent, alerts }: PaymentsListProps) => import("react/jsx-runtime").JSX.Element;
 export {};