@gusto/embedded-react-sdk 0.54.0 → 0.54.1-rc.1

package/dist/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.js

@@ -1,10 +1,11 @@
-import { state as a, transition as o, reduce as n } from "robot3";
-import { getContractorDisplayName as m } from "../../shared/helpers.js";
-import { PaymentHistoryContextual as i, PaymentStatementContextual as c } from "./ViewPaymentFlowComponents.js";
+import { getContractorDisplayName as o } from "../../shared/helpers.js";
+import { PaymentHistoryContextual as n, PaymentStatementContextual as m } from "./ViewPaymentFlowComponents.js";
+import "react";
+import { state as a, transition as i, reduce as c } from "../../../../lib/state-machine/core.js";
 import { componentEvents as s } from "../../../../shared/constants.js";
 import { updateBreadcrumbs as r } from "../../../../helpers/breadcrumbHelpers.js";
-import { createBreadcrumbNavigateTransition as y } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
-const p = y(), N = {
+import { createBreadcrumbNavigateTransition as p } from "../../../Common/FlowBreadcrumbs/breadcrumbTransitionHelpers.js";
+const y = p(), h = {
   history: {
     parent: null,
     item: {
@@ -13,7 +14,7 @@ const p = y(), N = {
       namespace: "Contractor.Payments.PaymentHistory",
       onNavigate: ((t) => ({
         ...r("history", t),
-        component: i
+        component: n
       }))
     }
   },
@@ -25,27 +26,27 @@ const p = y(), N = {
       namespace: "Contractor.Payments.PaymentStatement"
     }
   }
-}, h = {
+}, f = {
   history: a(
-    o(
+    i(
       s.CONTRACTOR_PAYMENT_VIEW_DETAILS,
       "statement",
-      n(
+      c(
         (t, e) => ({
           ...r("statement", t, {
-            contractorName: m(e.payload.contractor)
+            contractorName: o(e.payload.contractor)
           }),
-          component: c,
+          component: m,
           currentContractorUuid: e.payload.contractor.uuid,
           currentPaymentId: e.payload.paymentGroupId
         })
       )
     )
   ),
-  statement: a(p("history"))
+  statement: a(y("history"))
 };
 export {
-  N as viewPaymentBreadcrumbsNodes,
-  h as viewPaymentMachine
+  h as viewPaymentBreadcrumbsNodes,
+  f as viewPaymentMachine
 };
 //# sourceMappingURL=viewPaymentMachine.js.map

package/dist/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"viewPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport {\n  PaymentHistoryContextual,\n  PaymentStatementContextual,\n  type ViewPaymentFlowContextInterface,\n} from './ViewPaymentFlowComponents'\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_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<ViewPaymentFlowContextInterface>()\n\n/** @internal */\nexport const viewPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  history: {\n    parent: null,\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: ViewPaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n}\n\n/** @internal */\nexport const viewPaymentMachine = {\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: ViewPaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): ViewPaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n          }\n        },\n      ),\n    ),\n  ),\n  statement: state<MachineTransition>(breadcrumbNavigateTransition('history')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","viewPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","PaymentHistoryContextual","viewPaymentMachine","state","transition","componentEvents","reduce","ev","getContractorDisplayName","PaymentStatementContextual"],"mappings":";;;;;;AAqBA,MAAMA,IACJC,EAAA,GAGWC,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA0C;AAAA,QACtD,GAAGC,EAAkB,WAAWD,CAAG;AAAA,QACnC,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAGaC,IAAqB;AAAA,EAChC,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEP,GACAQ,OAKO;AAAA,UACL,GAAGP,EAAkB,aAAaD,GAAK;AAAA,YACrC,gBAAgBS,EAAyBD,EAAG,QAAQ,UAAU;AAAA,UAAA,CAC/D;AAAA,UACD,WAAWE;AAAA,UACX,uBAAuBF,EAAG,QAAQ,WAAW;AAAA,UAC7C,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAEjC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWJ,EAAyBP,EAA6B,SAAS,CAAC;AAC7E;"}
+{"version":3,"file":"viewPaymentMachine.js","sources":["../../../../../src/components/Contractor/Payments/ViewPaymentFlow/viewPaymentMachine.ts"],"sourcesContent":["import type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport {\n  PaymentHistoryContextual,\n  PaymentStatementContextual,\n  type ViewPaymentFlowContextInterface,\n} from './ViewPaymentFlowComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\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_VIEW_DETAILS]: {\n    contractor: Contractor\n    paymentGroupId: string\n  }\n}\n\nconst breadcrumbNavigateTransition =\n  createBreadcrumbNavigateTransition<ViewPaymentFlowContextInterface>()\n\n/** @internal */\nexport const viewPaymentBreadcrumbsNodes: BreadcrumbNodes = {\n  history: {\n    parent: null,\n    item: {\n      id: 'history',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentHistory',\n      onNavigate: ((ctx: ViewPaymentFlowContextInterface) => ({\n        ...updateBreadcrumbs('history', ctx),\n        component: PaymentHistoryContextual,\n      })) as (context: unknown) => unknown,\n    },\n  },\n  statement: {\n    parent: 'history',\n    item: {\n      id: 'statement',\n      label: 'breadcrumbLabel',\n      namespace: 'Contractor.Payments.PaymentStatement',\n    },\n  },\n}\n\n/** @internal */\nexport const viewPaymentMachine = {\n  history: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS,\n      'statement',\n      reduce(\n        (\n          ctx: ViewPaymentFlowContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof componentEvents.CONTRACTOR_PAYMENT_VIEW_DETAILS\n          >,\n        ): ViewPaymentFlowContextInterface => {\n          return {\n            ...updateBreadcrumbs('statement', ctx, {\n              contractorName: getContractorDisplayName(ev.payload.contractor),\n            }),\n            component: PaymentStatementContextual,\n            currentContractorUuid: ev.payload.contractor.uuid,\n            currentPaymentId: ev.payload.paymentGroupId,\n          }\n        },\n      ),\n    ),\n  ),\n  statement: state<MachineTransition>(breadcrumbNavigateTransition('history')),\n}\n"],"names":["breadcrumbNavigateTransition","createBreadcrumbNavigateTransition","viewPaymentBreadcrumbsNodes","ctx","updateBreadcrumbs","PaymentHistoryContextual","viewPaymentMachine","state","transition","componentEvents","reduce","ev","getContractorDisplayName","PaymentStatementContextual"],"mappings":";;;;;;;AAqBA,MAAMA,IACJC,EAAA,GAGWC,IAA+C;AAAA,EAC1D,SAAS;AAAA,IACP,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,MACX,aAAa,CAACC,OAA0C;AAAA,QACtD,GAAGC,EAAkB,WAAWD,CAAG;AAAA,QACnC,WAAWE;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAAA,EAEF,WAAW;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,GAGaC,IAAqB;AAAA,EAChC,SAASC;AAAA,IACPC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAC;AAAA,QACE,CACEP,GACAQ,OAKO;AAAA,UACL,GAAGP,EAAkB,aAAaD,GAAK;AAAA,YACrC,gBAAgBS,EAAyBD,EAAG,QAAQ,UAAU;AAAA,UAAA,CAC/D;AAAA,UACD,WAAWE;AAAA,UACX,uBAAuBF,EAAG,QAAQ,WAAW;AAAA,UAC7C,kBAAkBA,EAAG,QAAQ;AAAA,QAAA;AAAA,MAEjC;AAAA,IACF;AAAA,EACF;AAAA,EAEF,WAAWJ,EAAyBP,EAA6B,SAAS,CAAC;AAC7E;"}

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.d.ts

@@ -0,0 +1,83 @@
+import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount';
+/**
+ * The subset of a contractor payment record `PaymentSummaryBlock` renders. Both
+ * `ContractorPaymentForGroup` (post-creation) and `ContractorPaymentForGroupPreview` (pre-creation)
+ * satisfy this structurally, so the block works for a not-yet-submitted preview and an
+ * already-created group alike.
+ *
+ * @internal
+ */
+export interface PaymentSummaryBlockContractorPayment {
+    contractorUuid?: string;
+    wageType?: string;
+    hourlyRate?: string;
+    paymentMethod?: string;
+    hours?: string;
+    wage?: string;
+    bonus?: string;
+    reimbursement?: string;
+    wageTotal?: string;
+}
+/**
+ * The subset of a contractor payment group `PaymentSummaryBlock` renders. Both
+ * `ContractorPaymentGroup` and `ContractorPaymentGroupPreview` satisfy this structurally.
+ *
+ * @internal
+ */
+export interface PaymentSummaryBlockGroup {
+    checkDate?: string;
+    debitDate?: string;
+    totals?: {
+        amount?: string;
+        debitAmount?: string;
+    };
+    contractorPayments?: PaymentSummaryBlockContractorPayment[];
+}
+/**
+ * Every string `PaymentSummaryBlock` renders. There is no default copy or namespace of its own —
+ * `PaymentSummaryBlock` is `@internal`, so each caller (`PaymentSummary`, `HistoricalPaymentSummary`)
+ * must fully resolve this from its own public namespace and pass it down, rather than this
+ * component owning a namespace that would show up in the SDK's public translation types without
+ * ever being a real partner override surface.
+ *
+ * @internal
+ */
+export interface PaymentSummaryBlockDictionary {
+    paymentSummaryTitle: string;
+    totalAmount: string;
+    /** Required when `showDebitColumns` is `true`. */
+    debitAmount?: string;
+    /** Required when `showDebitColumns` is `true`. */
+    debitAccount?: string;
+    /** Required when `showDebitColumns` is `true`. */
+    debitDate?: string;
+    contractorPayDate: string;
+    contractorPaymentsTitle: string;
+    contractor: string;
+    wageType: string;
+    paymentMethod: string;
+    paymentMethods: {
+        directDeposit: string;
+        check: string;
+        historicalPayment: string;
+    };
+    hours: string;
+    wage: string;
+    bonus: string;
+    reimbursement: string;
+    total: string;
+    totalsLabel: string;
+    notAvailable: string;
+}
+/** @internal */
+export interface PaymentSummaryBlockProps {
+    contractorPaymentGroup: PaymentSummaryBlockGroup;
+    contractors: Contractor[];
+    bankAccount?: CompanyBankAccount;
+    /** Whether to show the debit amount, debit account, and debit date columns. Defaults to `true`. */
+    showDebitColumns?: boolean;
+    dictionary: PaymentSummaryBlockDictionary;
+}
+/** @internal */
+export declare const PaymentSummaryBlock: ({ contractorPaymentGroup, contractors, bankAccount, showDebitColumns, dictionary, }: PaymentSummaryBlockProps) => import("react").JSX.Element;

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.js

@@ -0,0 +1,124 @@
+import { jsxs as p, jsx as n } from "react/jsx-runtime";
+import { useMemo as i } from "react";
+import { getContractorDisplayName as d } from "../../../shared/helpers.js";
+import { Flex as g } from "../../../../Common/Flex/Flex.js";
+import { formatHoursDisplay as w } from "../../../../Payroll/helpers.js";
+import N from "../../../../../hooks/useNumberFormatter.js";
+import { DataView as s } from "../../../../Common/DataView/DataView.js";
+const D = "0.000", F = ({
+  contractorPaymentGroup: m,
+  contractors: a,
+  bankAccount: b,
+  showDebitColumns: A = !0,
+  dictionary: t
+}) => {
+  const u = N(), f = (e) => e.wageType === "Hourly" && e.hourlyRate ? `Hourly ${u(Number(e.hourlyRate))}/hr` : e.wageType, h = (e) => {
+    switch (e) {
+      case "Direct Deposit":
+        return t.paymentMethods.directDeposit;
+      case "Check":
+        return t.paymentMethods.check;
+      case "Historical Payment":
+        return t.paymentMethods.historicalPayment;
+      default:
+        return e || t.notAvailable;
+    }
+  }, l = m.contractorPayments || [], o = i(() => l.reduce(
+    (e, r) => (e.wageAmount += Number(r.wage || "0"), e.bonusAmount += Number(r.bonus || "0"), e.reimbursementAmount += Number(r.reimbursement || "0"), e.totalAmount += Number(r.wageTotal || "0"), e),
+    { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
+  ), [l]);
+  return /* @__PURE__ */ p(g, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ n(
+      s,
+      {
+        columns: [
+          {
+            title: t.totalAmount,
+            render: () => u(Number(m.totals?.amount || "0"))
+          },
+          ...A ? [
+            {
+              title: t.debitAmount ?? "",
+              render: () => u(Number(m.totals?.debitAmount || "0"))
+            },
+            {
+              title: t.debitAccount ?? "",
+              render: () => b?.hiddenAccountNumber ?? t.notAvailable
+            },
+            {
+              title: t.debitDate ?? "",
+              render: () => m.debitDate || t.notAvailable
+            }
+          ] : [],
+          {
+            title: t.contractorPayDate,
+            render: () => m.checkDate || t.notAvailable
+          }
+        ],
+        data: [m],
+        label: t.paymentSummaryTitle
+      }
+    ),
+    l.length > 0 && /* @__PURE__ */ n(
+      s,
+      {
+        columns: [
+          {
+            title: t.contractor,
+            render: (e) => d(
+              a.find(
+                (r) => r.uuid === e.contractorUuid
+              )
+            ) || t.notAvailable
+          },
+          {
+            title: t.wageType,
+            render: (e) => f(e)
+          },
+          {
+            title: t.paymentMethod,
+            render: (e) => h(e.paymentMethod)
+          },
+          {
+            title: t.hours,
+            justify: "end",
+            render: (e) => e.wageType === "Hourly" && e.hours ? w(parseFloat(e.hours)) : D
+          },
+          {
+            title: t.wage,
+            justify: "end",
+            render: (e) => u(Number(e.wage || "0"))
+          },
+          {
+            title: t.bonus,
+            justify: "end",
+            render: (e) => u(Number(e.bonus || "0"))
+          },
+          {
+            title: t.reimbursement,
+            justify: "end",
+            render: (e) => u(Number(e.reimbursement || "0"))
+          },
+          {
+            title: t.total,
+            justify: "end",
+            render: (e) => u(Number(e.wageTotal || "0"))
+          }
+        ],
+        data: l,
+        footer: () => ({
+          "column-0": t.totalsLabel,
+          "column-4": u(o.wageAmount || 0),
+          "column-5": u(o.bonusAmount || 0),
+          "column-6": u(o.reimbursementAmount || 0),
+          "column-7": u(o.totalAmount || 0)
+        }),
+        label: t.contractorPaymentsTitle
+      }
+    )
+  ] });
+};
+export {
+  F as PaymentSummaryBlock
+};
+//# sourceMappingURL=PaymentSummaryBlock.js.map

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentSummaryBlock.js","sources":["../../../../../../src/components/Contractor/Payments/shared/PaymentSummaryBlock/PaymentSummaryBlock.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport { getContractorDisplayName } from '../../../shared/helpers'\nimport { DataView, Flex } from '@/components/Common'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\n/**\n * The subset of a contractor payment record `PaymentSummaryBlock` renders. Both\n * `ContractorPaymentForGroup` (post-creation) and `ContractorPaymentForGroupPreview` (pre-creation)\n * satisfy this structurally, so the block works for a not-yet-submitted preview and an\n * already-created group alike.\n *\n * @internal\n */\nexport interface PaymentSummaryBlockContractorPayment {\n  contractorUuid?: string\n  wageType?: string\n  hourlyRate?: string\n  paymentMethod?: string\n  hours?: string\n  wage?: string\n  bonus?: string\n  reimbursement?: string\n  wageTotal?: string\n}\n\n/**\n * The subset of a contractor payment group `PaymentSummaryBlock` renders. Both\n * `ContractorPaymentGroup` and `ContractorPaymentGroupPreview` satisfy this structurally.\n *\n * @internal\n */\nexport interface PaymentSummaryBlockGroup {\n  checkDate?: string\n  debitDate?: string\n  totals?: {\n    amount?: string\n    debitAmount?: string\n  }\n  contractorPayments?: PaymentSummaryBlockContractorPayment[]\n}\n\n/**\n * Every string `PaymentSummaryBlock` renders. There is no default copy or namespace of its own —\n * `PaymentSummaryBlock` is `@internal`, so each caller (`PaymentSummary`, `HistoricalPaymentSummary`)\n * must fully resolve this from its own public namespace and pass it down, rather than this\n * component owning a namespace that would show up in the SDK's public translation types without\n * ever being a real partner override surface.\n *\n * @internal\n */\nexport interface PaymentSummaryBlockDictionary {\n  paymentSummaryTitle: string\n  totalAmount: string\n  /** Required when `showDebitColumns` is `true`. */\n  debitAmount?: string\n  /** Required when `showDebitColumns` is `true`. */\n  debitAccount?: string\n  /** Required when `showDebitColumns` is `true`. */\n  debitDate?: string\n  contractorPayDate: string\n  contractorPaymentsTitle: string\n  contractor: string\n  wageType: string\n  paymentMethod: string\n  paymentMethods: {\n    directDeposit: string\n    check: string\n    historicalPayment: string\n  }\n  hours: string\n  wage: string\n  bonus: string\n  reimbursement: string\n  total: string\n  totalsLabel: string\n  notAvailable: string\n}\n\n/** @internal */\nexport interface PaymentSummaryBlockProps {\n  contractorPaymentGroup: PaymentSummaryBlockGroup\n  contractors: Contractor[]\n  bankAccount?: CompanyBankAccount\n  /** Whether to show the debit amount, debit account, and debit date columns. Defaults to `true`. */\n  showDebitColumns?: boolean\n  dictionary: PaymentSummaryBlockDictionary\n}\n\n/** @internal */\nexport const PaymentSummaryBlock = ({\n  contractorPaymentGroup,\n  contractors,\n  bankAccount,\n  showDebitColumns = true,\n  dictionary,\n}: PaymentSummaryBlockProps) => {\n  const currencyFormatter = useNumberFormatter()\n\n  const formatWageType = (contractor: PaymentSummaryBlockContractorPayment) => {\n    if (contractor.wageType === 'Hourly' && contractor.hourlyRate) {\n      return `Hourly ${currencyFormatter(Number(contractor.hourlyRate))}/hr`\n    }\n    return contractor.wageType\n  }\n\n  const formatPaymentMethod = (paymentMethod?: string) => {\n    switch (paymentMethod) {\n      case 'Direct Deposit':\n        return dictionary.paymentMethods.directDeposit\n      case 'Check':\n        return dictionary.paymentMethods.check\n      case 'Historical Payment':\n        return dictionary.paymentMethods.historicalPayment\n      default:\n        return paymentMethod || dictionary.notAvailable\n    }\n  }\n\n  const contractorPayments = contractorPaymentGroup.contractorPayments || []\n\n  const totals = useMemo(() => {\n    return contractorPayments.reduce(\n      (acc, contractorPayment) => {\n        acc.wageAmount += Number(contractorPayment.wage || '0')\n        acc.bonusAmount += Number(contractorPayment.bonus || '0')\n        acc.reimbursementAmount += Number(contractorPayment.reimbursement || '0')\n        acc.totalAmount += Number(contractorPayment.wageTotal || '0')\n        return acc\n      },\n      { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 },\n    )\n  }, [contractorPayments])\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <DataView\n        columns={[\n          {\n            title: dictionary.totalAmount,\n            render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n          },\n          ...(showDebitColumns\n            ? [\n                {\n                  title: dictionary.debitAmount ?? '',\n                  render: () =>\n                    currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n                },\n                {\n                  title: dictionary.debitAccount ?? '',\n                  render: () => bankAccount?.hiddenAccountNumber ?? dictionary.notAvailable,\n                },\n                {\n                  title: dictionary.debitDate ?? '',\n                  render: () => contractorPaymentGroup.debitDate || dictionary.notAvailable,\n                },\n              ]\n            : []),\n          {\n            title: dictionary.contractorPayDate,\n            render: () => contractorPaymentGroup.checkDate || dictionary.notAvailable,\n          },\n        ]}\n        data={[contractorPaymentGroup]}\n        label={dictionary.paymentSummaryTitle}\n      />\n\n      {contractorPayments.length > 0 && (\n        <DataView\n          columns={[\n            {\n              title: dictionary.contractor,\n              render: contractorPayment =>\n                getContractorDisplayName(\n                  contractors.find(\n                    contractor => contractor.uuid === contractorPayment.contractorUuid,\n                  ),\n                ) || dictionary.notAvailable,\n            },\n            {\n              title: dictionary.wageType,\n              render: contractorPayment => formatWageType(contractorPayment),\n            },\n            {\n              title: dictionary.paymentMethod,\n              render: contractorPayment => formatPaymentMethod(contractorPayment.paymentMethod),\n            },\n            {\n              title: dictionary.hours,\n              justify: 'end',\n              render: contractorPayment =>\n                contractorPayment.wageType === 'Hourly' && contractorPayment.hours\n                  ? formatHoursDisplay(parseFloat(contractorPayment.hours))\n                  : ZERO_HOURS_DISPLAY,\n            },\n            {\n              title: dictionary.wage,\n              justify: 'end',\n              render: contractorPayment => currencyFormatter(Number(contractorPayment.wage || '0')),\n            },\n            {\n              title: dictionary.bonus,\n              justify: 'end',\n              render: contractorPayment =>\n                currencyFormatter(Number(contractorPayment.bonus || '0')),\n            },\n            {\n              title: dictionary.reimbursement,\n              justify: 'end',\n              render: contractorPayment =>\n                currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n            },\n            {\n              title: dictionary.total,\n              justify: 'end',\n              render: contractorPayment =>\n                currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n            },\n          ]}\n          data={contractorPayments}\n          footer={() => ({\n            'column-0': dictionary.totalsLabel,\n            'column-4': currencyFormatter(totals.wageAmount || 0),\n            'column-5': currencyFormatter(totals.bonusAmount || 0),\n            'column-6': currencyFormatter(totals.reimbursementAmount || 0),\n            'column-7': currencyFormatter(totals.totalAmount || 0),\n          })}\n          label={dictionary.contractorPaymentsTitle}\n        />\n      )}\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PaymentSummaryBlock","contractorPaymentGroup","contractors","bankAccount","showDebitColumns","dictionary","currencyFormatter","useNumberFormatter","formatWageType","contractor","formatPaymentMethod","paymentMethod","contractorPayments","totals","useMemo","acc","contractorPayment","jsxs","Flex","jsx","DataView","getContractorDisplayName","formatHoursDisplay"],"mappings":";;;;;;;AAQA,MAAMA,IAAqB,SAsFdC,IAAsB,CAAC;AAAA,EAClC,wBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC,IAAmB;AAAA,EACnB,YAAAC;AACF,MAAgC;AAC9B,QAAMC,IAAoBC,EAAA,GAEpBC,IAAiB,CAACC,MAClBA,EAAW,aAAa,YAAYA,EAAW,aAC1C,UAAUH,EAAkB,OAAOG,EAAW,UAAU,CAAC,CAAC,QAE5DA,EAAW,UAGdC,IAAsB,CAACC,MAA2B;AACtD,YAAQA,GAAA;AAAA,MACN,KAAK;AACH,eAAON,EAAW,eAAe;AAAA,MACnC,KAAK;AACH,eAAOA,EAAW,eAAe;AAAA,MACnC,KAAK;AACH,eAAOA,EAAW,eAAe;AAAA,MACnC;AACE,eAAOM,KAAiBN,EAAW;AAAA,IAAA;AAAA,EAEzC,GAEMO,IAAqBX,EAAuB,sBAAsB,CAAA,GAElEY,IAASC,EAAQ,MACdF,EAAmB;AAAA,IACxB,CAACG,GAAKC,OACJD,EAAI,cAAc,OAAOC,EAAkB,QAAQ,GAAG,GACtDD,EAAI,eAAe,OAAOC,EAAkB,SAAS,GAAG,GACxDD,EAAI,uBAAuB,OAAOC,EAAkB,iBAAiB,GAAG,GACxED,EAAI,eAAe,OAAOC,EAAkB,aAAa,GAAG,GACrDD;AAAA,IAET,EAAE,YAAY,GAAG,aAAa,GAAG,qBAAqB,GAAG,aAAa,EAAA;AAAA,EAAE,GAEzE,CAACH,CAAkB,CAAC;AAEvB,SACE,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,UACP;AAAA,YACE,OAAOf,EAAW;AAAA,YAClB,QAAQ,MAAMC,EAAkB,OAAOL,EAAuB,QAAQ,UAAU,GAAG,CAAC;AAAA,UAAA;AAAA,UAEtF,GAAIG,IACA;AAAA,YACE;AAAA,cACE,OAAOC,EAAW,eAAe;AAAA,cACjC,QAAQ,MACNC,EAAkB,OAAOL,EAAuB,QAAQ,eAAe,GAAG,CAAC;AAAA,YAAA;AAAA,YAE/E;AAAA,cACE,OAAOI,EAAW,gBAAgB;AAAA,cAClC,QAAQ,MAAMF,GAAa,uBAAuBE,EAAW;AAAA,YAAA;AAAA,YAE/D;AAAA,cACE,OAAOA,EAAW,aAAa;AAAA,cAC/B,QAAQ,MAAMJ,EAAuB,aAAaI,EAAW;AAAA,YAAA;AAAA,UAC/D,IAEF,CAAA;AAAA,UACJ;AAAA,YACE,OAAOA,EAAW;AAAA,YAClB,QAAQ,MAAMJ,EAAuB,aAAaI,EAAW;AAAA,UAAA;AAAA,QAC/D;AAAA,QAEF,MAAM,CAACJ,CAAsB;AAAA,QAC7B,OAAOI,EAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGnBO,EAAmB,SAAS,KAC3B,gBAAAO;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,UACP;AAAA,YACE,OAAOf,EAAW;AAAA,YAClB,QAAQ,CAAAW,MACNK;AAAA,cACEnB,EAAY;AAAA,gBACV,CAAAO,MAAcA,EAAW,SAASO,EAAkB;AAAA,cAAA;AAAA,YACtD,KACGX,EAAW;AAAA,UAAA;AAAA,UAEpB;AAAA,YACE,OAAOA,EAAW;AAAA,YAClB,QAAQ,CAAAW,MAAqBR,EAAeQ,CAAiB;AAAA,UAAA;AAAA,UAE/D;AAAA,YACE,OAAOX,EAAW;AAAA,YAClB,QAAQ,CAAAW,MAAqBN,EAAoBM,EAAkB,aAAa;AAAA,UAAA;AAAA,UAElF;AAAA,YACE,OAAOX,EAAW;AAAA,YAClB,SAAS;AAAA,YACT,QAAQ,CAAAW,MACNA,EAAkB,aAAa,YAAYA,EAAkB,QACzDM,EAAmB,WAAWN,EAAkB,KAAK,CAAC,IACtDjB;AAAA,UAAA;AAAA,UAER;AAAA,YACE,OAAOM,EAAW;AAAA,YAClB,SAAS;AAAA,YACT,QAAQ,CAAAW,MAAqBV,EAAkB,OAAOU,EAAkB,QAAQ,GAAG,CAAC;AAAA,UAAA;AAAA,UAEtF;AAAA,YACE,OAAOX,EAAW;AAAA,YAClB,SAAS;AAAA,YACT,QAAQ,CAAAW,MACNV,EAAkB,OAAOU,EAAkB,SAAS,GAAG,CAAC;AAAA,UAAA;AAAA,UAE5D;AAAA,YACE,OAAOX,EAAW;AAAA,YAClB,SAAS;AAAA,YACT,QAAQ,CAAAW,MACNV,EAAkB,OAAOU,EAAkB,iBAAiB,GAAG,CAAC;AAAA,UAAA;AAAA,UAEpE;AAAA,YACE,OAAOX,EAAW;AAAA,YAClB,SAAS;AAAA,YACT,QAAQ,CAAAW,MACNV,EAAkB,OAAOU,EAAkB,aAAa,GAAG,CAAC;AAAA,UAAA;AAAA,QAChE;AAAA,QAEF,MAAMJ;AAAA,QACN,QAAQ,OAAO;AAAA,UACb,YAAYP,EAAW;AAAA,UACvB,YAAYC,EAAkBO,EAAO,cAAc,CAAC;AAAA,UACpD,YAAYP,EAAkBO,EAAO,eAAe,CAAC;AAAA,UACrD,YAAYP,EAAkBO,EAAO,uBAAuB,CAAC;AAAA,UAC7D,YAAYP,EAAkBO,EAAO,eAAe,CAAC;AAAA,QAAA;AAAA,QAEvD,OAAOR,EAAW;AAAA,MAAA;AAAA,IAAA;AAAA,EACpB,GAEJ;AAEJ;"}

package/dist/components/Contractor/Payments/shared/PaymentSummaryBlock/index.d.ts

@@ -0,0 +1 @@
+export { PaymentSummaryBlock, type PaymentSummaryBlockProps, type PaymentSummaryBlockDictionary, type PaymentSummaryBlockGroup, type PaymentSummaryBlockContractorPayment, } from './PaymentSummaryBlock';

package/dist/components/Contractor/Profile/management/Profile.js

@@ -1,18 +1,18 @@
 import { jsx as n } from "react/jsx-runtime";
-import { createMachine as m } from "robot3";
-import { useMemo as a } from "react";
-import { CardContextual as f } from "./ProfileComponents.js";
-import { profileStateMachine as c } from "./profileStateMachine.js";
+import { useMemo as m } from "react";
+import { CardContextual as a } from "./ProfileComponents.js";
+import { profileStateMachine as f } from "./profileStateMachine.js";
+import { createMachine as c } from "../../../../lib/state-machine/core.js";
 import { Flow as l } from "../../../Flow/Flow.js";
 import { BaseBoundaries as p } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { useComponentDictionary as u, useI18n as s } from "../../../../i18n/I18n.js";
 function M({ contractorId: r, onEvent: e, LoaderComponent: o }) {
   s("Contractor.Management.Profile");
-  const t = a(
-    () => m("card", c, (i) => ({
+  const t = m(
+    () => c("card", f, (i) => ({
       ...i,
-      component: f,
+      component: a,
       contractorId: r,
       successAlert: null,
       LoaderComponent: o

package/dist/components/Contractor/Profile/management/Profile.js.map

@@ -1 +1 @@
-{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Contractor/Profile/management/Profile.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Contractor.Management.Profile'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction ProfileFlow({ contractorId, onEvent, LoaderComponent }: ProfileProps) {\n  useI18n('Contractor.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Contractor} |\n * | `contractor/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The contractor profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  useComponentDictionary('Contractor.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAiC;AAC7E,EAAAC,EAAQ,+BAA+B;AAEvC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,iCAAiCH,CAAU,GAEhE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}
+{"version":3,"file":"Profile.js","sources":["../../../../../src/components/Contractor/Profile/management/Profile.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport { CardContextual, type ProfileContextInterface } from './ProfileComponents'\nimport { profileStateMachine } from './profileStateMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentDictionary } from '@/i18n/I18n'\nimport { useI18n } from '@/i18n'\n\n/**\n * Props for {@link Profile}.\n *\n * @public\n */\nexport interface ProfileProps extends BaseComponentInterface<'Contractor.Management.Profile'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n}\n\nfunction ProfileFlow({ contractorId, onEvent, LoaderComponent }: ProfileProps) {\n  useI18n('Contractor.Management.Profile')\n\n  const machine = useMemo(\n    () =>\n      createMachine('card', profileStateMachine, (ctx: ProfileContextInterface) => ({\n        ...ctx,\n        component: CardContextual,\n        contractorId,\n        successAlert: null,\n        LoaderComponent,\n      })),\n    [contractorId, LoaderComponent],\n  )\n\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n\n/**\n * Management surface for viewing and editing a contractor's basic profile details after onboarding.\n *\n * @remarks\n * Drives the read-view card and edit form via an internal state machine.\n * Emits events on the supplied `onEvent` handler when the user requests an\n * edit, saves changes, or cancels.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/management/profile/editRequested` | Fired when the user clicks Edit on the read-view card | `{ contractorId: string }` |\n * | `contractor/management/profile/updated` | Fired after the profile is successfully saved | {@link APIModels.Contractor} |\n * | `contractor/management/profile/editCancelled` | Fired when the user cancels editing | — |\n *\n * @param props - See {@link ProfileProps}.\n * @returns The contractor profile management surface.\n * @public\n */\nexport function Profile({\n  dictionary,\n  FallbackComponent,\n  LoaderComponent,\n  ...props\n}: ProfileProps) {\n  useComponentDictionary('Contractor.Management.Profile', dictionary)\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Management.Profile\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <ProfileFlow LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["ProfileFlow","contractorId","onEvent","LoaderComponent","useI18n","machine","useMemo","createMachine","profileStateMachine","ctx","CardContextual","jsx","Flow","Profile","dictionary","FallbackComponent","props","useComponentDictionary","BaseBoundaries"],"mappings":";;;;;;;;;AAmBA,SAASA,EAAY,EAAE,cAAAC,GAAc,SAAAC,GAAS,iBAAAC,KAAiC;AAC7E,EAAAC,EAAQ,+BAA+B;AAEvC,QAAMC,IAAUC;AAAA,IACd,MACEC,EAAc,QAAQC,GAAqB,CAACC,OAAkC;AAAA,MAC5E,GAAGA;AAAA,MACH,WAAWC;AAAA,MACX,cAAAT;AAAA,MACA,cAAc;AAAA,MACd,iBAAAE;AAAA,IAAA,EACA;AAAA,IACJ,CAACF,GAAcE,CAAe;AAAA,EAAA;AAGhC,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;AAqBO,SAASW,EAAQ;AAAA,EACtB,YAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAZ;AAAA,EACA,GAAGa;AACL,GAAiB;AACf,SAAAC,EAAuB,iCAAiCH,CAAU,GAEhE,gBAAAH;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,eAAc;AAAA,MACd,mBAAAH;AAAA,MACA,iBAAAZ;AAAA,MAEA,UAAA,gBAAAQ,EAACX,GAAA,EAAY,iBAAAG,GAAmC,GAAGa,EAAA,CAAO;AAAA,IAAA;AAAA,EAAA;AAGhE;"}

package/dist/components/Contractor/Profile/management/profileStateMachine.d.ts

@@ -1,5 +1,5 @@
 /** @internal */
 export declare const profileStateMachine: {
-    card: import('robot3').MachineState<any>;
-    editProfile: import('robot3').MachineState<any>;
+    card: import('../../../../lib/state-machine').StateDefinition;
+    editProfile: import('../../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Contractor/Profile/management/profileStateMachine.js

@@ -1,6 +1,7 @@
-import { state as E, transition as e, reduce as o } from "robot3";
 import { ProfileEditFormContextual as T, CardContextual as c } from "./ProfileComponents.js";
-import { componentEvents as r } from "../../../../shared/constants.js";
+import "react";
+import { state as E, transition as r, reduce as o } from "../../../../lib/state-machine/core.js";
+import { componentEvents as e } from "../../../../shared/constants.js";
 const n = o((t) => ({
   ...t,
   component: c,
@@ -9,10 +10,10 @@ const n = o((t) => ({
   ...A,
   component: c,
   successAlert: t
-})), _ = {
+})), a = {
   card: E(
-    e(
-      r.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,
+    r(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,
       "editProfile",
       o((t) => ({
         ...t,
@@ -20,18 +21,18 @@ const n = o((t) => ({
         successAlert: null
       }))
     ),
-    e(r.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
+    r(e.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, "card", n)
   ),
   editProfile: E(
-    e(
-      r.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,
+    r(
+      e.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,
       "card",
       i("profileUpdated")
     ),
-    e(r.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED, "card", n)
+    r(e.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED, "card", n)
   )
 };
 export {
-  _ as profileStateMachine
+  a as profileStateMachine
 };
 //# sourceMappingURL=profileStateMachine.js.map

package/dist/components/Contractor/Profile/management/profileStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Contractor/Profile/management/profileStateMachine.ts"],"sourcesContent":["import { reduce, state, transition } from 'robot3'\nimport type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n        ...ctx,\n        component: ProfileEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAA2D;AAAA,EACtF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAA2D;AAAA,EACjE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA2D;AAAA,QACjE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF,EAAWC,EAAgB,+CAA+C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAEhG,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,8CAA8C,QAAQT,CAAY;AAAA,EAAA;AAEjG;"}
+{"version":3,"file":"profileStateMachine.js","sources":["../../../../../src/components/Contractor/Profile/management/profileStateMachine.ts"],"sourcesContent":["import type { ComponentType } from 'react'\nimport type { ProfileContextInterface } from './ProfileComponents'\nimport { CardContextual, ProfileEditFormContextual } from './ProfileComponents'\nimport { reduce, state, transition } from '@/lib/state-machine'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineTransition } from '@/types/Helpers'\n\nconst returnToCard = reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n  ...ctx,\n  component: CardContextual as ComponentType,\n  successAlert: null,\n}))\n\nconst returnToCardWithAlert = (alert: ProfileContextInterface['successAlert']) =>\n  reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n    ...ctx,\n    component: CardContextual as ComponentType,\n    successAlert: alert,\n  }))\n\n/** @internal */\nexport const profileStateMachine = {\n  card: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_REQUESTED,\n      'editProfile',\n      reduce((ctx: ProfileContextInterface): ProfileContextInterface => ({\n        ...ctx,\n        component: ProfileEditFormContextual as ComponentType,\n        successAlert: null,\n      })),\n    ),\n    transition(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_ALERT_DISMISSED, 'card', returnToCard),\n  ),\n  editProfile: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_UPDATED,\n      'card',\n      returnToCardWithAlert('profileUpdated'),\n    ),\n    transition(componentEvents.CONTRACTOR_MANAGEMENT_PROFILE_EDIT_CANCELLED, 'card', returnToCard),\n  ),\n}\n"],"names":["returnToCard","reduce","ctx","CardContextual","returnToCardWithAlert","alert","profileStateMachine","state","transition","componentEvents","ProfileEditFormContextual"],"mappings":";;;;AAOA,MAAMA,IAAeC,EAAO,CAACC,OAA2D;AAAA,EACtF,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAc;AAChB,EAAE,GAEIC,IAAwB,CAACC,MAC7BJ,EAAO,CAACC,OAA2D;AAAA,EACjE,GAAGA;AAAA,EACH,WAAWC;AAAA,EACX,cAAcE;AAChB,EAAE,GAGSC,IAAsB;AAAA,EACjC,MAAMC;AAAA,IACJC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAR,EAAO,CAACC,OAA2D;AAAA,QACjE,GAAGA;AAAA,QACH,WAAWQ;AAAA,QACX,cAAc;AAAA,MAAA,EACd;AAAA,IAAA;AAAA,IAEJF,EAAWC,EAAgB,+CAA+C,QAAQT,CAAY;AAAA,EAAA;AAAA,EAEhG,aAAaO;AAAA,IACXC;AAAA,MACEC,EAAgB;AAAA,MAChB;AAAA,MACAL,EAAsB,gBAAgB;AAAA,IAAA;AAAA,IAExCI,EAAWC,EAAgB,8CAA8C,QAAQT,CAAY;AAAA,EAAA;AAEjG;"}

package/dist/components/Contractor/Profile/shared/useContractorDetailsForm/fields.js

@@ -1,24 +1,24 @@
 import { jsx as t } from "react/jsx-runtime";
+import { useFormFieldsMetadataContext as i } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
+import { usePlaceholderSSN as d, normalizeSSN as u } from "../../../../../helpers/ssn.js";
+import { usePlaceholderEin as f, normalizeEin as s } from "../../../../../helpers/federalEin.js";
+import { SelectHookField as c } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
 import { TextInputHookField as n } from "../../../../../partner-hook-utils/form/fields/TextInputHookField.js";
-import { SelectHookField as d } from "../../../../../partner-hook-utils/form/fields/SelectHookField.js";
-import { NumberInputHookField as u } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
-import { DatePickerHookField as f } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
-import { RadioGroupHookField as i } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 import { SwitchHookField as m } from "../../../../../partner-hook-utils/form/fields/SwitchHookField.js";
-import { useFormFieldsMetadataContext as l } from "../../../../../partner-hook-utils/form/FormFieldsMetadataContext.js";
-import { usePlaceholderSSN as s, normalizeSSN as c } from "../../../../../helpers/ssn.js";
-import { usePlaceholderEin as F, normalizeEin as p } from "../../../../../helpers/federalEin.js";
+import { NumberInputHookField as F } from "../../../../../partner-hook-utils/form/fields/NumberInputHookField.js";
+import { DatePickerHookField as p } from "../../../../../partner-hook-utils/form/fields/DatePickerHookField.js";
+import { RadioGroupHookField as l } from "../../../../../partner-hook-utils/form/fields/RadioGroupHookField.js";
 function b(e) {
-  return /* @__PURE__ */ t(i, { ...e, name: "type" });
+  return /* @__PURE__ */ t(l, { ...e, name: "type" });
 }
 function g(e) {
-  return /* @__PURE__ */ t(i, { ...e, name: "wageType" });
+  return /* @__PURE__ */ t(l, { ...e, name: "wageType" });
 }
 function I(e) {
-  return /* @__PURE__ */ t(f, { ...e, name: "startDate" });
+  return /* @__PURE__ */ t(p, { ...e, name: "startDate" });
 }
 function M(e) {
-  return /* @__PURE__ */ t(u, { ...e, name: "hourlyRate" });
+  return /* @__PURE__ */ t(F, { ...e, name: "hourlyRate" });
 }
 function T(e) {
   return /* @__PURE__ */ t(m, { ...e, name: "selfOnboarding" });
@@ -42,31 +42,31 @@ function V(e) {
   return /* @__PURE__ */ t(n, { ...e, name: "businessName" });
 }
 function W(e) {
-  const a = l(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = s(o.ssn?.hasRedactedValue);
+  const a = i(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = d(o.ssn?.hasRedactedValue);
   return /* @__PURE__ */ t(
     n,
     {
       ...e,
       name: "ssn",
-      transform: c,
+      transform: u,
       placeholder: r
     }
   );
 }
 function j(e) {
-  const a = l(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = F(o.ein?.hasRedactedValue);
+  const a = i(), o = e.formHookResult?.form.fieldsMetadata ?? a?.metadata ?? {}, r = f(o.ein?.hasRedactedValue);
   return /* @__PURE__ */ t(
     n,
     {
       ...e,
       name: "ein",
-      transform: p,
+      transform: s,
       placeholder: r
     }
   );
 }
 function B(e) {
-  return /* @__PURE__ */ t(d, { ...e, name: "workState" });
+  return /* @__PURE__ */ t(c, { ...e, name: "workState" });
 }
 export {
   V as BusinessNameField,

package/dist/components/Contractor/SelfOnboardingFlow/SelfOnboardingFlow.js

@@ -1,21 +1,21 @@
 import { jsx as i } from "react/jsx-runtime";
-import { createMachine as t } from "robot3";
-import { useMemo as f } from "react";
-import { Landing as p } from "./SelfOnboardingComponents.js";
-import { contractorSelfOnboardingMachine as a } from "./selfOnboardingMachine.js";
+import { useMemo as t } from "react";
+import { Landing as f } from "./SelfOnboardingComponents.js";
+import { contractorSelfOnboardingMachine as p } from "./selfOnboardingMachine.js";
+import { createMachine as a } from "../../../lib/state-machine/core.js";
 import { Flow as c } from "../../Flow/Flow.js";
 const b = ({
   companyId: o,
   contractorId: r,
   onEvent: m
 }) => {
-  const n = f(
-    () => t(
+  const n = t(
+    () => a(
       "index",
-      a,
+      p,
       (e) => ({
         ...e,
-        component: p,
+        component: f,
         companyId: o,
         contractorId: r
       })

package/dist/components/Contractor/SelfOnboardingFlow/SelfOnboardingFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Contractor/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { contractorSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { SelfOnboardingFlowProps } from './SelfOnboardingComponents'\n\n/**\n * Guided flow for contractors to complete their own onboarding.\n *\n * @remarks\n * Hands the contractor responsibility for submitting their own profile, address, payment, and document-signing information. Drives a multi-step flow keyed to the contractor being self-onboarded, starting from the self-onboarding landing page and ending on a confirmation summary.\n *\n * Each step is also exported as a standalone block (see the Blocks table) for composing a custom workflow when this orchestration is the wrong fit.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`; see the events table on each block for the full set of events and payloads observable from this flow.\n *\n * @components\n * - {@link Landing}\n * - {@link ContractorProfile}\n * - {@link Address}\n * - {@link PaymentMethod}\n * - {@link DocumentSigner}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link SelfOnboardingFlowProps}.\n * @returns The multi-step self-onboarding flow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorOnboarding.SelfOnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       contractorId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'contractor/selfOnboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const SelfOnboardingFlow = ({\n  companyId,\n  contractorId,\n  onEvent,\n}: SelfOnboardingFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'index',\n        contractorSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          contractorId,\n        }),\n      ),\n    [companyId, contractorId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","contractorId","onEvent","machine","useMemo","createMachine","contractorSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAsDO,MAAMA,IAAqB,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,CAAY;AAAA,EAAA;AAE1B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAD,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"SelfOnboardingFlow.js","sources":["../../../../src/components/Contractor/SelfOnboardingFlow/SelfOnboardingFlow.tsx"],"sourcesContent":["import { useMemo } from 'react'\nimport type {\n  SelfOnboardingContextInterface,\n  SelfOnboardingFlowProps,\n} from './SelfOnboardingComponents'\nimport { Landing } from './SelfOnboardingComponents'\nimport { contractorSelfOnboardingMachine } from './selfOnboardingMachine'\nimport { createMachine } from '@/lib/state-machine'\nimport { Flow } from '@/components/Flow/Flow'\n\nexport type { SelfOnboardingFlowProps } from './SelfOnboardingComponents'\n\n/**\n * Guided flow for contractors to complete their own onboarding.\n *\n * @remarks\n * Hands the contractor responsibility for submitting their own profile, address, payment, and document-signing information. Drives a multi-step flow keyed to the contractor being self-onboarded, starting from the self-onboarding landing page and ending on a confirmation summary.\n *\n * Each step is also exported as a standalone block (see the Blocks table) for composing a custom workflow when this orchestration is the wrong fit.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`; see the events table on each block for the full set of events and payloads observable from this flow.\n *\n * @components\n * - {@link Landing}\n * - {@link ContractorProfile}\n * - {@link Address}\n * - {@link PaymentMethod}\n * - {@link DocumentSigner}\n * - {@link OnboardingSummary}\n *\n * @param props - See {@link SelfOnboardingFlowProps}.\n * @returns The multi-step self-onboarding flow.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorOnboarding, type EventType } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorOnboarding.SelfOnboardingFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       contractorId=\"4b3f930f-82cd-48a8-b797-798686e12e5e\"\n *       onEvent={(eventType: EventType) => {\n *         if (eventType === 'contractor/selfOnboarding/done') {\n *           // Onboarding complete — navigate to your next screen\n *         }\n *       }}\n *     />\n *   )\n * }\n * ```\n */\nexport const SelfOnboardingFlow = ({\n  companyId,\n  contractorId,\n  onEvent,\n}: SelfOnboardingFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'index',\n        contractorSelfOnboardingMachine,\n        (initialContext: SelfOnboardingContextInterface) => ({\n          ...initialContext,\n          component: Landing,\n          companyId,\n          contractorId,\n        }),\n      ),\n    [companyId, contractorId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["SelfOnboardingFlow","companyId","contractorId","onEvent","machine","useMemo","createMachine","contractorSelfOnboardingMachine","initialContext","Landing","jsx","Flow"],"mappings":";;;;;;AAsDO,MAAMA,IAAqB,CAAC;AAAA,EACjC,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AACF,MAA+B;AAC7B,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAoD;AAAA,QACnD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAR;AAAA,QACA,cAAAC;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACD,GAAWC,CAAY;AAAA,EAAA;AAE1B,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAD,EAAA,CAAkB;AACnD;"}

package/dist/components/Contractor/SelfOnboardingFlow/selfOnboardingMachine.d.ts

@@ -1,8 +1,8 @@
 /** @internal */
 export declare const contractorSelfOnboardingMachine: {
-    index: import('robot3').MachineState<any>;
-    contractorProfile: import('robot3').MachineState<any>;
-    contractorAddress: import('robot3').MachineState<any>;
-    contractorPaymentMethod: import('robot3').MachineState<any>;
-    contractorDocumentSigner: import('robot3').MachineState<any>;
+    index: import('../../../lib/state-machine').StateDefinition;
+    contractorProfile: import('../../../lib/state-machine').StateDefinition;
+    contractorAddress: import('../../../lib/state-machine').StateDefinition;
+    contractorPaymentMethod: import('../../../lib/state-machine').StateDefinition;
+    contractorDocumentSigner: import('../../../lib/state-machine').StateDefinition;
 };

package/dist/components/Contractor/SelfOnboardingFlow/selfOnboardingMachine.js

@@ -1,7 +1,8 @@
-import { state as t, transition as n, reduce as r } from "robot3";
-import { OnboardingSummary as c, DocumentSigner as O, PaymentMethod as m, Address as a, Profile as i } from "./SelfOnboardingComponents.js";
+import { OnboardingSummary as c, DocumentSigner as m, PaymentMethod as O, Address as a, Profile as i } from "./SelfOnboardingComponents.js";
+import "react";
+import { state as t, transition as n, reduce as r } from "../../../lib/state-machine/core.js";
 import { componentEvents as e } from "../../../shared/constants.js";
-const N = {
+const A = {
   index: t(
     n(
       e.CONTRACTOR_SELF_ONBOARDING_START,
@@ -28,7 +29,7 @@ const N = {
       "contractorPaymentMethod",
       r((o) => ({
         ...o,
-        component: m
+        component: O
       }))
     )
   ),
@@ -38,7 +39,7 @@ const N = {
       "contractorDocumentSigner",
       r((o) => ({
         ...o,
-        component: O
+        component: m
       }))
     )
   ),
@@ -54,6 +55,6 @@ const N = {
   )
 };
 export {
-  N as contractorSelfOnboardingMachine
+  A as contractorSelfOnboardingMachine
 };
 //# sourceMappingURL=selfOnboardingMachine.js.map