@gusto/embedded-react-sdk 0.54.1 → 0.55.1

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

@@ -1,56 +1,57 @@
-import { jsxs as m, jsx as o } from "react/jsx-runtime";
-import { useTranslation as C } from "react-i18next";
-import { useMemo as j } from "react";
-import { getContractorDisplayName as v } from "../../shared/helpers.js";
-import { FastAchSubmissionBlockerBanner as P } from "./FastAchSubmissionBlockerBanner.js";
-import { GenericBlocker as R } from "./GenericBlocker.js";
+import { jsxs as m, jsx as a } from "react/jsx-runtime";
+import { useTranslation as j } from "react-i18next";
+import { useMemo as v } from "react";
+import { getContractorDisplayName as P } from "../../shared/helpers.js";
+import { getContractorPaymentTotalAmount as f } from "../shared/paymentAmounts.js";
+import { FastAchSubmissionBlockerBanner as R } from "./FastAchSubmissionBlockerBanner.js";
+import { GenericBlocker as L } from "./GenericBlocker.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";
-import { useComponentContext as L } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as _ } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as E } from "../../../Payroll/helpers.js";
-import F from "../../../../hooks/useNumberFormatter.js";
-import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as f } from "../../../../shared/constants.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as E } from "../../../../i18n/I18n.js";
+import { formatHoursDisplay as F } from "../../../Payroll/helpers.js";
+import I from "../../../../hooks/useNumberFormatter.js";
+import { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES as p } from "../../../../shared/constants.js";
 import { DataView as T } from "../../../Common/DataView/DataView.js";
-const I = "0.000", X = ({
+const M = "0.000", ee = ({
   contractorPaymentGroup: n,
-  contractors: p,
-  onBackToEdit: h,
-  onSubmit: A,
+  contractors: h,
+  onBackToEdit: A,
+  onSubmit: D,
   isLoading: l,
-  bankAccount: D,
+  bankAccount: g,
   selectedUnblockOptions: d = {},
   onUnblockOptionChange: b,
-  paymentSpeed: g
+  paymentSpeed: H
 }) => {
-  const { Button: c, Text: w, Heading: y, Alert: H } = L();
-  _("Contractor.Payments.CreatePayment");
-  const { t } = C("Contractor.Payments.CreatePayment", {
+  const { Button: c, Text: w, Heading: y, Alert: N } = _();
+  E("Contractor.Payments.CreatePayment");
+  const { t } = j("Contractor.Payments.CreatePayment", {
     keyPrefix: "previewPresentation"
-  }), a = F(), N = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${a(Number(e.hourlyRate || "0"))}${t("perHour")}` : e.wageType, i = j(
+  }), o = I(), B = (e) => e.wageType === "Hourly" && e.hourlyRate ? `${o(Number(e.hourlyRate || "0"))}${t("perHour")}` : e.wageType, i = v(
     () => n.contractorPayments?.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),
+      (e, r) => (e.wageAmount += Number(r.wage || "0"), e.bonusAmount += Number(r.bonus || "0"), e.reimbursementAmount += Number(r.reimbursement || "0"), e.totalAmount += f(r), e),
       { wageAmount: 0, bonusAmount: 0, reimbursementAmount: 0, totalAmount: 0 }
     ),
     [n.contractorPayments]
-  ), B = n.contractorPayments || [], s = (n.submissionBlockers || []).filter(
+  ), C = n.contractorPayments || [], s = (n.submissionBlockers || []).filter(
     (e) => e.status === "unresolved"
   ), S = s.some(
-    (e) => !f.includes(e.blockerType || "")
+    (e) => !p.includes(e.blockerType || "")
   ), k = s.some(
     (e) => !d[e.blockerType || ""]
   ), x = l || s.length > 0 && (S || k);
   return /* @__PURE__ */ m(u, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ m(u, { justifyContent: "flex-end", gap: 16, children: [
       /* @__PURE__ */ m(u, { flexDirection: "column", gap: 2, children: [
-        /* @__PURE__ */ o(y, { as: "h2", children: t("reviewAndSubmitTitle") }),
-        /* @__PURE__ */ o(w, { variant: "supporting", children: t("reviewSubtitle", { debitDate: n.debitDate }) })
+        /* @__PURE__ */ a(y, { as: "h2", children: t("reviewAndSubmitTitle") }),
+        /* @__PURE__ */ a(w, { variant: "supporting", children: t("reviewSubtitle", { debitDate: n.debitDate }) })
       ] }),
       /* @__PURE__ */ m(u, { justifyContent: "flex-end", gap: 16, children: [
-        /* @__PURE__ */ o(c, { onClick: h, variant: "secondary", children: t("editButton") }),
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ a(c, { onClick: A, variant: "secondary", children: t("editButton") }),
+        /* @__PURE__ */ a(
           c,
           {
-            onClick: A,
+            onClick: D,
             variant: "primary",
             isLoading: l,
             isDisabled: x,
@@ -59,8 +60,8 @@ const I = "0.000", X = ({
         )
       ] })
     ] }),
-    /* @__PURE__ */ o(
-      H,
+    /* @__PURE__ */ a(
+      N,
       {
         status: "info",
         label: t("alerts.submitPaymentsDeadline", {
@@ -71,33 +72,33 @@ const I = "0.000", X = ({
     ),
     s.length > 0 && b && s.map((e) => {
       const r = e.blockerType || "";
-      return f.includes(r) ? /* @__PURE__ */ o(
-        P,
+      return p.includes(r) ? /* @__PURE__ */ a(
+        R,
         {
           blocker: e,
           selectedValue: d[r],
           onUnblockOptionChange: b,
-          paymentSpeed: g
+          paymentSpeed: H
         },
         r
-      ) : /* @__PURE__ */ o(R, { blocker: e }, r);
+      ) : /* @__PURE__ */ a(L, { blocker: e }, r);
     }),
-    /* @__PURE__ */ o(y, { as: "h3", children: t("paymentSummaryTitle") }),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(y, { as: "h3", children: t("paymentSummaryTitle") }),
+    /* @__PURE__ */ a(
       T,
       {
         columns: [
           {
             title: t("summaryTableHeaders.totalAmount"),
-            render: () => a(Number(n.totals?.amount || "0"))
+            render: () => o(Number(n.totals?.amount || "0"))
           },
           {
             title: t("summaryTableHeaders.debitAmount"),
-            render: () => a(Number(n.totals?.debitAmount || "0"))
+            render: () => o(Number(n.totals?.debitAmount || "0"))
           },
           {
             title: t("summaryTableHeaders.debitAccount"),
-            render: () => D?.hiddenAccountNumber ?? t("naDebitAccount")
+            render: () => g?.hiddenAccountNumber ?? t("naDebitAccount")
           },
           {
             title: t("summaryTableHeaders.debitDate"),
@@ -112,21 +113,21 @@ const I = "0.000", X = ({
         label: "Payment Summary"
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ a(
       T,
       {
         columns: [
           {
             title: t("contractorTableHeaders.contractor"),
-            render: (e) => v(
-              p.find(
+            render: (e) => P(
+              h.find(
                 (r) => r.uuid === e.contractorUuid
               )
             )
           },
           {
             title: t("contractorTableHeaders.wageType"),
-            render: (e) => N(e)
+            render: (e) => B(e)
           },
           {
             title: t("contractorTableHeaders.paymentMethod"),
@@ -138,37 +139,37 @@ const I = "0.000", X = ({
             render: (e) => {
               if (e.wageType === "Fixed") return t("na");
               const r = Number(e.hours || "0");
-              return r ? E(r) : I;
+              return r ? F(r) : M;
             }
           },
           {
             title: t("contractorTableHeaders.wage"),
             justify: "end",
-            render: (e) => e.wageType === "Hourly" ? t("na") : a(Number(e.wage || "0"))
+            render: (e) => e.wageType === "Hourly" ? t("na") : o(Number(e.wage || "0"))
           },
           {
             title: t("contractorTableHeaders.bonus"),
             justify: "end",
-            render: (e) => a(Number(e.bonus || "0"))
+            render: (e) => o(Number(e.bonus || "0"))
           },
           {
             title: t("contractorTableHeaders.reimbursement"),
             justify: "end",
-            render: (e) => a(Number(e.reimbursement || "0"))
+            render: (e) => o(Number(e.reimbursement || "0"))
           },
           {
             title: t("contractorTableHeaders.total"),
             justify: "end",
-            render: (e) => a(Number(e.wageTotal || "0"))
+            render: (e) => o(f(e))
           }
         ],
-        data: B,
+        data: C,
         footer: () => ({
           "column-0": t("totalsLabel"),
-          "column-4": a(i?.wageAmount ?? 0),
-          "column-5": a(i?.bonusAmount ?? 0),
-          "column-6": a(i?.reimbursementAmount ?? 0),
-          "column-7": a(i?.totalAmount ?? 0)
+          "column-4": o(i?.wageAmount ?? 0),
+          "column-5": o(i?.bonusAmount ?? 0),
+          "column-6": o(i?.reimbursementAmount ?? 0),
+          "column-7": o(i?.totalAmount ?? 0)
         }),
         label: t("whatYourCompanyPays")
       }
@@ -176,6 +177,6 @@ const I = "0.000", X = ({
   ] });
 };
 export {
-  X as PreviewPresentation
+  ee as PreviewPresentation
 };
 //# sourceMappingURL=PreviewPresentation.js.map

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

@@ -1 +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 type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner'\nimport { GenericBlocker } from './GenericBlocker'\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'\nimport { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES } from '@/shared/constants'\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  bankAccount?: CompanyBankAccount\n  selectedUnblockOptions?: Record<string, string>\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  paymentSpeed?: PaymentSpeed\n}\n\n/** @internal */\nexport const PreviewPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  onBackToEdit,\n  onSubmit,\n  isLoading,\n  bankAccount,\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  paymentSpeed,\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 `${currencyFormatter(Number(contractor.hourlyRate || '0'))}${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  const submissionBlockers = (contractorPaymentGroup.submissionBlockers || []).filter(\n    blocker => blocker.status === 'unresolved',\n  )\n\n  const hasUnresolvableBlockers = submissionBlockers.some(\n    blocker => !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n  )\n\n  const hasUnselectedBlockers = submissionBlockers.some(\n    blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n  )\n\n  const isSubmitDisabled =\n    isLoading ||\n    (submissionBlockers.length > 0 && (hasUnresolvableBlockers || hasUnselectedBlockers))\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\n            onClick={onSubmit}\n            variant=\"primary\"\n            isLoading={isLoading}\n            isDisabled={isSubmitDisabled}\n          >\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      {submissionBlockers.length > 0 &&\n        onUnblockOptionChange &&\n        submissionBlockers.map(blocker => {\n          const blockerType = blocker.blockerType || ''\n\n          if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n            return (\n              <FastAchSubmissionBlockerBanner\n                key={blockerType}\n                blocker={blocker}\n                selectedValue={selectedUnblockOptions[blockerType]}\n                onUnblockOptionChange={onUnblockOptionChange}\n                paymentSpeed={paymentSpeed}\n              />\n            )\n          }\n\n          return <GenericBlocker key={blockerType} blocker={blocker} />\n        })}\n\n      {/* Payment Summary */}\n      <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n      <DataView\n        columns={[\n          {\n            title: t('summaryTableHeaders.totalAmount'),\n            render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n          },\n          {\n            title: t('summaryTableHeaders.debitAmount'),\n            render: () =>\n              currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n          },\n          {\n            title: t('summaryTableHeaders.debitAccount'),\n            render: () => bankAccount?.hiddenAccountNumber ?? t('naDebitAccount'),\n          },\n          {\n            title: t('summaryTableHeaders.debitDate'),\n            render: () => contractorPaymentGroup.debitDate || 'debitDate',\n          },\n          {\n            title: t('summaryTableHeaders.contractorPayDate'),\n            render: () => contractorPaymentGroup.checkDate || 'contractorPayDate',\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              getContractorDisplayName(\n                contractors.find(\n                  contractor => contractor.uuid === contractorPayment.contractorUuid,\n                ),\n              ),\n          },\n          {\n            title: t('contractorTableHeaders.wageType'),\n            render: contractorPayment => formatWageType(contractorPayment),\n          },\n          {\n            title: t('contractorTableHeaders.paymentMethod'),\n            render: contractorPayment => contractorPayment.paymentMethod || 'N/A',\n          },\n          {\n            title: t('contractorTableHeaders.hours'),\n            justify: 'end',\n            render: contractorPayment => {\n              if (contractorPayment.wageType === 'Fixed') return t('na')\n              const hours = Number(contractorPayment.hours || '0')\n              return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n            },\n          },\n          {\n            title: t('contractorTableHeaders.wage'),\n            justify: 'end',\n            render: contractorPayment => {\n              if (contractorPayment.wageType === 'Hourly') return t('na')\n              return currencyFormatter(Number(contractorPayment.wage || '0'))\n            },\n          },\n          {\n            title: t('contractorTableHeaders.bonus'),\n            justify: 'end',\n            render: contractorPayment => currencyFormatter(Number(contractorPayment.bonus || '0')),\n          },\n          {\n            title: t('contractorTableHeaders.reimbursement'),\n            justify: 'end',\n            render: contractorPayment =>\n              currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n          },\n          {\n            title: t('contractorTableHeaders.total'),\n            justify: 'end',\n            render: contractorPayment =>\n              currencyFormatter(Number(contractorPayment.wageTotal || '0')),\n          },\n        ]}\n        data={contractorPayments}\n        footer={() => ({\n          'column-0': t('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={t('whatYourCompanyPays')}\n      />\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","bankAccount","selectedUnblockOptions","onUnblockOptionChange","paymentSpeed","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","contractorPayments","submissionBlockers","blocker","hasUnresolvableBlockers","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","hasUnselectedBlockers","isSubmitDisabled","jsxs","Flex","jsx","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","DataView","contractorPayment","getContractorDisplayName","hours","formatHoursDisplay"],"mappings":"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"}
+{"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 type { CompanyBankAccount } from '@gusto/embedded-api/models/components/companybankaccount'\nimport type { PaymentSpeed } from '@gusto/embedded-api/models/components/paymentconfigs'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { getContractorPaymentTotalAmount } from '../shared/paymentAmounts'\nimport { FastAchSubmissionBlockerBanner } from './FastAchSubmissionBlockerBanner'\nimport { GenericBlocker } from './GenericBlocker'\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'\nimport { PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES } from '@/shared/constants'\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  bankAccount?: CompanyBankAccount\n  selectedUnblockOptions?: Record<string, string>\n  onUnblockOptionChange?: (blockerType: string, value: string) => void\n  paymentSpeed?: PaymentSpeed\n}\n\n/** @internal */\nexport const PreviewPresentation = ({\n  contractorPaymentGroup,\n  contractors,\n  onBackToEdit,\n  onSubmit,\n  isLoading,\n  bankAccount,\n  selectedUnblockOptions = {},\n  onUnblockOptionChange,\n  paymentSpeed,\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 `${currencyFormatter(Number(contractor.hourlyRate || '0'))}${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 += getContractorPaymentTotalAmount(contractor)\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  const submissionBlockers = (contractorPaymentGroup.submissionBlockers || []).filter(\n    blocker => blocker.status === 'unresolved',\n  )\n\n  const hasUnresolvableBlockers = submissionBlockers.some(\n    blocker => !PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blocker.blockerType || ''),\n  )\n\n  const hasUnselectedBlockers = submissionBlockers.some(\n    blocker => !selectedUnblockOptions[blocker.blockerType || ''],\n  )\n\n  const isSubmitDisabled =\n    isLoading ||\n    (submissionBlockers.length > 0 && (hasUnresolvableBlockers || hasUnselectedBlockers))\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\n            onClick={onSubmit}\n            variant=\"primary\"\n            isLoading={isLoading}\n            isDisabled={isSubmitDisabled}\n          >\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      {submissionBlockers.length > 0 &&\n        onUnblockOptionChange &&\n        submissionBlockers.map(blocker => {\n          const blockerType = blocker.blockerType || ''\n\n          if (PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES.includes(blockerType)) {\n            return (\n              <FastAchSubmissionBlockerBanner\n                key={blockerType}\n                blocker={blocker}\n                selectedValue={selectedUnblockOptions[blockerType]}\n                onUnblockOptionChange={onUnblockOptionChange}\n                paymentSpeed={paymentSpeed}\n              />\n            )\n          }\n\n          return <GenericBlocker key={blockerType} blocker={blocker} />\n        })}\n\n      {/* Payment Summary */}\n      <Heading as=\"h3\">{t('paymentSummaryTitle')}</Heading>\n      <DataView\n        columns={[\n          {\n            title: t('summaryTableHeaders.totalAmount'),\n            render: () => currencyFormatter(Number(contractorPaymentGroup.totals?.amount || '0')),\n          },\n          {\n            title: t('summaryTableHeaders.debitAmount'),\n            render: () =>\n              currencyFormatter(Number(contractorPaymentGroup.totals?.debitAmount || '0')),\n          },\n          {\n            title: t('summaryTableHeaders.debitAccount'),\n            render: () => bankAccount?.hiddenAccountNumber ?? t('naDebitAccount'),\n          },\n          {\n            title: t('summaryTableHeaders.debitDate'),\n            render: () => contractorPaymentGroup.debitDate || 'debitDate',\n          },\n          {\n            title: t('summaryTableHeaders.contractorPayDate'),\n            render: () => contractorPaymentGroup.checkDate || 'contractorPayDate',\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              getContractorDisplayName(\n                contractors.find(\n                  contractor => contractor.uuid === contractorPayment.contractorUuid,\n                ),\n              ),\n          },\n          {\n            title: t('contractorTableHeaders.wageType'),\n            render: contractorPayment => formatWageType(contractorPayment),\n          },\n          {\n            title: t('contractorTableHeaders.paymentMethod'),\n            render: contractorPayment => contractorPayment.paymentMethod || 'N/A',\n          },\n          {\n            title: t('contractorTableHeaders.hours'),\n            justify: 'end',\n            render: contractorPayment => {\n              if (contractorPayment.wageType === 'Fixed') return t('na')\n              const hours = Number(contractorPayment.hours || '0')\n              return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n            },\n          },\n          {\n            title: t('contractorTableHeaders.wage'),\n            justify: 'end',\n            render: contractorPayment => {\n              if (contractorPayment.wageType === 'Hourly') return t('na')\n              return currencyFormatter(Number(contractorPayment.wage || '0'))\n            },\n          },\n          {\n            title: t('contractorTableHeaders.bonus'),\n            justify: 'end',\n            render: contractorPayment => currencyFormatter(Number(contractorPayment.bonus || '0')),\n          },\n          {\n            title: t('contractorTableHeaders.reimbursement'),\n            justify: 'end',\n            render: contractorPayment =>\n              currencyFormatter(Number(contractorPayment.reimbursement || '0')),\n          },\n          {\n            title: t('contractorTableHeaders.total'),\n            justify: 'end',\n            render: contractorPayment =>\n              currencyFormatter(getContractorPaymentTotalAmount(contractorPayment)),\n          },\n        ]}\n        data={contractorPayments}\n        footer={() => ({\n          'column-0': t('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={t('whatYourCompanyPays')}\n      />\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","PreviewPresentation","contractorPaymentGroup","contractors","onBackToEdit","onSubmit","isLoading","bankAccount","selectedUnblockOptions","onUnblockOptionChange","paymentSpeed","Button","Text","Heading","Alert","useComponentContext","useI18n","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","totals","useMemo","acc","getContractorPaymentTotalAmount","contractorPayments","submissionBlockers","blocker","hasUnresolvableBlockers","PAYROLL_RESOLVABLE_SUBMISSION_BLOCKER_TYPES","hasUnselectedBlockers","isSubmitDisabled","jsxs","Flex","jsx","blockerType","FastAchSubmissionBlockerBanner","GenericBlocker","DataView","contractorPayment","getContractorDisplayName","hours","formatHoursDisplay"],"mappings":"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"}

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

@@ -60,4 +60,4 @@ export declare function CreatePaymentFlow(props: CreatePaymentFlowProps): import
  *
  * @internal
  */
-export declare function CreatePaymentInternalFlow({ companyId, onEvent, prefixBreadcrumbs, }: CreatePaymentInternalFlowProps): import("react").JSX.Element;
+export declare function CreatePaymentInternalFlow(props: CreatePaymentInternalFlowProps): import("react").JSX.Element;

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

@@ -1,24 +1,27 @@
 import { jsx as r } from "react/jsx-runtime";
-import { createMachine as u } from "robot3";
+import { createMachine as s } from "robot3";
 import { useState as b } from "react";
-import { createPaymentMachine as p, createPaymentBreadcrumbsNodes as d } from "./createPaymentMachine.js";
-import { CreatePaymentContextual as f } from "./CreatePaymentFlowComponents.js";
+import { createPaymentBreadcrumbsNodes as d, createPaymentMachine as f } from "./createPaymentMachine.js";
+import { CreatePaymentContextual as p } from "./CreatePaymentFlowComponents.js";
 import { Flow as y } from "../../../Flow/Flow.js";
 import { buildBreadcrumbs as P, updateBreadcrumbs as l } from "../../../../helpers/breadcrumbHelpers.js";
 const B = [];
 function O(e) {
   return /* @__PURE__ */ r(C, { ...e });
 }
-function C({
+function C(e) {
+  return /* @__PURE__ */ r(h, { ...e }, e.companyId);
+}
+function h({
   companyId: e,
   onEvent: a,
-  prefixBreadcrumbs: m = B
+  prefixBreadcrumbs: n = B
 }) {
-  const [n] = b(() => {
+  const [m] = b(() => {
     const o = P(d), c = Object.fromEntries(
-      Object.entries(o).map(([t, s]) => [
+      Object.entries(o).map(([t, u]) => [
         t,
-        [...m, ...s]
+        [...n, ...u]
       ])
     ), i = l("createPayment", {
       header: {
@@ -26,18 +29,18 @@ function C({
         breadcrumbs: c
       }
     });
-    return u(
+    return s(
       "createPayment",
-      p,
+      f,
       (t) => ({
         ...t,
         ...i,
-        component: f,
+        component: p,
         companyId: e
       })
     );
   });
-  return /* @__PURE__ */ r(y, { machine: n, onEvent: a });
+  return /* @__PURE__ */ r(y, { machine: m, onEvent: a });
 }
 export {
   O as CreatePaymentFlow,

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { createPaymentBreadcrumbsNodes, createPaymentMachine } from './createPaymentMachine'\nimport {\n  CreatePaymentContextual,\n  type CreatePaymentFlowContextInterface,\n  type CreatePaymentFlowProps,\n} from './CreatePaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.\n *\n * @internal\n */\nexport interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to create a contractor payment and review the resulting summary.\n *\n * @remarks\n * This is the inner flow that powers the create-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard create-payment experience without re-implementing it. The flow ships with\n * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string \\| null }` |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n *\n * @param props - See {@link CreatePaymentFlowProps}.\n * @returns The composed create-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.CreatePaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePaymentFlow(props: CreatePaymentFlowProps) {\n  return <CreatePaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function CreatePaymentInternalFlow({\n  companyId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: CreatePaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer, not useMemo: the machine's identity must survive\n  // re-renders no matter what, and useMemo is only a performance hint React may discard, not an\n  // identity guarantee. A useMemo keyed on `prefixBreadcrumbs` previously recreated this machine\n  // (and reset in-flight state) whenever the parent app re-rendered in response to a bubbled\n  // `onEvent` call, since an inline array literal upstream gets a new reference every render.\n  const [createPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(createPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('createPayment', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'createPayment',\n      createPaymentMachine,\n      (initialContext: CreatePaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: CreatePaymentContextual,\n        companyId,\n      }),\n    )\n  })\n\n  return <Flow machine={createPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","CreatePaymentFlow","props","jsx","CreatePaymentInternalFlow","companyId","onEvent","prefixBreadcrumbs","createPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","createPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","createPaymentMachine","initialContext","CreatePaymentContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AASO,SAASE,EAA0B;AAAA,EACxC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBP;AACtB,GAAmC;AAMjC,QAAM,CAACQ,CAAiB,IAAIC,EAAS,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAA6B,GAChEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,iBAAiB;AAAA,MAClE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAhB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAF,EAACmB,GAAA,EAAK,SAASd,GAAmB,SAAAF,EAAA,CAAkB;AAC7D;"}
+{"version":3,"file":"CreatePaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { createPaymentBreadcrumbsNodes, createPaymentMachine } from './createPaymentMachine'\nimport {\n  CreatePaymentContextual,\n  type CreatePaymentFlowContextInterface,\n  type CreatePaymentFlowProps,\n} from './CreatePaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { buildBreadcrumbs, updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.\n *\n * @internal\n */\nexport interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.\n   * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to create a contractor payment and review the resulting summary.\n *\n * @remarks\n * This is the inner flow that powers the create-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard create-payment experience without re-implementing it. The flow ships with\n * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string \\| null }` |\n * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link CreatePayment}\n * - {@link PaymentSummary}\n *\n * @param props - See {@link CreatePaymentFlowProps}.\n * @returns The composed create-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.CreatePaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function CreatePaymentFlow(props: CreatePaymentFlowProps) {\n  return <CreatePaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders\n * this directly to prepend its own breadcrumb trail.\n *\n * @internal\n */\nexport function CreatePaymentInternalFlow(props: CreatePaymentInternalFlowProps) {\n  // Remount and reset all state if companyId ever changes\n  return <CreatePaymentFlowMachine key={props.companyId} {...props} />\n}\n\nfunction CreatePaymentFlowMachine({\n  companyId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: CreatePaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer. If the companyId ever changes,\n  // remount the entire component to reset all state, not just the state machine.\n  const [createPaymentFlow] = useState(() => {\n    const baseBreadcrumbs = buildBreadcrumbs(createPaymentBreadcrumbsNodes)\n    const breadcrumbs = Object.fromEntries(\n      Object.entries(baseBreadcrumbs).map(([stateKey, trail]) => [\n        stateKey,\n        [...prefixBreadcrumbs, ...trail],\n      ]),\n    )\n\n    const initialBreadcrumbContext = updateBreadcrumbs('createPayment', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs,\n      },\n    })\n\n    return createMachine(\n      'createPayment',\n      createPaymentMachine,\n      (initialContext: CreatePaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: CreatePaymentContextual,\n        companyId,\n      }),\n    )\n  })\n\n  return <Flow machine={createPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","CreatePaymentFlow","props","jsx","CreatePaymentInternalFlow","CreatePaymentFlowMachine","companyId","onEvent","prefixBreadcrumbs","createPaymentFlow","useState","baseBreadcrumbs","buildBreadcrumbs","createPaymentBreadcrumbsNodes","breadcrumbs","stateKey","trail","initialBreadcrumbContext","updateBreadcrumbs","createMachine","createPaymentMachine","initialContext","CreatePaymentContextual","Flow"],"mappings":";;;;;;;AAYA,MAAMA,IAAsC,CAAA;AAuDrC,SAASC,EAAkBC,GAA+B;AAC/D,SAAO,gBAAAC,EAACC,GAAA,EAA2B,GAAGF,EAAA,CAAO;AAC/C;AASO,SAASE,EAA0BF,GAAuC;AAE/E,SAAO,gBAAAC,EAACE,GAAA,EAAgD,GAAGH,EAAA,GAArBA,EAAM,SAAsB;AACpE;AAEA,SAASG,EAAyB;AAAA,EAChC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBR;AACtB,GAAmC;AAGjC,QAAM,CAACS,CAAiB,IAAIC,EAAS,MAAM;AACzC,UAAMC,IAAkBC,EAAiBC,CAA6B,GAChEC,IAAc,OAAO;AAAA,MACzB,OAAO,QAAQH,CAAe,EAAE,IAAI,CAAC,CAACI,GAAUC,CAAK,MAAM;AAAA,QACzDD;AAAA,QACA,CAAC,GAAGP,GAAmB,GAAGQ,CAAK;AAAA,MAAA,CAChC;AAAA,IAAA,GAGGC,IAA2BC,EAAkB,iBAAiB;AAAA,MAClE,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAAJ;AAAA,MAAA;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAAuD;AAAA,QACtD,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAhB;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAH,EAACoB,GAAA,EAAK,SAASd,GAAmB,SAAAF,EAAA,CAAkB;AAC7D;"}

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

@@ -0,0 +1,69 @@
+import { HistoricalPaymentFlowProps } from './HistoricalPaymentFlowComponents';
+import { FlowBreadcrumb } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/**
+ * Props for the flow-internal {@link HistoricalPaymentInternalFlow}, which layers a parent flow's
+ * prefix breadcrumbs on top of the public {@link HistoricalPaymentFlowProps}.
+ *
+ * @internal
+ */
+export interface HistoricalPaymentInternalFlowProps extends HistoricalPaymentFlowProps {
+    /**
+     * Breadcrumbs prepended to this flow's trail. Set by a parent flow (e.g. `PaymentFlow`) so a
+     * user can navigate out of this flow entirely -- this flow contributes no breadcrumb items of
+     * its own (each of its own screens has its own Back button instead), so the trail is just
+     * `prefixBreadcrumbs` passed straight through.
+     */
+    prefixBreadcrumbs?: FlowBreadcrumb[];
+}
+/**
+ * Guided flow to record a historical contractor payment and review the resulting summary.
+ *
+ * @remarks
+ * This is the inner flow that powers the historical-payment spoke of `ContractorManagement.PaymentFlow`.
+ * Render it directly when you have built your own payments landing page and want to hand the user
+ * off to the standard historical-payment experience without re-implementing it. A historical payment
+ * already happened outside Gusto and does not move money, so unlike `CreatePaymentFlow` there is no
+ * Fast ACH blocker or wire-transfer step.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor | — |
+ * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.) |
+ * | `contractor/historicalPayments/preview` | The preview API call succeeded | The contractor payment group preview response |
+ * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing | — |
+ * | `contractor/historicalPayments/created` | The payment group was successfully created | The created `ContractorPaymentGroup` |
+ * | `contractor/historicalPayments/exit` | User is done reviewing the summary | — |
+ * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb injected via `prefixBreadcrumbs` | `{ key: string, onNavigate: (ctx) => ctx }` |
+ *
+ * @components
+ * - {@link CreateHistoricalPayment}
+ * - {@link HistoricalPaymentSummary}
+ *
+ * @param props - See {@link HistoricalPaymentFlowProps}.
+ * @returns The composed historical-payment flow.
+ * @alpha
+ *
+ * @example
+ * ```tsx title="App.tsx"
+ * import { ContractorManagement } from '@gusto/embedded-react-sdk'
+ *
+ * function MyApp() {
+ *   return (
+ *     <ContractorManagement.HistoricalPaymentFlow
+ *       companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function HistoricalPaymentFlow(props: HistoricalPaymentFlowProps): import("react").JSX.Element;
+/**
+ * Flow-internal entry point for {@link HistoricalPaymentFlow} that additionally accepts
+ * flow-injected `prefixBreadcrumbs`. Partners use {@link HistoricalPaymentFlow}; `PaymentFlow`
+ * renders this directly to give the user a way back to the payments landing screen.
+ *
+ * @internal
+ */
+export declare function HistoricalPaymentInternalFlow(props: HistoricalPaymentInternalFlowProps): import("react").JSX.Element;

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

@@ -0,0 +1,48 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as m } from "robot3";
+import { useState as c } from "react";
+import { historicalPaymentMachine as l } from "./historicalPaymentMachine.js";
+import { CreateHistoricalPaymentContextual as s } from "./HistoricalPaymentFlowComponents.js";
+import { Flow as u } from "../../../Flow/Flow.js";
+import { updateBreadcrumbs as y } from "../../../../helpers/breadcrumbHelpers.js";
+import { useUnstableFeature as P } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+const f = [];
+function B(t) {
+  return /* @__PURE__ */ r(h, { ...t });
+}
+function h(t) {
+  return P("historicalPayments", { throwIfDisabled: !0 }), /* @__PURE__ */ r(p, { ...t }, t.companyId);
+}
+function p({
+  companyId: t,
+  onEvent: a,
+  prefixBreadcrumbs: e = f
+}) {
+  const [o] = c(() => {
+    const i = y("createHistoricalPayment", {
+      header: {
+        type: "breadcrumbs",
+        breadcrumbs: {
+          createHistoricalPayment: e,
+          historicalPaymentSummary: e
+        }
+      }
+    });
+    return m(
+      "createHistoricalPayment",
+      l,
+      (n) => ({
+        ...n,
+        ...i,
+        component: s,
+        companyId: t
+      })
+    );
+  });
+  return /* @__PURE__ */ r(u, { machine: o, onEvent: a });
+}
+export {
+  B as HistoricalPaymentFlow,
+  h as HistoricalPaymentInternalFlow
+};
+//# sourceMappingURL=HistoricalPaymentFlow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HistoricalPaymentFlow.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useState } from 'react'\nimport { historicalPaymentMachine } from './historicalPaymentMachine'\nimport {\n  CreateHistoricalPaymentContextual,\n  type HistoricalPaymentFlowContextInterface,\n  type HistoricalPaymentFlowProps,\n} from './HistoricalPaymentFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\nimport type { FlowBreadcrumb } from '@/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes'\nimport { updateBreadcrumbs } from '@/helpers/breadcrumbHelpers'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst EMPTY_BREADCRUMBS: FlowBreadcrumb[] = []\n\n/**\n * Props for the flow-internal {@link HistoricalPaymentInternalFlow}, which layers a parent flow's\n * prefix breadcrumbs on top of the public {@link HistoricalPaymentFlowProps}.\n *\n * @internal\n */\nexport interface HistoricalPaymentInternalFlowProps extends HistoricalPaymentFlowProps {\n  /**\n   * Breadcrumbs prepended to this flow's trail. Set by a parent flow (e.g. `PaymentFlow`) so a\n   * user can navigate out of this flow entirely -- this flow contributes no breadcrumb items of\n   * its own (each of its own screens has its own Back button instead), so the trail is just\n   * `prefixBreadcrumbs` passed straight through.\n   */\n  prefixBreadcrumbs?: FlowBreadcrumb[]\n}\n\n/**\n * Guided flow to record a historical contractor payment and review the resulting summary.\n *\n * @remarks\n * This is the inner flow that powers the historical-payment spoke of `ContractorManagement.PaymentFlow`.\n * Render it directly when you have built your own payments landing page and want to hand the user\n * off to the standard historical-payment experience without re-implementing it. A historical payment\n * already happened outside Gusto and does not move money, so unlike `CreatePaymentFlow` there is no\n * Fast ACH blocker or wire-transfer step.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.) |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded | The contractor payment group preview response |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created | The created `ContractorPaymentGroup` |\n * | `contractor/historicalPayments/exit` | User is done reviewing the summary | — |\n * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb injected via `prefixBreadcrumbs` | `{ key: string, onNavigate: (ctx) => ctx }` |\n *\n * @components\n * - {@link CreateHistoricalPayment}\n * - {@link HistoricalPaymentSummary}\n *\n * @param props - See {@link HistoricalPaymentFlowProps}.\n * @returns The composed historical-payment flow.\n * @alpha\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { ContractorManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <ContractorManagement.HistoricalPaymentFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport function HistoricalPaymentFlow(props: HistoricalPaymentFlowProps) {\n  return <HistoricalPaymentInternalFlow {...props} />\n}\n\n/**\n * Flow-internal entry point for {@link HistoricalPaymentFlow} that additionally accepts\n * flow-injected `prefixBreadcrumbs`. Partners use {@link HistoricalPaymentFlow}; `PaymentFlow`\n * renders this directly to give the user a way back to the payments landing screen.\n *\n * @internal\n */\nexport function HistoricalPaymentInternalFlow(props: HistoricalPaymentInternalFlowProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n\n  // Remount and reset all state if companyId ever changes\n  return <HistoricalPaymentFlowMachine key={props.companyId} {...props} />\n}\n\nfunction HistoricalPaymentFlowMachine({\n  companyId,\n  onEvent,\n  prefixBreadcrumbs = EMPTY_BREADCRUMBS,\n}: HistoricalPaymentInternalFlowProps) {\n  // Built once via a lazy useState initializer. If the companyId ever changes,\n  // remount the entire component to reset all state, not just the state machine.\n  const [historicalPaymentFlow] = useState(() => {\n    const initialBreadcrumbContext = updateBreadcrumbs('createHistoricalPayment', {\n      header: {\n        type: 'breadcrumbs' as const,\n        breadcrumbs: {\n          createHistoricalPayment: prefixBreadcrumbs,\n          historicalPaymentSummary: prefixBreadcrumbs,\n        },\n      },\n    })\n\n    return createMachine(\n      'createHistoricalPayment',\n      historicalPaymentMachine,\n      (initialContext: HistoricalPaymentFlowContextInterface) => ({\n        ...initialContext,\n        ...initialBreadcrumbContext,\n        component: CreateHistoricalPaymentContextual,\n        companyId,\n      }),\n    )\n  })\n\n  return <Flow machine={historicalPaymentFlow} onEvent={onEvent} />\n}\n"],"names":["EMPTY_BREADCRUMBS","HistoricalPaymentFlow","props","jsx","HistoricalPaymentInternalFlow","useUnstableFeature","HistoricalPaymentFlowMachine","companyId","onEvent","prefixBreadcrumbs","historicalPaymentFlow","useState","initialBreadcrumbContext","updateBreadcrumbs","createMachine","historicalPaymentMachine","initialContext","CreateHistoricalPaymentContextual","Flow"],"mappings":";;;;;;;;AAaA,MAAMA,IAAsC,CAAA;AA6DrC,SAASC,EAAsBC,GAAmC;AACvE,SAAO,gBAAAC,EAACC,GAAA,EAA+B,GAAGF,EAAA,CAAO;AACnD;AASO,SAASE,EAA8BF,GAA2C;AACvF,SAAAG,EAAmB,sBAAsB,EAAE,iBAAiB,GAAA,CAAM,GAG3D,gBAAAF,EAACG,GAAA,EAAoD,GAAGJ,EAAA,GAArBA,EAAM,SAAsB;AACxE;AAEA,SAASI,EAA6B;AAAA,EACpC,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC,IAAoBT;AACtB,GAAuC;AAGrC,QAAM,CAACU,CAAqB,IAAIC,EAAS,MAAM;AAC7C,UAAMC,IAA2BC,EAAkB,2BAA2B;AAAA,MAC5E,QAAQ;AAAA,QACN,MAAM;AAAA,QACN,aAAa;AAAA,UACX,yBAAyBJ;AAAA,UACzB,0BAA0BA;AAAA,QAAA;AAAA,MAC5B;AAAA,IACF,CACD;AAED,WAAOK;AAAA,MACL;AAAA,MACAC;AAAA,MACA,CAACC,OAA2D;AAAA,QAC1D,GAAGA;AAAA,QACH,GAAGJ;AAAA,QACH,WAAWK;AAAA,QACX,WAAAV;AAAA,MAAA;AAAA,IACF;AAAA,EAEJ,CAAC;AAED,SAAO,gBAAAJ,EAACe,GAAA,EAAK,SAASR,GAAuB,SAAAF,EAAA,CAAkB;AACjE;"}

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.d.ts

@@ -0,0 +1,20 @@
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link HistoricalPaymentFlow}.
+ *
+ * @alpha
+ */
+export interface HistoricalPaymentFlowProps extends BaseComponentInterface<never> {
+    /** The associated company identifier. */
+    companyId: string;
+}
+/** @internal */
+export interface HistoricalPaymentFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    createdPaymentGroupId?: string;
+}
+/** @internal */
+export declare function CreateHistoricalPaymentContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function HistoricalPaymentSummaryContextual(): import("react").JSX.Element;

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.js

@@ -0,0 +1,25 @@
+import { jsx as n } from "react/jsx-runtime";
+import { CreateHistoricalPayment as a } from "../CreateHistoricalPayment/CreateHistoricalPayment.js";
+import { HistoricalPaymentSummary as i } from "../HistoricalPaymentSummary/HistoricalPaymentSummary.js";
+import { useFlow as e } from "../../../Flow/useFlow.js";
+import { ensureRequired as r } from "../../../../helpers/ensureRequired.js";
+function d() {
+  const { companyId: t, onEvent: o } = e();
+  return /* @__PURE__ */ n(a, { onEvent: o, companyId: r(t) });
+}
+function f() {
+  const { createdPaymentGroupId: t, companyId: o, onEvent: m } = e();
+  return /* @__PURE__ */ n(
+    i,
+    {
+      onEvent: m,
+      paymentGroupId: r(t),
+      companyId: r(o)
+    }
+  );
+}
+export {
+  d as CreateHistoricalPaymentContextual,
+  f as HistoricalPaymentSummaryContextual
+};
+//# sourceMappingURL=HistoricalPaymentFlowComponents.js.map

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistoricalPaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentFlow/HistoricalPaymentFlowComponents.tsx"],"sourcesContent":["import { CreateHistoricalPayment } from '../CreateHistoricalPayment/CreateHistoricalPayment'\nimport { HistoricalPaymentSummary } from '../HistoricalPaymentSummary/HistoricalPaymentSummary'\nimport { useFlow, type FlowContextInterface } from '@/components/Flow/useFlow'\nimport type { BaseComponentInterface } from '@/components/Base'\nimport { ensureRequired } from '@/helpers/ensureRequired'\n\n/**\n * Props for {@link HistoricalPaymentFlow}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport interface HistoricalPaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  createdPaymentGroupId?: string\n}\n\n/** @internal */\nexport function CreateHistoricalPaymentContextual() {\n  const { companyId, onEvent } = useFlow<HistoricalPaymentFlowContextInterface>()\n  return <CreateHistoricalPayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function HistoricalPaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent } =\n    useFlow<HistoricalPaymentFlowContextInterface>()\n\n  return (\n    <HistoricalPaymentSummary\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n    />\n  )\n}\n"],"names":["CreateHistoricalPaymentContextual","companyId","onEvent","useFlow","CreateHistoricalPayment","ensureRequired","HistoricalPaymentSummaryContextual","createdPaymentGroupId","jsx","HistoricalPaymentSummary"],"mappings":";;;;;AAuBO,SAASA,IAAoC;AAClD,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAwB,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAC1F;AAGO,SAASK,IAAqC;AACnD,QAAM,EAAE,uBAAAC,GAAuB,WAAAN,GAAW,SAAAC,EAAA,IACxCC,EAAA;AAEF,SACE,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAP;AAAA,MACA,gBAAgBG,EAAeE,CAAqB;AAAA,MACpD,WAAWF,EAAeJ,CAAS;AAAA,IAAA;AAAA,EAAA;AAGzC;"}

package/dist/components/Contractor/Payments/HistoricalPaymentFlow/historicalPaymentMachine.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Flow machine for {@link HistoricalPaymentFlow}.
+ *
+ * @remarks
+ * `historicalPaymentSummary` is a plain zero-transition state, not a robot3 `final()` state:
+ * `HistoricalPaymentFlow` can be mounted directly by a partner, so `contractor/historicalPayments/exit`
+ * bubbles up via `onEvent` without a local transition, keeping the summary screen interactive if the
+ * host doesn't unmount the component immediately (see SDK-1169).
+ *
+ * Unlike `createPaymentMachine`, neither state contributes its own breadcrumb item -- each of this
+ * flow's own screens has its own Back button instead. `updateBreadcrumbs` here only keeps
+ * `currentBreadcrumbId` in sync so a parent flow's injected `prefixBreadcrumbs` (see
+ * `HistoricalPaymentInternalFlow`) stays visible as the active trail across both states.
+ *
+ * @internal
+ */
+export declare const historicalPaymentMachine: {
+    createHistoricalPayment: import('robot3').MachineState<any>;
+    historicalPaymentSummary: import('robot3').MachineState<any>;
+};