@gusto/embedded-react-sdk 0.53.0 → 0.54.0

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

@@ -1,156 +1,77 @@
-import { jsxs as l, jsx as t } from "react/jsx-runtime";
-import { useTranslation as A } from "react-i18next";
-import { useMemo as R } from "react";
-import { getContractorDisplayName as v } from "./helpers.js";
-import { PayrollBlockerAlerts as F } from "../../../Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js";
-import { Flex as a, FlexItem as M } from "../../../Common/Flex/Flex.js";
-import { EmptyData as S } from "../../../Common/EmptyData/EmptyData.js";
-import { HamburgerMenu as z } from "../../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as O } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as U } from "../../../Payroll/helpers.js";
-import B from "../../../../hooks/useNumberFormatter.js";
-import { normalizeDateToLocal as E, formatDateToStringDate as V, normalizeToDate as _ } from "../../../../helpers/dateFormatting.js";
-import { DataView as $ } from "../../../Common/DataView/DataView.js";
-const q = "0.000", ie = ({
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { useTranslation as j } from "react-i18next";
+import { PayrollBlockerAlerts as v } from "../../../Payroll/PayrollBlocker/components/PayrollBlockerAlerts.js";
+import { Flex as o, FlexItem as z } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as A } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as S } from "../../../../i18n/I18n.js";
+import { normalizeDateToLocal as B, formatDateToStringDate as F, normalizeToDate as I } from "../../../../helpers/dateFormatting.js";
+import { SetPaymentAmounts as L } from "../shared/SetPaymentAmounts/SetPaymentAmounts.js";
+const G = ({
   contractors: m,
-  paymentDate: u,
+  paymentDate: i,
   contractorPayments: c,
-  onPaymentDateChange: y,
-  onSaveAndContinue: g,
-  onEditContractor: h,
-  totals: i,
-  alerts: T,
-  payrollBlockers: s = [],
-  onViewBlockers: D,
-  isLoading: C,
-  paymentSpeedDays: H
+  onPaymentDateChange: s,
+  onSaveAndContinue: u,
+  editModal: p,
+  allowedPaymentMethods: d,
+  paymentAmountsDictionary: f,
+  totals: h,
+  alerts: C,
+  payrollBlockers: a = [],
+  onViewBlockers: x,
+  isLoading: y,
+  paymentSpeedDays: g
 }) => {
-  const { Button: x, Text: N, Heading: d, DatePicker: w, Alert: P } = I();
-  O("Contractor.Payments.CreatePayment");
-  const { t: r } = A("Contractor.Payments.CreatePayment"), o = B("currency"), j = (e) => e ? e.wageType === "Hourly" && e.hourlyRate ? ` ${o(Number(e.hourlyRate || "0"))}${r("perHour")}` : e.wageType : "", p = R(
-    () => c.map((e) => ({
-      ...e,
-      contractorDetails: m.find(
-        (n) => n.uuid === e.contractorUuid
-      )
-    })),
-    [c, m]
-  );
-  return /* @__PURE__ */ l(a, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ l(a, { justifyContent: "flex-end", gap: 16, children: [
-      /* @__PURE__ */ l(a, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ t(d, { as: "h2", children: r("title") }),
-        /* @__PURE__ */ t(N, { variant: "supporting", children: r("paymentSpeedNotice", {
-          count: H
+  const { Button: D, Text: P, Heading: b, DatePicker: k, Alert: T } = A();
+  S("Contractor.Payments.CreatePayment");
+  const { t: n } = j("Contractor.Payments.CreatePayment");
+  return /* @__PURE__ */ r(o, { flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ r(o, { justifyContent: "flex-end", gap: 16, children: [
+      /* @__PURE__ */ r(o, { flexDirection: "column", gap: 4, children: [
+        /* @__PURE__ */ e(b, { as: "h2", children: n("title") }),
+        /* @__PURE__ */ e(P, { variant: "supporting", children: n("paymentSpeedNotice", {
+          count: g
         }) })
       ] }),
-      /* @__PURE__ */ t(M, { children: /* @__PURE__ */ t(x, { onClick: g, variant: "primary", isLoading: C, children: r("continueCta") }) })
+      /* @__PURE__ */ e(z, { children: /* @__PURE__ */ e(D, { onClick: u, variant: "primary", isLoading: y, children: n("continueCta") }) })
     ] }),
-    s.length > 0 && /* @__PURE__ */ t(F, { blockers: s, onViewBlockersClick: D }),
-    Object.values(T).map((e) => /* @__PURE__ */ t(
-      P,
+    a.length > 0 && /* @__PURE__ */ e(v, { blockers: a, onViewBlockersClick: x }),
+    Object.values(C).map((t) => /* @__PURE__ */ e(
+      T,
       {
-        label: e.title,
-        onDismiss: e.onDismiss,
-        status: e.type,
-        children: e.content ?? null
+        label: t.title,
+        onDismiss: t.onDismiss,
+        status: t.type,
+        children: t.content ?? null
       },
-      e.title
+      t.title
     )),
-    /* @__PURE__ */ t(a, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ t(
-      w,
+    /* @__PURE__ */ e(o, { flexDirection: "column", gap: 8, children: /* @__PURE__ */ e(
+      k,
       {
-        value: u ? _(u) : null,
-        onChange: (e) => {
-          const n = E(e);
-          y(n ? V(n) ?? "" : "");
+        value: i ? I(i) : null,
+        onChange: (t) => {
+          const l = B(t);
+          s(l ? F(l) ?? "" : "");
         },
-        label: r("dateLabel"),
+        label: n("dateLabel"),
         isRequired: !0
       }
     ) }),
-    /* @__PURE__ */ l(a, { flexDirection: "column", gap: 16, children: [
-      /* @__PURE__ */ t(d, { as: "h3", children: r("hoursAndPaymentsLabel") }),
-      /* @__PURE__ */ t(
-        $,
-        {
-          columns: [
-            {
-              title: r("contractorTableHeaders.contractor"),
-              render: (e) => v(e.contractorDetails)
-            },
-            {
-              title: r("contractorTableHeaders.wageType"),
-              render: (e) => j(e.contractorDetails)
-            },
-            {
-              title: r("contractorTableHeaders.paymentMethod"),
-              render: (e) => e.paymentMethod || r("na")
-            },
-            {
-              title: r("contractorTableHeaders.hours"),
-              justify: "end",
-              render: (e) => {
-                if (e.contractorDetails?.wageType === "Fixed") return r("na");
-                const n = Number(e.hours || "0");
-                return n ? U(n) : q;
-              }
-            },
-            {
-              title: r("contractorTableHeaders.wage"),
-              justify: "end",
-              render: (e) => e.contractorDetails?.wageType === "Hourly" ? r("na") : o(Number(e.wage || "0"))
-            },
-            {
-              title: r("contractorTableHeaders.bonus"),
-              justify: "end",
-              render: (e) => o(Number(e.bonus || "0"))
-            },
-            {
-              title: r("contractorTableHeaders.reimbursement"),
-              justify: "end",
-              render: (e) => o(Number(e.reimbursement || "0"))
-            },
-            {
-              title: r("contractorTableHeaders.total"),
-              justify: "end",
-              render: ({ bonus: e, reimbursement: n, wage: L, hours: b, contractorDetails: f }) => {
-                const k = Number(e || "0") + Number(n || "0") + Number(L || "0") + (f?.wageType === "Hourly" && b ? Number(b || "0") * Number(f.hourlyRate || "0") : 0);
-                return o(k);
-              }
-            }
-          ],
-          data: p,
-          footer: p.length > 0 ? () => ({
-            "column-0": r("totalsLabel"),
-            "column-4": o(i.wage),
-            "column-5": o(i.bonus),
-            "column-6": o(i.reimbursement),
-            "column-7": o(i.total)
-          }) : void 0,
-          label: r("hoursAndPaymentsLabel"),
-          itemMenu: (e) => /* @__PURE__ */ t(
-            z,
-            {
-              items: [
-                {
-                  label: r("editContractor"),
-                  onClick: () => {
-                    h(e.contractorUuid);
-                  }
-                }
-              ],
-              triggerLabel: r("editContractor")
-            }
-          ),
-          emptyState: () => /* @__PURE__ */ t(S, { title: r("emptyTableTitle"), description: r("emptyTableDescription") })
-        }
-      )
-    ] })
+    /* @__PURE__ */ e(
+      L,
+      {
+        contractors: m,
+        contractorPayments: c,
+        totals: h,
+        allowedPaymentMethods: d,
+        editModal: p,
+        dictionary: f
+      }
+    )
   ] });
 };
 export {
-  ie as CreatePaymentPresentation
+  G as CreatePaymentPresentation
 };
 //# sourceMappingURL=CreatePaymentPresentation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { useMemo } from 'react'\nimport type { InternalAlert } from '../types'\nimport { getContractorDisplayName } from './helpers'\nimport type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\nimport { DataView, Flex, FlexItem, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport {\n  formatDateToStringDate,\n  normalizeDateToLocal,\n  normalizeToDate,\n} from '@/helpers/dateFormatting'\n\nconst ZERO_HOURS_DISPLAY = '0.000'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  onEditContractor: (contractorUuid: string) => void\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\n  isLoading: boolean\n  paymentSpeedDays: number\n}\n\n/** @internal */\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  onEditContractor,\n  totals,\n  alerts,\n  payrollBlockers = [],\n  onViewBlockers,\n  isLoading,\n  paymentSpeedDays,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, DatePicker, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n  const currencyFormatter = useNumberFormatter('currency')\n\n  const formatWageType = (contractor?: Contractor) => {\n    if (!contractor) return ''\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 tableData = useMemo(\n    () =>\n      contractorPayments.map(payment => {\n        return {\n          ...payment,\n          contractorDetails: contractors.find(\n            contractor => contractor.uuid === payment.contractorUuid,\n          ),\n        }\n      }),\n    [contractorPayments, contractors],\n  )\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">\n            {t('paymentSpeedNotice', {\n              count: paymentSpeedDays,\n            })}\n          </Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      {payrollBlockers.length > 0 && (\n        <PayrollBlockerAlerts blockers={payrollBlockers} onViewBlockersClick={onViewBlockers} />\n      )}\n\n      {Object.values(alerts).map(alert => (\n        <Alert\n          key={alert.title}\n          label={alert.title}\n          onDismiss={alert.onDismiss}\n          status={alert.type}\n        >\n          {alert.content ?? null}\n        </Alert>\n      ))}\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <DatePicker\n          value={paymentDate ? normalizeToDate(paymentDate) : null}\n          onChange={date => {\n            const normalized = normalizeDateToLocal(date)\n            onPaymentDateChange(normalized ? (formatDateToStringDate(normalized) ?? '') : '')\n          }}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={16}>\n        <Heading as=\"h3\">{t('hoursAndPaymentsLabel')}</Heading>\n        <DataView\n          columns={[\n            {\n              title: t('contractorTableHeaders.contractor'),\n              render: paymentData => getContractorDisplayName(paymentData.contractorDetails),\n            },\n            {\n              title: t('contractorTableHeaders.wageType'),\n              render: paymentData => formatWageType(paymentData.contractorDetails),\n            },\n            {\n              title: t('contractorTableHeaders.paymentMethod'),\n              render: paymentData => paymentData.paymentMethod || t('na'),\n            },\n            {\n              title: t('contractorTableHeaders.hours'),\n              justify: 'end',\n              render: paymentData => {\n                if (paymentData.contractorDetails?.wageType === 'Fixed') return t('na')\n                const hours = Number(paymentData.hours || '0')\n                return hours ? formatHoursDisplay(hours) : ZERO_HOURS_DISPLAY\n              },\n            },\n            {\n              title: t('contractorTableHeaders.wage'),\n              justify: 'end',\n              render: paymentData => {\n                if (paymentData.contractorDetails?.wageType === 'Hourly') return t('na')\n                return currencyFormatter(Number(paymentData.wage || '0'))\n              },\n            },\n            {\n              title: t('contractorTableHeaders.bonus'),\n              justify: 'end',\n              render: paymentData => currencyFormatter(Number(paymentData.bonus || '0')),\n            },\n            {\n              title: t('contractorTableHeaders.reimbursement'),\n              justify: 'end',\n              render: paymentData => currencyFormatter(Number(paymentData.reimbursement || '0')),\n            },\n            {\n              title: t('contractorTableHeaders.total'),\n              justify: 'end',\n              render: ({ bonus, reimbursement, wage, hours, contractorDetails }) => {\n                const totalAmount =\n                  Number(bonus || '0') +\n                  Number(reimbursement || '0') +\n                  Number(wage || '0') +\n                  (contractorDetails?.wageType === 'Hourly' && hours\n                    ? Number(hours || '0') * Number(contractorDetails.hourlyRate || '0')\n                    : 0)\n                return currencyFormatter(totalAmount)\n              },\n            },\n          ]}\n          data={tableData}\n          footer={\n            tableData.length > 0\n              ? () => ({\n                  'column-0': t('totalsLabel'),\n                  'column-4': currencyFormatter(totals.wage),\n                  'column-5': currencyFormatter(totals.bonus),\n                  'column-6': currencyFormatter(totals.reimbursement),\n                  'column-7': currencyFormatter(totals.total),\n                })\n              : undefined\n          }\n          label={t('hoursAndPaymentsLabel')}\n          itemMenu={paymentData => (\n            <HamburgerMenu\n              items={[\n                {\n                  label: t('editContractor'),\n                  onClick: () => {\n                    onEditContractor(paymentData.contractorUuid!)\n                  },\n                },\n              ]}\n              triggerLabel={t('editContractor')}\n            />\n          )}\n          emptyState={() => (\n            <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')} />\n          )}\n        />\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["ZERO_HOURS_DISPLAY","CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","onEditContractor","totals","alerts","payrollBlockers","onViewBlockers","isLoading","paymentSpeedDays","Button","Text","Heading","DatePicker","Alert","useComponentContext","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatWageType","contractor","tableData","useMemo","payment","jsxs","Flex","jsx","FlexItem","PayrollBlockerAlerts","alert","normalizeToDate","date","normalized","normalizeDateToLocal","formatDateToStringDate","DataView","paymentData","getContractorDisplayName","hours","formatHoursDisplay","bonus","reimbursement","wage","contractorDetails","totalAmount","HamburgerMenu","EmptyData"],"mappings":"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"}
+{"version":3,"file":"CreatePaymentPresentation.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/CreatePaymentPresentation.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport type {\n  PostV1CompaniesCompanyIdContractorPaymentGroupsContractorPayments as ContractorPayments,\n  PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod,\n} from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport type { InternalAlert } from '../types'\nimport { SetPaymentAmounts, type SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts'\nimport type { UsePaymentAmountsEditorReturn } from '../shared/usePaymentAmountsEditor'\nimport type { ApiPayrollBlocker } from '@/components/Payroll/PayrollBlocker/payrollHelpers'\nimport { PayrollBlockerAlerts } from '@/components/Payroll/PayrollBlocker/components/PayrollBlockerAlerts'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport {\n  formatDateToStringDate,\n  normalizeDateToLocal,\n  normalizeToDate,\n} from '@/helpers/dateFormatting'\n\ninterface ContractorPaymentCreatePaymentPresentationProps {\n  contractors: Contractor[]\n  contractorPayments: (ContractorPayments & { isTouched?: boolean })[]\n  paymentDate: string\n  onPaymentDateChange: (date: string) => void\n  onSaveAndContinue: () => void\n  editModal: UsePaymentAmountsEditorReturn['editModal']\n  allowedPaymentMethods: ContractorPaymentMethod[]\n  paymentAmountsDictionary: SetPaymentAmountsDictionary\n  totals: {\n    wage: number\n    bonus: number\n    reimbursement: number\n    total: number\n  }\n  alerts: Record<string, InternalAlert>\n  payrollBlockers?: ApiPayrollBlocker[]\n  onViewBlockers?: () => void\n  isLoading: boolean\n  paymentSpeedDays: number\n}\n\n/** @internal */\nexport const CreatePaymentPresentation = ({\n  contractors,\n  paymentDate,\n  contractorPayments,\n  onPaymentDateChange,\n  onSaveAndContinue,\n  editModal,\n  allowedPaymentMethods,\n  paymentAmountsDictionary,\n  totals,\n  alerts,\n  payrollBlockers = [],\n  onViewBlockers,\n  isLoading,\n  paymentSpeedDays,\n}: ContractorPaymentCreatePaymentPresentationProps) => {\n  const { Button, Text, Heading, DatePicker, Alert } = useComponentContext()\n  useI18n('Contractor.Payments.CreatePayment')\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('title')}</Heading>\n          <Text variant=\"supporting\">\n            {t('paymentSpeedNotice', {\n              count: paymentSpeedDays,\n            })}\n          </Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={onSaveAndContinue} variant=\"primary\" isLoading={isLoading}>\n            {t('continueCta')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      {payrollBlockers.length > 0 && (\n        <PayrollBlockerAlerts blockers={payrollBlockers} onViewBlockersClick={onViewBlockers} />\n      )}\n\n      {Object.values(alerts).map(alert => (\n        <Alert\n          key={alert.title}\n          label={alert.title}\n          onDismiss={alert.onDismiss}\n          status={alert.type}\n        >\n          {alert.content ?? null}\n        </Alert>\n      ))}\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <DatePicker\n          value={paymentDate ? normalizeToDate(paymentDate) : null}\n          onChange={date => {\n            const normalized = normalizeDateToLocal(date)\n            onPaymentDateChange(normalized ? (formatDateToStringDate(normalized) ?? '') : '')\n          }}\n          label={t('dateLabel')}\n          isRequired\n        />\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={contractorPayments}\n        totals={totals}\n        allowedPaymentMethods={allowedPaymentMethods}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n"],"names":["CreatePaymentPresentation","contractors","paymentDate","contractorPayments","onPaymentDateChange","onSaveAndContinue","editModal","allowedPaymentMethods","paymentAmountsDictionary","totals","alerts","payrollBlockers","onViewBlockers","isLoading","paymentSpeedDays","Button","Text","Heading","DatePicker","Alert","useComponentContext","useI18n","t","useTranslation","jsxs","Flex","jsx","FlexItem","PayrollBlockerAlerts","alert","normalizeToDate","date","normalized","normalizeDateToLocal","formatDateToStringDate","SetPaymentAmounts"],"mappings":";;;;;;;;AA2CO,MAAMA,IAA4B,CAAC;AAAA,EACxC,aAAAC;AAAA,EACA,aAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,uBAAAC;AAAA,EACA,0BAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,iBAAAC,IAAkB,CAAA;AAAA,EAClB,gBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,kBAAAC;AACF,MAAuD;AACrD,QAAM,EAAE,QAAAC,GAAQ,MAAAC,GAAM,SAAAC,GAAS,YAAAC,GAAY,OAAAC,EAAA,IAAUC,EAAA;AACrD,EAAAC,EAAQ,mCAAmC;AAC3C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAC,EAACT,GAAA,EAAQ,IAAG,MAAM,UAAAK,EAAE,OAAO,GAAE;AAAA,QAC7B,gBAAAI,EAACV,GAAA,EAAK,SAAQ,cACX,YAAE,sBAAsB;AAAA,UACvB,OAAOF;AAAA,QAAA,CACR,EAAA,CACH;AAAA,MAAA,GACF;AAAA,MACA,gBAAAY,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACX,GAAA,EAAO,SAASV,GAAmB,SAAQ,WAAU,WAAAQ,GACnD,UAAAS,EAAE,aAAa,EAAA,CAClB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAECX,EAAgB,SAAS,KACxB,gBAAAe,EAACE,KAAqB,UAAUjB,GAAiB,qBAAqBC,GAAgB;AAAA,IAGvF,OAAO,OAAOF,CAAM,EAAE,IAAI,CAAAmB,MACzB,gBAAAH;AAAA,MAACP;AAAA,MAAA;AAAA,QAEC,OAAOU,EAAM;AAAA,QACb,WAAWA,EAAM;AAAA,QACjB,QAAQA,EAAM;AAAA,QAEb,YAAM,WAAW;AAAA,MAAA;AAAA,MALbA,EAAM;AAAA,IAAA,CAOd;AAAA,IAED,gBAAAH,EAACD,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA,gBAAAC;AAAA,MAACR;AAAA,MAAA;AAAA,QACC,OAAOhB,IAAc4B,EAAgB5B,CAAW,IAAI;AAAA,QACpD,UAAU,CAAA6B,MAAQ;AAChB,gBAAMC,IAAaC,EAAqBF,CAAI;AAC5C,UAAA3B,EAAoB4B,IAAcE,EAAuBF,CAAU,KAAK,KAAM,EAAE;AAAA,QAClF;AAAA,QACA,OAAOV,EAAE,WAAW;AAAA,QACpB,YAAU;AAAA,MAAA;AAAA,IAAA,GAEd;AAAA,IAEA,gBAAAI;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,aAAAlC;AAAA,QACA,oBAAAE;AAAA,QACA,QAAAM;AAAA,QACA,uBAAAF;AAAA,QACA,WAAAD;AAAA,QACA,YAAYE;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}

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

@@ -1,7 +1,7 @@
 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 "./helpers.js";
+import { getContractorDisplayName as v } from "../../shared/helpers.js";
 import { FastAchSubmissionBlockerBanner as P } from "./FastAchSubmissionBlockerBanner.js";
 import { GenericBlocker as R } from "./GenericBlocker.js";
 import { Flex as u } from "../../../Common/Flex/Flex.js";

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 './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 { 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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"}

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

@@ -0,0 +1,9 @@
+import { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts';
+/**
+ * Resolves `SetPaymentAmounts`'s text against `CreatePayment`'s existing
+ * `Contractor.Payments.CreatePayment` namespace, preserving the original key
+ * names so partner overrides on that namespace keep working unchanged.
+ *
+ * @internal
+ */
+export declare function useCreatePaymentAmountsDictionary(): SetPaymentAmountsDictionary;

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

@@ -0,0 +1,53 @@
+import { useMemo as r } from "react";
+import { useTranslation as o } from "react-i18next";
+function s() {
+  const { t } = o("Contractor.Payments.CreatePayment");
+  return r(
+    () => ({
+      hoursAndPaymentsLabel: t("hoursAndPaymentsLabel"),
+      contractorTableHeaders: {
+        contractor: t("contractorTableHeaders.contractor"),
+        wageType: t("contractorTableHeaders.wageType"),
+        paymentMethod: t("contractorTableHeaders.paymentMethod"),
+        hours: t("contractorTableHeaders.hours"),
+        wage: t("contractorTableHeaders.wage"),
+        bonus: t("contractorTableHeaders.bonus"),
+        reimbursement: t("contractorTableHeaders.reimbursement"),
+        total: t("contractorTableHeaders.total")
+      },
+      emptyTableTitle: t("emptyTableTitle"),
+      emptyTableDescription: t("emptyTableDescription"),
+      na: t("na"),
+      totalsLabel: t("totalsLabel"),
+      editContractor: t("editContractor"),
+      perHour: t("perHour"),
+      editContractorPayment: {
+        title: t("editContractorPayment.title"),
+        subtitle: t("editContractorPayment.subtitle"),
+        hoursLabel: t("editContractorPayment.hoursLabel"),
+        hoursAdornment: t("editContractorPayment.hoursAdornment"),
+        hoursPayDescription: (e, a) => t("editContractorPayment.hoursPayDescription", { rate: e, total: a }),
+        wageLabel: t("editContractorPayment.wageLabel"),
+        bonusLabel: t("editContractorPayment.bonusLabel"),
+        reimbursementLabel: t("editContractorPayment.reimbursementLabel"),
+        paymentMethodLabel: t("editContractorPayment.paymentMethodLabel"),
+        cancelCta: t("editContractorPayment.cancelCta"),
+        saveCta: t("editContractorPayment.saveCta"),
+        paymentMethods: {
+          check: t("editContractorPayment.paymentMethods.check"),
+          directDeposit: t("editContractorPayment.paymentMethods.directDeposit"),
+          historicalPayment: t("editContractorPayment.paymentMethods.historicalPayment")
+        },
+        errors: {
+          directDepositNotAvailable: t("editContractorPayment.errors.directDepositNotAvailable"),
+          unsupportedPaymentMethod: t("editContractorPayment.errors.unsupportedPaymentMethod")
+        }
+      }
+    }),
+    [t]
+  );
+}
+export {
+  s as useCreatePaymentAmountsDictionary
+};
+//# sourceMappingURL=useFormDictionary.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useFormDictionary.js","sources":["../../../../../src/components/Contractor/Payments/CreatePayment/useFormDictionary.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport type { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts'\n\n/**\n * Resolves `SetPaymentAmounts`'s text against `CreatePayment`'s existing\n * `Contractor.Payments.CreatePayment` namespace, preserving the original key\n * names so partner overrides on that namespace keep working unchanged.\n *\n * @internal\n */\nexport function useCreatePaymentAmountsDictionary(): SetPaymentAmountsDictionary {\n  const { t } = useTranslation('Contractor.Payments.CreatePayment')\n\n  return useMemo<SetPaymentAmountsDictionary>(\n    () => ({\n      hoursAndPaymentsLabel: t('hoursAndPaymentsLabel'),\n      contractorTableHeaders: {\n        contractor: t('contractorTableHeaders.contractor'),\n        wageType: t('contractorTableHeaders.wageType'),\n        paymentMethod: t('contractorTableHeaders.paymentMethod'),\n        hours: t('contractorTableHeaders.hours'),\n        wage: t('contractorTableHeaders.wage'),\n        bonus: t('contractorTableHeaders.bonus'),\n        reimbursement: t('contractorTableHeaders.reimbursement'),\n        total: t('contractorTableHeaders.total'),\n      },\n      emptyTableTitle: t('emptyTableTitle'),\n      emptyTableDescription: t('emptyTableDescription'),\n      na: t('na'),\n      totalsLabel: t('totalsLabel'),\n      editContractor: t('editContractor'),\n      perHour: t('perHour'),\n      editContractorPayment: {\n        title: t('editContractorPayment.title'),\n        subtitle: t('editContractorPayment.subtitle'),\n        hoursLabel: t('editContractorPayment.hoursLabel'),\n        hoursAdornment: t('editContractorPayment.hoursAdornment'),\n        hoursPayDescription: (rate, total) =>\n          t('editContractorPayment.hoursPayDescription', { rate, total }),\n        wageLabel: t('editContractorPayment.wageLabel'),\n        bonusLabel: t('editContractorPayment.bonusLabel'),\n        reimbursementLabel: t('editContractorPayment.reimbursementLabel'),\n        paymentMethodLabel: t('editContractorPayment.paymentMethodLabel'),\n        cancelCta: t('editContractorPayment.cancelCta'),\n        saveCta: t('editContractorPayment.saveCta'),\n        paymentMethods: {\n          check: t('editContractorPayment.paymentMethods.check'),\n          directDeposit: t('editContractorPayment.paymentMethods.directDeposit'),\n          historicalPayment: t('editContractorPayment.paymentMethods.historicalPayment'),\n        },\n        errors: {\n          directDepositNotAvailable: t('editContractorPayment.errors.directDepositNotAvailable'),\n          unsupportedPaymentMethod: t('editContractorPayment.errors.unsupportedPaymentMethod'),\n        },\n      },\n    }),\n    [t],\n  )\n}\n"],"names":["useCreatePaymentAmountsDictionary","useTranslation","useMemo","rate","total"],"mappings":";;AAWO,SAASA,IAAiE;AAC/E,QAAM,EAAE,EAAA,IAAMC,EAAe,mCAAmC;AAEhE,SAAOC;AAAA,IACL,OAAO;AAAA,MACL,uBAAuB,EAAE,uBAAuB;AAAA,MAChD,wBAAwB;AAAA,QACtB,YAAY,EAAE,mCAAmC;AAAA,QACjD,UAAU,EAAE,iCAAiC;AAAA,QAC7C,eAAe,EAAE,sCAAsC;AAAA,QACvD,OAAO,EAAE,8BAA8B;AAAA,QACvC,MAAM,EAAE,6BAA6B;AAAA,QACrC,OAAO,EAAE,8BAA8B;AAAA,QACvC,eAAe,EAAE,sCAAsC;AAAA,QACvD,OAAO,EAAE,8BAA8B;AAAA,MAAA;AAAA,MAEzC,iBAAiB,EAAE,iBAAiB;AAAA,MACpC,uBAAuB,EAAE,uBAAuB;AAAA,MAChD,IAAI,EAAE,IAAI;AAAA,MACV,aAAa,EAAE,aAAa;AAAA,MAC5B,gBAAgB,EAAE,gBAAgB;AAAA,MAClC,SAAS,EAAE,SAAS;AAAA,MACpB,uBAAuB;AAAA,QACrB,OAAO,EAAE,6BAA6B;AAAA,QACtC,UAAU,EAAE,gCAAgC;AAAA,QAC5C,YAAY,EAAE,kCAAkC;AAAA,QAChD,gBAAgB,EAAE,sCAAsC;AAAA,QACxD,qBAAqB,CAACC,GAAMC,MAC1B,EAAE,6CAA6C,EAAE,MAAAD,GAAM,OAAAC,GAAO;AAAA,QAChE,WAAW,EAAE,iCAAiC;AAAA,QAC9C,YAAY,EAAE,kCAAkC;AAAA,QAChD,oBAAoB,EAAE,0CAA0C;AAAA,QAChE,oBAAoB,EAAE,0CAA0C;AAAA,QAChE,WAAW,EAAE,iCAAiC;AAAA,QAC9C,SAAS,EAAE,+BAA+B;AAAA,QAC1C,gBAAgB;AAAA,UACd,OAAO,EAAE,4CAA4C;AAAA,UACrD,eAAe,EAAE,oDAAoD;AAAA,UACrE,mBAAmB,EAAE,wDAAwD;AAAA,QAAA;AAAA,QAE/E,QAAQ;AAAA,UACN,2BAA2B,EAAE,wDAAwD;AAAA,UACrF,0BAA0B,EAAE,uDAAuD;AAAA,QAAA;AAAA,MACrF;AAAA,IACF;AAAA,IAEF,CAAC,CAAC;AAAA,EAAA;AAEN;"}

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

@@ -0,0 +1,63 @@
+import { CreatePaymentFlowProps } from './CreatePaymentFlowComponents';
+import { FlowBreadcrumb } from '../../../Common/FlowBreadcrumbs/FlowBreadcrumbsTypes';
+/**
+ * Props for the flow-internal {@link CreatePaymentInternalFlow}, which layers a parent flow's
+ * prefix breadcrumbs on top of the public {@link CreatePaymentFlowProps}.
+ *
+ * @internal
+ */
+export interface CreatePaymentInternalFlowProps extends CreatePaymentFlowProps {
+    /**
+     * Breadcrumbs prepended to the flow's own breadcrumb trail. Set by a parent flow (e.g.
+     * `PaymentFlow`) so the breadcrumb history remains coherent across the handoff.
+     */
+    prefixBreadcrumbs?: FlowBreadcrumb[];
+}
+/**
+ * Guided flow to create a contractor payment and review the resulting summary.
+ *
+ * @remarks
+ * This is the inner flow that powers the create-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 create-payment experience without re-implementing it. The flow ships with
+ * breadcrumb navigation and handles Fast ACH blockers and wire transfer requirements inline.
+ *
+ * @events
+ * | Event | Description | Data |
+ * | ----- | ----------- | ---- |
+ * | `contractor/payments/created` | Fired when a payment group is successfully created | The created `ContractorPaymentGroup` |
+ * | `contractor/payments/exit` | Fired when the user completes the payment flow | `{ uuid?: string \| null }` |
+ * | `payroll/wire/form/done` | Fired when wire transfer details are submitted | `{ wireInRequest: WireInRequest, confirmationAlert: { title: string, content?: string } }` |
+ * | `breadcrumb/navigate` | Fired when the user clicks a breadcrumb to navigate back | `{ key: string, onNavigate: (ctx) => ctx }` |
+ *
+ * @components
+ * - {@link CreatePayment}
+ * - {@link PaymentSummary}
+ *
+ * @param props - See {@link CreatePaymentFlowProps}.
+ * @returns The composed create-payment flow.
+ * @alpha
+ *
+ * @example
+ * ```tsx title="App.tsx"
+ * import { ContractorManagement } from '@gusto/embedded-react-sdk'
+ *
+ * function MyApp() {
+ *   return (
+ *     <ContractorManagement.CreatePaymentFlow
+ *       companyId="a007e1ab-3595-43c2-ab4b-af7a5af2e365"
+ *       onEvent={() => {}}
+ *     />
+ *   )
+ * }
+ * ```
+ */
+export declare function CreatePaymentFlow(props: CreatePaymentFlowProps): import("react").JSX.Element;
+/**
+ * Flow-internal entry point for {@link CreatePaymentFlow} that additionally accepts
+ * flow-injected `prefixBreadcrumbs`. Partners use {@link CreatePaymentFlow}; `PaymentFlow` renders
+ * this directly to prepend its own breadcrumb trail.
+ *
+ * @internal
+ */
+export declare function CreatePaymentInternalFlow({ companyId, onEvent, prefixBreadcrumbs, }: CreatePaymentInternalFlowProps): import("react").JSX.Element;

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

@@ -0,0 +1,46 @@
+import { jsx as r } from "react/jsx-runtime";
+import { createMachine as u } 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 { 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({
+  companyId: e,
+  onEvent: a,
+  prefixBreadcrumbs: m = B
+}) {
+  const [n] = b(() => {
+    const o = P(d), c = Object.fromEntries(
+      Object.entries(o).map(([t, s]) => [
+        t,
+        [...m, ...s]
+      ])
+    ), i = l("createPayment", {
+      header: {
+        type: "breadcrumbs",
+        breadcrumbs: c
+      }
+    });
+    return u(
+      "createPayment",
+      p,
+      (t) => ({
+        ...t,
+        ...i,
+        component: f,
+        companyId: e
+      })
+    );
+  });
+  return /* @__PURE__ */ r(y, { machine: n, onEvent: a });
+}
+export {
+  O as CreatePaymentFlow,
+  C as CreatePaymentInternalFlow
+};
+//# sourceMappingURL=CreatePaymentFlow.js.map

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

@@ -0,0 +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;"}

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

@@ -0,0 +1,22 @@
+import { InternalAlert } from '../types';
+import { FlowContextInterface } from '../../../Flow/useFlow';
+import { BaseComponentInterface } from '../../../Base';
+/**
+ * Props for {@link CreatePaymentFlow}.
+ *
+ * @alpha
+ */
+export interface CreatePaymentFlowProps extends BaseComponentInterface<never> {
+    /** The associated company identifier. */
+    companyId: string;
+}
+/** @internal */
+export interface CreatePaymentFlowContextInterface extends FlowContextInterface {
+    companyId: string;
+    createdPaymentGroupId?: string;
+    alerts?: InternalAlert[];
+}
+/** @internal */
+export declare function CreatePaymentContextual(): import("react").JSX.Element;
+/** @internal */
+export declare function PaymentSummaryContextual(): import("react").JSX.Element;

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

@@ -0,0 +1,26 @@
+import { jsx as o } from "react/jsx-runtime";
+import { CreatePayment as p } from "../CreatePayment/CreatePayment.js";
+import { PaymentSummaryInternal as u } from "../PaymentSummary/PaymentSummary.js";
+import { useFlow as r } from "../../../Flow/useFlow.js";
+import { ensureRequired as e } from "../../../../helpers/ensureRequired.js";
+function I() {
+  const { companyId: t, onEvent: n } = r();
+  return /* @__PURE__ */ o(p, { onEvent: n, companyId: e(t) });
+}
+function s() {
+  const { createdPaymentGroupId: t, companyId: n, onEvent: m, alerts: a } = r();
+  return /* @__PURE__ */ o(
+    u,
+    {
+      onEvent: m,
+      paymentGroupId: e(t),
+      companyId: e(n),
+      alerts: a
+    }
+  );
+}
+export {
+  I as CreatePaymentContextual,
+  s as PaymentSummaryContextual
+};
+//# sourceMappingURL=CreatePaymentFlowComponents.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CreatePaymentFlowComponents.js","sources":["../../../../../src/components/Contractor/Payments/CreatePaymentFlow/CreatePaymentFlowComponents.tsx"],"sourcesContent":["import { CreatePayment } from '../CreatePayment/CreatePayment'\nimport { PaymentSummaryInternal } from '../PaymentSummary/PaymentSummary'\nimport type { InternalAlert } from '../types'\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 CreatePaymentFlow}.\n *\n * @alpha\n */\nexport interface CreatePaymentFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport interface CreatePaymentFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  createdPaymentGroupId?: string\n  alerts?: InternalAlert[]\n}\n\n/** @internal */\nexport function CreatePaymentContextual() {\n  const { companyId, onEvent } = useFlow<CreatePaymentFlowContextInterface>()\n  return <CreatePayment onEvent={onEvent} companyId={ensureRequired(companyId)} />\n}\n\n/** @internal */\nexport function PaymentSummaryContextual() {\n  const { createdPaymentGroupId, companyId, onEvent, alerts } =\n    useFlow<CreatePaymentFlowContextInterface>()\n\n  return (\n    <PaymentSummaryInternal\n      onEvent={onEvent}\n      paymentGroupId={ensureRequired(createdPaymentGroupId)}\n      companyId={ensureRequired(companyId)}\n      alerts={alerts}\n    />\n  )\n}\n"],"names":["CreatePaymentContextual","companyId","onEvent","useFlow","CreatePayment","ensureRequired","PaymentSummaryContextual","createdPaymentGroupId","alerts","jsx","PaymentSummaryInternal"],"mappings":";;;;;AAyBO,SAASA,IAA0B;AACxC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAc,SAAAF,GAAkB,WAAWG,EAAeJ,CAAS,GAAG;AAChF;AAGO,SAASK,IAA2B;AACzC,QAAM,EAAE,uBAAAC,GAAuB,WAAAN,GAAW,SAAAC,GAAS,QAAAM,EAAA,IACjDL,EAAA;AAEF,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAAR;AAAA,MACA,gBAAgBG,EAAeE,CAAqB;AAAA,MACpD,WAAWF,EAAeJ,CAAS;AAAA,MACnC,QAAAO;AAAA,IAAA;AAAA,EAAA;AAGN;"}