@gusto/embedded-react-sdk 0.56.4 → 0.56.6

package/dist/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.js

@@ -1,111 +1,115 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useTranslation as T, Trans as F } from "react-i18next";
-import { useMemo as x } from "react";
-import { getContractorDisplayName as C } from "../../shared/helpers.js";
+import { useTranslation as k, Trans as T } from "react-i18next";
+import { useMemo as N } from "react";
+import { getContractorDisplayName as F } from "../../shared/helpers.js";
 import { getContractorPaymentTotalAmount as A } from "../shared/paymentAmounts.js";
 import l from "./PaymentStatementPresentation.module.scss.js";
-import { Flex as m } from "../../../Common/Flex/Flex.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
 import { useComponentContext as H } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as j } from "../../../../i18n/I18n.js";
-import { formatHoursDisplay as y } from "../../../Payroll/helpers.js";
-import M from "../../../../hooks/useNumberFormatter.js";
-import { useDateFormatter as B } from "../../../../hooks/useDateFormatter.js";
-import { addressInline as K, formatPhoneNumber as O } from "../../../../helpers/formattedStrings.js";
-import U from "../../../../assets/icons/receipt-check.svg.js";
+import { formatHoursDisplay as M } from "../../../Payroll/helpers.js";
+import y from "../../../../hooks/useNumberFormatter.js";
+import { useDateFormatter as O } from "../../../../hooks/useDateFormatter.js";
+import { addressInline as U, formatPhoneNumber as B } from "../../../../helpers/formattedStrings.js";
+import K from "../../../../assets/icons/receipt-check.svg.js";
 import { DataView as V } from "../../../Common/DataView/DataView.js";
 const oe = ({
   className: v,
   payment: o,
-  contractor: c,
-  checkDate: w,
+  contractor: x,
+  checkDate: C,
   paymentReceipt: t
 }) => {
-  const h = H(), { Text: s, Heading: f, Link: z } = h;
+  const d = H(), { Text: s, Heading: h, Link: I } = d;
   j("Contractor.Payments.PaymentStatement");
-  const { t: r } = T("Contractor.Payments.PaymentStatement"), i = M("currency"), { formatLongWithYear: u } = B(), b = C(c), p = o.wageType === "Hourly", d = Number(o.hours || 0), g = Number(o.hourlyRate || 0), D = Number(o.bonus || 0), N = Number(o.reimbursement || 0), I = !!(t && o.status === "Funded" && o.paymentMethod === "Direct Deposit"), P = t?.totals?.companyDebit || "0", S = x(() => t ? [
+  const { t: r } = k("Contractor.Payments.PaymentStatement"), i = y("currency"), { formatLongWithYear: m } = O(), f = F(x), b = o.wageType === "Hourly", u = Number(o.hours || 0), p = Number(o.hourlyRate || 0), g = Number(o.bonus || 0), D = Number(o.reimbursement || 0), P = !!(t && o.status === "Funded" && o.paymentMethod === "Direct Deposit"), w = t?.totals?.companyDebit || "0", z = N(() => t ? [
+    {
+      label: r("receipt.receiptId"),
+      value: t.contractorPaymentUuid || ""
+    },
     {
       label: r("receipt.from"),
       value: t.nameOfSender || ""
     },
     {
       label: r("receipt.to"),
-      value: C(c)
+      value: t.nameOfRecipient || ""
     },
     {
       label: r("receipt.debitDate"),
-      value: t.debitDate ? u(String(t.debitDate)) : ""
+      value: t.debitDate ? m(String(t.debitDate)) : ""
     }
-  ] : [], [t, c, r, u]), L = x(() => {
+  ] : [], [t, r, m]), S = N(() => {
     const n = [
       {
         label: o.paymentMethod || "",
         amount: i(A(o))
       }
     ];
-    return p && d > 0 ? n.push({
+    return b && u > 0 ? n.push({
       label: r("hoursLabel"),
       amount: r("hoursAmount", {
-        hours: y(d),
-        rate: i(g)
+        hours: M(u),
+        rate: i(p)
       })
     }) : n.push({
       label: r("wageLabel"),
       amount: i(Number(o.wage || 0))
     }), n.push({
       label: r("bonus"),
-      amount: i(D)
+      amount: i(g)
     }), n.push({
       label: r("reimbursement"),
-      amount: i(N)
+      amount: i(D)
     }), n;
-  }, [o, p, d, g, D, N, r, i]);
-  return /* @__PURE__ */ a(m, { className: v, flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(m, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ a(m, { flexDirection: "column", gap: 8, children: [
-      /* @__PURE__ */ e(f, { as: "h2", children: r("title", { contractorName: b }) }),
-      /* @__PURE__ */ e(s, { variant: "supporting", children: u(w) })
+  }, [o, b, u, p, g, D, r, i]);
+  return /* @__PURE__ */ a(c, { className: v, flexDirection: "column", gap: 32, children: [
+    /* @__PURE__ */ e(c, { flexDirection: "column", gap: 16, children: /* @__PURE__ */ a(c, { flexDirection: "column", gap: 8, children: [
+      /* @__PURE__ */ e(h, { as: "h2", children: r("title", { contractorName: f }) }),
+      /* @__PURE__ */ e(s, { variant: "supporting", children: m(C) })
     ] }) }),
-    I && /* @__PURE__ */ e("div", { className: l.receiptCard, children: /* @__PURE__ */ a(m, { flexDirection: "column", gap: 24, children: [
-      /* @__PURE__ */ a(m, { flexDirection: "column", alignItems: "center", gap: 16, children: [
-        /* @__PURE__ */ e("div", { className: l.receiptIcon, "aria-hidden": !0, children: /* @__PURE__ */ e(U, { className: l.checkmarkIcon }) }),
-        /* @__PURE__ */ a(m, { flexDirection: "column", alignItems: "center", gap: 8, children: [
+    P && /* @__PURE__ */ e("div", { className: l.receiptCard, children: /* @__PURE__ */ a(c, { flexDirection: "column", gap: 24, children: [
+      /* @__PURE__ */ a(c, { flexDirection: "column", alignItems: "center", gap: 16, children: [
+        /* @__PURE__ */ e("div", { className: l.receiptIcon, "aria-hidden": !0, children: /* @__PURE__ */ e(K, { className: l.checkmarkIcon }) }),
+        /* @__PURE__ */ a(c, { flexDirection: "column", alignItems: "center", gap: 8, children: [
           /* @__PURE__ */ e(s, { size: "sm", variant: "supporting", children: r("receipt.totalLabel") }),
-          /* @__PURE__ */ e(f, { as: "h1", styledAs: "h2", className: l.totalAmount, children: i(Number(P)) })
+          /* @__PURE__ */ e(h, { as: "h1", styledAs: "h2", className: l.totalAmount, children: i(Number(w)) })
         ] })
       ] }),
       /* @__PURE__ */ e(
-        h.DescriptionList,
+        d.DescriptionList,
         {
           layout: "horizontal",
           showSeparators: !1,
-          items: S.map(({ label: n, value: k }) => ({
+          items: z.map(({ label: n, value: L }) => ({
             term: /* @__PURE__ */ e(s, { size: "sm", variant: "supporting", children: n }),
-            description: /* @__PURE__ */ e(s, { size: "sm", children: k })
+            description: /* @__PURE__ */ e(s, { size: "sm", children: L })
           }))
         }
       ),
       /* @__PURE__ */ e("hr", {}),
-      /* @__PURE__ */ a(m, { flexDirection: "column", alignItems: "center", gap: 12, children: [
+      /* @__PURE__ */ a(c, { flexDirection: "column", alignItems: "center", gap: 12, children: [
         /* @__PURE__ */ e(s, { size: "sm", variant: "supporting", className: l.disclaimer, children: /* @__PURE__ */ e(
-          F,
+          T,
           {
             i18nKey: "receipt.disclaimer",
             t: r,
             components: {
-              licensesLink: /* @__PURE__ */ e(z, { href: t?.licenseUri || "", target: "_blank" })
+              licensesLink: /* @__PURE__ */ e(I, { href: t?.licenseUri || "", target: "_blank" })
             }
           }
         ) }),
         /* @__PURE__ */ e("hr", {}),
         /* @__PURE__ */ e(s, { size: "sm", variant: "supporting", className: l.companyInfo, children: t?.licensee?.name || "" }),
         /* @__PURE__ */ a(s, { size: "sm", variant: "supporting", className: l.address, children: [
-          K({
+          U({
             street1: t?.licensee?.address || "",
             city: t?.licensee?.city || "",
             state: t?.licensee?.state || "",
             zip: t?.licensee?.postalCode || ""
           }),
           " | ",
-          O(t?.licensee?.phoneNumber)
+          B(t?.licensee?.phoneNumber)
         ] })
       ] })
     ] }) }),
@@ -123,8 +127,8 @@ const oe = ({
             render: ({ amount: n }) => n || ""
           }
         ],
-        data: L,
-        label: r("title", { contractorName: b })
+        data: S,
+        label: r("title", { contractorName: f })
       }
     )
   ] });

package/dist/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaymentStatementPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useMemo } from 'react'\nimport type { ContractorPaymentReceipt } from '@gusto/embedded-api/models/components/contractorpaymentreceipt'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { getContractorPaymentTotalAmount } from '../shared/paymentAmounts'\nimport styles from './PaymentStatementPresentation.module.scss'\nimport { DataView, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { addressInline, formatPhoneNumber } from '@/helpers/formattedStrings'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PaymentStatementPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  payment: ContractorPaymentForGroup\n  contractor: Contractor\n  paymentReceipt?: ContractorPaymentReceipt\n  checkDate: string\n}\n\ntype PaymentStatementRow = {\n  label: string\n  amount: string | null\n}\n\n/** @internal */\nexport const PaymentStatementPresentation = ({\n  className,\n  payment,\n  contractor,\n  checkDate,\n  paymentReceipt,\n}: PaymentStatementPresentationProps) => {\n  const Components = useComponentContext()\n  const { Text, Heading, Link } = Components\n  useI18n('Contractor.Payments.PaymentStatement')\n  const { t } = useTranslation('Contractor.Payments.PaymentStatement')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const contractorName = getContractorDisplayName(contractor)\n  const isHourly = payment.wageType === 'Hourly'\n  const hours = Number(payment.hours || 0)\n  const hourlyRate = Number(payment.hourlyRate || 0)\n  const bonus = Number(payment.bonus || 0)\n  const reimbursement = Number(payment.reimbursement || 0)\n\n  const shouldShowReceipt = Boolean(\n    paymentReceipt && payment.status === 'Funded' && payment.paymentMethod === 'Direct Deposit',\n  )\n\n  const receiptTotal = paymentReceipt?.totals?.companyDebit || '0'\n\n  const receiptDetailsConfig = useMemo(() => {\n    if (!paymentReceipt) return []\n\n    return [\n      {\n        label: t('receipt.from'),\n        value: paymentReceipt.nameOfSender || '',\n      },\n      {\n        label: t('receipt.to'),\n        value: getContractorDisplayName(contractor),\n      },\n      {\n        label: t('receipt.debitDate'),\n        value: paymentReceipt.debitDate ? formatLongWithYear(String(paymentReceipt.debitDate)) : '',\n      },\n    ]\n  }, [paymentReceipt, contractor, t, formatLongWithYear])\n\n  const statementRows = useMemo<PaymentStatementRow[]>(() => {\n    const rows: PaymentStatementRow[] = [\n      {\n        label: payment.paymentMethod || '',\n        amount: currencyFormatter(getContractorPaymentTotalAmount(payment)),\n      },\n    ]\n\n    if (isHourly && hours > 0) {\n      rows.push({\n        label: t('hoursLabel'),\n        amount: t('hoursAmount', {\n          hours: formatHoursDisplay(hours),\n          rate: currencyFormatter(hourlyRate),\n        }),\n      })\n    } else {\n      rows.push({\n        label: t('wageLabel'),\n        amount: currencyFormatter(Number(payment.wage || 0)),\n      })\n    }\n\n    rows.push({\n      label: t('bonus'),\n      amount: currencyFormatter(bonus),\n    })\n\n    rows.push({\n      label: t('reimbursement'),\n      amount: currencyFormatter(reimbursement),\n    })\n\n    return rows\n  }, [payment, isHourly, hours, hourlyRate, bonus, reimbursement, t, currencyFormatter])\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Heading as=\"h2\">{t('title', { contractorName })}</Heading>\n          <Text variant=\"supporting\">{formatLongWithYear(checkDate)}</Text>\n        </Flex>\n      </Flex>\n\n      {shouldShowReceipt && (\n        <div className={styles.receiptCard}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n              <div className={styles.receiptIcon} aria-hidden>\n                <ReceiptCheck className={styles.checkmarkIcon} />\n              </div>\n\n              <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n                <Text size=\"sm\" variant=\"supporting\">\n                  {t('receipt.totalLabel')}\n                </Text>\n                <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n                  {currencyFormatter(Number(receiptTotal))}\n                </Heading>\n              </Flex>\n            </Flex>\n\n            <Components.DescriptionList\n              layout=\"horizontal\"\n              showSeparators={false}\n              items={receiptDetailsConfig.map(({ label, value }): DescriptionListItem => ({\n                term: (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {label}\n                  </Text>\n                ),\n                description: <Text size=\"sm\">{value}</Text>,\n              }))}\n            />\n            <hr />\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.disclaimer}>\n                <Trans\n                  i18nKey=\"receipt.disclaimer\"\n                  t={t}\n                  components={{\n                    licensesLink: <Link href={paymentReceipt?.licenseUri || ''} target=\"_blank\" />,\n                  }}\n                />\n              </Text>\n              <hr />\n\n              <Text size=\"sm\" variant=\"supporting\" className={styles.companyInfo}>\n                {paymentReceipt?.licensee?.name || ''}\n              </Text>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.address}>\n                {addressInline({\n                  street1: paymentReceipt?.licensee?.address || '',\n                  city: paymentReceipt?.licensee?.city || '',\n                  state: paymentReceipt?.licensee?.state || '',\n                  zip: paymentReceipt?.licensee?.postalCode || '',\n                  country: '',\n                  uuid: '',\n                })}\n                {' | '}\n                {formatPhoneNumber(paymentReceipt?.licensee?.phoneNumber)}\n              </Text>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n\n      <DataView\n        columns={[\n          {\n            title: t('debitedColumn'),\n            render: ({ label }) => label,\n          },\n          {\n            title: t('amountColumn'),\n            justify: 'end',\n            render: ({ amount }) => amount || '',\n          },\n        ]}\n        data={statementRows}\n        label={t('title', { contractorName })}\n      />\n    </Flex>\n  )\n}\n"],"names":["PaymentStatementPresentation","className","payment","contractor","checkDate","paymentReceipt","Components","useComponentContext","Text","Heading","Link","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","contractorName","getContractorDisplayName","isHourly","hours","hourlyRate","bonus","reimbursement","shouldShowReceipt","receiptTotal","receiptDetailsConfig","useMemo","statementRows","rows","getContractorPaymentTotalAmount","formatHoursDisplay","Flex","jsx","styles","jsxs","ReceiptCheck","label","value","Trans","addressInline","formatPhoneNumber","DataView","amount"],"mappings":"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"}
+{"version":3,"file":"PaymentStatementPresentation.js","sources":["../../../../../src/components/Contractor/Payments/PaymentStatement/PaymentStatementPresentation.tsx"],"sourcesContent":["import { Trans, useTranslation } from 'react-i18next'\nimport type { ContractorPaymentForGroup } from '@gusto/embedded-api/models/components/contractorpaymentforgroup'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useMemo } from 'react'\nimport type { ContractorPaymentReceipt } from '@gusto/embedded-api/models/components/contractorpaymentreceipt'\nimport { getContractorDisplayName } from '../../shared/helpers'\nimport { getContractorPaymentTotalAmount } from '../shared/paymentAmounts'\nimport styles from './PaymentStatementPresentation.module.scss'\nimport { DataView, Flex } from '@/components/Common'\nimport type { DescriptionListItem } from '@/components/Common/UI/DescriptionList/DescriptionListTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatHoursDisplay } from '@/components/Payroll/helpers'\nimport useNumberFormatter from '@/hooks/useNumberFormatter'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { addressInline, formatPhoneNumber } from '@/helpers/formattedStrings'\nimport ReceiptCheck from '@/assets/icons/receipt-check.svg?react'\n\ninterface PaymentStatementPresentationProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  payment: ContractorPaymentForGroup\n  contractor: Contractor\n  paymentReceipt?: ContractorPaymentReceipt\n  checkDate: string\n}\n\ntype PaymentStatementRow = {\n  label: string\n  amount: string | null\n}\n\n/** @internal */\nexport const PaymentStatementPresentation = ({\n  className,\n  payment,\n  contractor,\n  checkDate,\n  paymentReceipt,\n}: PaymentStatementPresentationProps) => {\n  const Components = useComponentContext()\n  const { Text, Heading, Link } = Components\n  useI18n('Contractor.Payments.PaymentStatement')\n  const { t } = useTranslation('Contractor.Payments.PaymentStatement')\n  const currencyFormatter = useNumberFormatter('currency')\n  const { formatLongWithYear } = useDateFormatter()\n\n  const contractorName = getContractorDisplayName(contractor)\n  const isHourly = payment.wageType === 'Hourly'\n  const hours = Number(payment.hours || 0)\n  const hourlyRate = Number(payment.hourlyRate || 0)\n  const bonus = Number(payment.bonus || 0)\n  const reimbursement = Number(payment.reimbursement || 0)\n\n  const shouldShowReceipt = Boolean(\n    paymentReceipt && payment.status === 'Funded' && payment.paymentMethod === 'Direct Deposit',\n  )\n\n  const receiptTotal = paymentReceipt?.totals?.companyDebit || '0'\n\n  const receiptDetailsConfig = useMemo(() => {\n    if (!paymentReceipt) return []\n\n    return [\n      {\n        label: t('receipt.receiptId'),\n        value: paymentReceipt.contractorPaymentUuid || '',\n      },\n      {\n        label: t('receipt.from'),\n        value: paymentReceipt.nameOfSender || '',\n      },\n      {\n        label: t('receipt.to'),\n        value: paymentReceipt.nameOfRecipient || '',\n      },\n      {\n        label: t('receipt.debitDate'),\n        value: paymentReceipt.debitDate ? formatLongWithYear(String(paymentReceipt.debitDate)) : '',\n      },\n    ]\n  }, [paymentReceipt, t, formatLongWithYear])\n\n  const statementRows = useMemo<PaymentStatementRow[]>(() => {\n    const rows: PaymentStatementRow[] = [\n      {\n        label: payment.paymentMethod || '',\n        amount: currencyFormatter(getContractorPaymentTotalAmount(payment)),\n      },\n    ]\n\n    if (isHourly && hours > 0) {\n      rows.push({\n        label: t('hoursLabel'),\n        amount: t('hoursAmount', {\n          hours: formatHoursDisplay(hours),\n          rate: currencyFormatter(hourlyRate),\n        }),\n      })\n    } else {\n      rows.push({\n        label: t('wageLabel'),\n        amount: currencyFormatter(Number(payment.wage || 0)),\n      })\n    }\n\n    rows.push({\n      label: t('bonus'),\n      amount: currencyFormatter(bonus),\n    })\n\n    rows.push({\n      label: t('reimbursement'),\n      amount: currencyFormatter(reimbursement),\n    })\n\n    return rows\n  }, [payment, isHourly, hours, hourlyRate, bonus, reimbursement, t, currencyFormatter])\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={16}>\n        <Flex flexDirection=\"column\" gap={8}>\n          <Heading as=\"h2\">{t('title', { contractorName })}</Heading>\n          <Text variant=\"supporting\">{formatLongWithYear(checkDate)}</Text>\n        </Flex>\n      </Flex>\n\n      {shouldShowReceipt && (\n        <div className={styles.receiptCard}>\n          <Flex flexDirection=\"column\" gap={24}>\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={16}>\n              <div className={styles.receiptIcon} aria-hidden>\n                <ReceiptCheck className={styles.checkmarkIcon} />\n              </div>\n\n              <Flex flexDirection=\"column\" alignItems=\"center\" gap={8}>\n                <Text size=\"sm\" variant=\"supporting\">\n                  {t('receipt.totalLabel')}\n                </Text>\n                <Heading as=\"h1\" styledAs=\"h2\" className={styles.totalAmount}>\n                  {currencyFormatter(Number(receiptTotal))}\n                </Heading>\n              </Flex>\n            </Flex>\n\n            <Components.DescriptionList\n              layout=\"horizontal\"\n              showSeparators={false}\n              items={receiptDetailsConfig.map(({ label, value }): DescriptionListItem => ({\n                term: (\n                  <Text size=\"sm\" variant=\"supporting\">\n                    {label}\n                  </Text>\n                ),\n                description: <Text size=\"sm\">{value}</Text>,\n              }))}\n            />\n            <hr />\n            <Flex flexDirection=\"column\" alignItems=\"center\" gap={12}>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.disclaimer}>\n                <Trans\n                  i18nKey=\"receipt.disclaimer\"\n                  t={t}\n                  components={{\n                    licensesLink: <Link href={paymentReceipt?.licenseUri || ''} target=\"_blank\" />,\n                  }}\n                />\n              </Text>\n              <hr />\n\n              <Text size=\"sm\" variant=\"supporting\" className={styles.companyInfo}>\n                {paymentReceipt?.licensee?.name || ''}\n              </Text>\n              <Text size=\"sm\" variant=\"supporting\" className={styles.address}>\n                {addressInline({\n                  street1: paymentReceipt?.licensee?.address || '',\n                  city: paymentReceipt?.licensee?.city || '',\n                  state: paymentReceipt?.licensee?.state || '',\n                  zip: paymentReceipt?.licensee?.postalCode || '',\n                  country: '',\n                  uuid: '',\n                })}\n                {' | '}\n                {formatPhoneNumber(paymentReceipt?.licensee?.phoneNumber)}\n              </Text>\n            </Flex>\n          </Flex>\n        </div>\n      )}\n\n      <DataView\n        columns={[\n          {\n            title: t('debitedColumn'),\n            render: ({ label }) => label,\n          },\n          {\n            title: t('amountColumn'),\n            justify: 'end',\n            render: ({ amount }) => amount || '',\n          },\n        ]}\n        data={statementRows}\n        label={t('title', { contractorName })}\n      />\n    </Flex>\n  )\n}\n"],"names":["PaymentStatementPresentation","className","payment","contractor","checkDate","paymentReceipt","Components","useComponentContext","Text","Heading","Link","useI18n","t","useTranslation","currencyFormatter","useNumberFormatter","formatLongWithYear","useDateFormatter","contractorName","getContractorDisplayName","isHourly","hours","hourlyRate","bonus","reimbursement","shouldShowReceipt","receiptTotal","receiptDetailsConfig","useMemo","statementRows","rows","getContractorPaymentTotalAmount","formatHoursDisplay","Flex","jsx","styles","jsxs","ReceiptCheck","label","value","Trans","addressInline","formatPhoneNumber","DataView","amount"],"mappings":"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"}

package/dist/components/Contractor/exports/contractorManagement.js

@@ -1,59 +1,61 @@
 import { ManagementContractorList as t } from "../ContractorList/management/ManagementContractorList.js";
-import { PaymentsList as m } from "../Payments/PaymentsList/PaymentsList.js";
-import { CreatePayment as f } from "../Payments/CreatePayment/CreatePayment.js";
-import { PaymentHistory as x } from "../Payments/PaymentHistory/PaymentHistory.js";
-import { PaymentStatement as i } from "../Payments/PaymentStatement/PaymentStatement.js";
-import { Address as d } from "../Address/management/Address.js";
-import { AddressCard as P } from "../Address/management/AddressCard/AddressCard.js";
-import { AddressEditForm as l } from "../Address/management/AddressEditForm.js";
-import { Compensation as c } from "../Compensation/management/Compensation.js";
-import { CompensationCard as h } from "../Compensation/management/CompensationCard/CompensationCard.js";
-import { CompensationEditForm as H } from "../Compensation/management/CompensationEditForm.js";
-import { ContractorListFlow as M } from "../ContractorListFlow/ContractorListFlow.js";
-import { CreateHistoricalPayment as A } from "../Payments/CreateHistoricalPayment/CreateHistoricalPayment.js";
-import { CreatePaymentFlow as S } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
-import { Dashboard as g } from "../Dashboard/Dashboard.js";
-import { DashboardFlow as j } from "../Dashboard/DashboardFlow.js";
-import { DocumentsCard as q } from "../Documents/management/DocumentsCard/DocumentsCard.js";
-import { HistoricalPaymentFlow as z } from "../Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.js";
-import { HistoricalPaymentSummary as G } from "../Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js";
-import { PaymentFlow as J } from "../Payments/PaymentFlow/PaymentFlow.js";
-import { PaymentMethod as N } from "../PaymentMethod/management/PaymentMethod.js";
-import { PaymentMethodCard as Q } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
-import { PaymentMethodEditForm as T } from "../PaymentMethod/management/PaymentMethodEditForm.js";
-import { PaymentSummary as W } from "../Payments/PaymentSummary/PaymentSummary.js";
-import { Profile as Y } from "../Profile/management/Profile.js";
-import { ProfileCard as _ } from "../Profile/management/ProfileCard/ProfileCard.js";
-import { ProfileEditForm as oo } from "../Profile/management/ProfileEditForm.js";
-import { ViewPaymentFlow as to } from "../Payments/ViewPaymentFlow/ViewPaymentFlow.js";
+import { Dismissal as m } from "../Dismissal/Dismissal.js";
+import { PaymentsList as f } from "../Payments/PaymentsList/PaymentsList.js";
+import { CreatePayment as x } from "../Payments/CreatePayment/CreatePayment.js";
+import { PaymentHistory as s } from "../Payments/PaymentHistory/PaymentHistory.js";
+import { PaymentStatement as d } from "../Payments/PaymentStatement/PaymentStatement.js";
+import { Address as P } from "../Address/management/Address.js";
+import { AddressCard as l } from "../Address/management/AddressCard/AddressCard.js";
+import { AddressEditForm as c } from "../Address/management/AddressEditForm.js";
+import { Compensation as h } from "../Compensation/management/Compensation.js";
+import { CompensationCard as E } from "../Compensation/management/CompensationCard/CompensationCard.js";
+import { CompensationEditForm as L } from "../Compensation/management/CompensationEditForm.js";
+import { ContractorListFlow as u } from "../ContractorListFlow/ContractorListFlow.js";
+import { CreateHistoricalPayment as S } from "../Payments/CreateHistoricalPayment/CreateHistoricalPayment.js";
+import { CreatePaymentFlow as g } from "../Payments/CreatePaymentFlow/CreatePaymentFlow.js";
+import { Dashboard as j } from "../Dashboard/Dashboard.js";
+import { DashboardFlow as q } from "../Dashboard/DashboardFlow.js";
+import { DocumentsCard as z } from "../Documents/management/DocumentsCard/DocumentsCard.js";
+import { HistoricalPaymentFlow as G } from "../Payments/HistoricalPaymentFlow/HistoricalPaymentFlow.js";
+import { HistoricalPaymentSummary as J } from "../Payments/HistoricalPaymentSummary/HistoricalPaymentSummary.js";
+import { PaymentFlow as N } from "../Payments/PaymentFlow/PaymentFlow.js";
+import { PaymentMethod as Q } from "../PaymentMethod/management/PaymentMethod.js";
+import { PaymentMethodCard as T } from "../PaymentMethod/management/PaymentMethodCard/PaymentMethodCard.js";
+import { PaymentMethodEditForm as W } from "../PaymentMethod/management/PaymentMethodEditForm.js";
+import { PaymentSummary as Y } from "../Payments/PaymentSummary/PaymentSummary.js";
+import { Profile as _ } from "../Profile/management/Profile.js";
+import { ProfileCard as oo } from "../Profile/management/ProfileCard/ProfileCard.js";
+import { ProfileEditForm as to } from "../Profile/management/ProfileEditForm.js";
+import { ViewPaymentFlow as mo } from "../Payments/ViewPaymentFlow/ViewPaymentFlow.js";
 export {
-  d as Address,
-  P as AddressCard,
-  l as AddressEditForm,
-  c as Compensation,
-  h as CompensationCard,
-  H as CompensationEditForm,
+  P as Address,
+  l as AddressCard,
+  c as AddressEditForm,
+  h as Compensation,
+  E as CompensationCard,
+  L as CompensationEditForm,
   t as ContractorList,
-  M as ContractorListFlow,
-  A as CreateHistoricalPayment,
-  f as CreatePayment,
-  S as CreatePaymentFlow,
-  g as Dashboard,
-  j as DashboardFlow,
-  q as DocumentsCard,
-  z as HistoricalPaymentFlow,
-  G as HistoricalPaymentSummary,
-  J as PaymentFlow,
-  x as PaymentHistory,
-  N as PaymentMethod,
-  Q as PaymentMethodCard,
-  T as PaymentMethodEditForm,
-  i as PaymentStatement,
-  W as PaymentSummary,
-  m as PaymentsList,
-  Y as Profile,
-  _ as ProfileCard,
-  oo as ProfileEditForm,
-  to as ViewPaymentFlow
+  u as ContractorListFlow,
+  S as CreateHistoricalPayment,
+  x as CreatePayment,
+  g as CreatePaymentFlow,
+  j as Dashboard,
+  q as DashboardFlow,
+  m as Dismissal,
+  z as DocumentsCard,
+  G as HistoricalPaymentFlow,
+  J as HistoricalPaymentSummary,
+  N as PaymentFlow,
+  s as PaymentHistory,
+  Q as PaymentMethod,
+  T as PaymentMethodCard,
+  W as PaymentMethodEditForm,
+  d as PaymentStatement,
+  Y as PaymentSummary,
+  f as PaymentsList,
+  _ as Profile,
+  oo as ProfileCard,
+  to as ProfileEditForm,
+  mo as ViewPaymentFlow
 };
 //# sourceMappingURL=contractorManagement.js.map

package/dist/components/Contractor/exports/contractorManagement.js.map

@@ -1 +1 @@
-{"version":3,"file":"contractorManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"contractorManagement.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js

@@ -11,10 +11,11 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../../../../../shared/constants.js";
 import "../../../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "../../../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { createCompoundContext as t } from "../../../../../Base/createCompoundContext.js";
-const [d, a] = t("DocumentListContext");
+const [a, f] = t("DocumentListContext");
 export {
-  a as DocumentListProvider,
-  d as useDocumentList
+  f as DocumentListProvider,
+  a as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}
+{"version":3,"file":"useDocumentList.js","sources":["../../../../../../../src/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.ts"],"sourcesContent":["import type { Form } from '@gusto/embedded-api/models/components/form'\nimport { createCompoundContext } from '@/components/Base'\n\ntype DocumentListContextType = {\n  employeeForms: Form[]\n  hasSignedAllForms: boolean\n  handleContinue: () => void\n  handleRequestFormToSign: (form: Form) => void\n  documentListError: Error | null\n  formToSign?: Form\n}\n\nconst [useDocumentList, DocumentListProvider] =\n  createCompoundContext<DocumentListContextType>('DocumentListContext')\nexport { useDocumentList, DocumentListProvider }\n"],"names":["useDocumentList","DocumentListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAYA,MAAM,CAACA,GAAiBC,CAAoB,IAC1CC,EAA+C,qBAAqB;"}

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlow.js

@@ -1,25 +1,36 @@
-import { jsx as r } from "react/jsx-runtime";
-import { createMachine as i } from "robot3";
-import { useMemo as p } from "react";
-import { employeeListStateMachine as n } from "./employeeListStateMachine.js";
-import { EmployeeListContextual as s } from "./EmployeeListFlowComponents.js";
-import { Flow as l } from "../../Flow/Flow.js";
-const L = ({ companyId: o, onEvent: t }) => {
-  const e = p(
-    () => i(
+import { jsx as p } from "react/jsx-runtime";
+import { createMachine as n } from "robot3";
+import { useMemo as s } from "react";
+import { employeeListStateMachine as l } from "./employeeListStateMachine.js";
+import { EmployeeListContextual as c } from "./EmployeeListFlowComponents.js";
+import { Flow as f } from "../../Flow/Flow.js";
+const w = ({
+  companyId: o,
+  onEvent: t,
+  isSelfOnboardingEnabled: e,
+  withEmployeeI9: m
+}) => {
+  const r = s(
+    () => n(
       "list",
-      n,
-      (m) => ({
-        ...m,
-        component: s,
-        companyId: o
+      l,
+      (i) => ({
+        ...i,
+        component: c,
+        companyId: o,
+        isSelfOnboardingEnabled: e,
+        withEmployeeI9: m
       })
     ),
+    // `isSelfOnboardingEnabled`/`withEmployeeI9` are intentionally omitted: they only
+    // seed the initial context once, and reacting to a later change would discard the
+    // machine's current navigation state (see Compensation.tsx for the same pattern).
+    // eslint-disable-next-line react-hooks/exhaustive-deps
     [o]
   );
-  return /* @__PURE__ */ r(l, { machine: e, onEvent: t });
+  return /* @__PURE__ */ p(f, { machine: r, onEvent: t });
 };
 export {
-  L as EmployeeListFlow
+  w as EmployeeListFlow
 };
 //# sourceMappingURL=EmployeeListFlow.js.map

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlow.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeListFlow.js","sources":["../../../../src/components/Employee/EmployeeListFlow/EmployeeListFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { employeeListStateMachine } from './employeeListStateMachine'\nimport {\n  EmployeeListContextual,\n  type EmployeeListFlowContextInterface,\n  type EmployeeListFlowProps,\n} from './EmployeeListFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Hub for viewing and managing all employees, including onboarding new ones.\n *\n * @remarks\n * Drop-in entry point for managing all employees in a company. Begins on the\n * management employee list and routes into {@link DashboardFlow},\n * {@link TerminationFlow}, or {@link EmployeeOnboarding.OnboardingExecutionFlow | OnboardingExecutionFlow} based on the\n * action the admin invokes on a row (or the \"Add employee\" CTA). A \"Back to\n * employees\" header is added to each sub-flow so the admin can return to the\n * list at any time.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @components\n * - {@link EmployeeList}\n * - {@link DashboardFlow}\n * - {@link TerminationFlow}\n * - {@link EmployeeOnboarding.OnboardingExecutionFlow | OnboardingExecutionFlow}\n *\n * @param props - See {@link EmployeeListFlowProps}.\n * @returns The employee list workflow with internal navigation to the dashboard, termination, and onboarding flows.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeManagement.EmployeeListFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const EmployeeListFlow = ({ companyId, onEvent }: EmployeeListFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        employeeListStateMachine,\n        (initialContext: EmployeeListFlowContextInterface) => ({\n          ...initialContext,\n          component: EmployeeListContextual,\n          companyId,\n        }),\n      ),\n    [companyId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["EmployeeListFlow","companyId","onEvent","machine","useMemo","createMachine","employeeListStateMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAkDO,MAAMA,IAAmB,CAAC,EAAE,WAAAC,GAAW,SAAAC,QAAqC;AACjF,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAP;AAAA,MAAA;AAAA,IACF;AAAA,IAEJ,CAACA,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAQ,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAD,EAAA,CAAkB;AACnD;"}
+{"version":3,"file":"EmployeeListFlow.js","sources":["../../../../src/components/Employee/EmployeeListFlow/EmployeeListFlow.tsx"],"sourcesContent":["import { createMachine } from 'robot3'\nimport { useMemo } from 'react'\nimport { employeeListStateMachine } from './employeeListStateMachine'\nimport {\n  EmployeeListContextual,\n  type EmployeeListFlowContextInterface,\n  type EmployeeListFlowProps,\n} from './EmployeeListFlowComponents'\nimport { Flow } from '@/components/Flow/Flow'\n\n/**\n * Hub for viewing and managing all employees, including onboarding new ones.\n *\n * @remarks\n * Drop-in entry point for managing all employees in a company. Begins on the\n * management employee list and routes into {@link DashboardFlow},\n * {@link TerminationFlow}, or {@link EmployeeOnboarding.OnboardingExecutionFlow | OnboardingExecutionFlow} based on the\n * action the admin invokes on a row (or the \"Add employee\" CTA). A \"Back to\n * employees\" header is added to each sub-flow so the admin can return to the\n * list at any time.\n *\n * The flow forwards every event emitted by its blocks to `onEvent`;\n * see the events table on each block for the full set of events and\n * payloads observable from this flow.\n *\n * @components\n * - {@link EmployeeList}\n * - {@link DashboardFlow}\n * - {@link TerminationFlow}\n * - {@link EmployeeOnboarding.OnboardingExecutionFlow | OnboardingExecutionFlow}\n *\n * @param props - See {@link EmployeeListFlowProps}.\n * @returns The employee list workflow with internal navigation to the dashboard, termination, and onboarding flows.\n * @public\n * @group Flow components\n *\n * @example\n * ```tsx title=\"App.tsx\"\n * import { EmployeeManagement } from '@gusto/embedded-react-sdk'\n *\n * function MyApp() {\n *   return (\n *     <EmployeeManagement.EmployeeListFlow\n *       companyId=\"a007e1ab-3595-43c2-ab4b-af7a5af2e365\"\n *       onEvent={() => {}}\n *     />\n *   )\n * }\n * ```\n */\nexport const EmployeeListFlow = ({\n  companyId,\n  onEvent,\n  isSelfOnboardingEnabled,\n  withEmployeeI9,\n}: EmployeeListFlowProps) => {\n  const machine = useMemo(\n    () =>\n      createMachine(\n        'list',\n        employeeListStateMachine,\n        (initialContext: EmployeeListFlowContextInterface) => ({\n          ...initialContext,\n          component: EmployeeListContextual,\n          companyId,\n          isSelfOnboardingEnabled,\n          withEmployeeI9,\n        }),\n      ),\n    // `isSelfOnboardingEnabled`/`withEmployeeI9` are intentionally omitted: they only\n    // seed the initial context once, and reacting to a later change would discard the\n    // machine's current navigation state (see Compensation.tsx for the same pattern).\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [companyId],\n  )\n  return <Flow machine={machine} onEvent={onEvent} />\n}\n"],"names":["EmployeeListFlow","companyId","onEvent","isSelfOnboardingEnabled","withEmployeeI9","machine","useMemo","createMachine","employeeListStateMachine","initialContext","EmployeeListContextual","jsx","Flow"],"mappings":";;;;;;AAkDO,MAAMA,IAAmB,CAAC;AAAA,EAC/B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,gBAAAC;AACF,MAA6B;AAC3B,QAAMC,IAAUC;AAAA,IACd,MACEC;AAAA,MACE;AAAA,MACAC;AAAA,MACA,CAACC,OAAsD;AAAA,QACrD,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,WAAAT;AAAA,QACA,yBAAAE;AAAA,QACA,gBAAAC;AAAA,MAAA;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA,IAMJ,CAACH,CAAS;AAAA,EAAA;AAEZ,SAAO,gBAAAU,EAACC,GAAA,EAAK,SAAAP,GAAkB,SAAAH,EAAA,CAAkB;AACnD;"}

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.js

@@ -1,22 +1,22 @@
 import { jsx as t } from "react/jsx-runtime";
-import { ManagementEmployeeList as i } from "../EmployeeList/management/ManagementEmployeeList.js";
-import { TerminationFlow as a } from "../Terminations/TerminationFlow/TerminationFlow.js";
-import { OnboardingExecutionFlow as p } from "../OnboardingExecutionFlow/OnboardingExecutionFlow.js";
+import { ManagementEmployeeList as a } from "../EmployeeList/management/ManagementEmployeeList.js";
+import { TerminationFlow as p } from "../Terminations/TerminationFlow/TerminationFlow.js";
+import { OnboardingExecutionFlow as l } from "../OnboardingExecutionFlow/OnboardingExecutionFlow.js";
 import { useFlow as r } from "../../Flow/useFlow.js";
 import { ensureRequired as e } from "../../../helpers/ensureRequired.js";
-import { DashboardFlow as l } from "../Dashboard/DashboardFlow.js";
-function x() {
+import { DashboardFlow as d } from "../Dashboard/DashboardFlow.js";
+function w() {
   const { companyId: o, onEvent: n } = r();
-  return /* @__PURE__ */ t(i, { companyId: e(o), onEvent: n });
+  return /* @__PURE__ */ t(a, { companyId: e(o), onEvent: n });
 }
-function E() {
+function x() {
   const { employeeId: o, onEvent: n } = r();
-  return /* @__PURE__ */ t(l, { employeeId: e(o), onEvent: n });
+  return /* @__PURE__ */ t(d, { employeeId: e(o), onEvent: n });
 }
-function w() {
+function F() {
   const { companyId: o, employeeId: n, onEvent: m } = r();
   return /* @__PURE__ */ t(
-    a,
+    p,
     {
       companyId: e(o),
       employeeId: e(n),
@@ -24,14 +24,22 @@ function w() {
     }
   );
 }
-function F() {
-  const { companyId: o, onEvent: n } = r();
-  return /* @__PURE__ */ t(p, { companyId: e(o), onEvent: n });
+function b() {
+  const { companyId: o, onEvent: n, isSelfOnboardingEnabled: m, withEmployeeI9: i } = r();
+  return /* @__PURE__ */ t(
+    l,
+    {
+      companyId: e(o),
+      onEvent: n,
+      isSelfOnboardingEnabled: m,
+      withEmployeeI9: i
+    }
+  );
 }
 export {
-  E as DashboardFlowContextual,
-  x as EmployeeListContextual,
-  F as OnboardingExecutionFlowContextual,
-  w as TerminationFlowContextual
+  x as DashboardFlowContextual,
+  w as EmployeeListContextual,
+  b as OnboardingExecutionFlowContextual,
+  F as TerminationFlowContextual
 };
 //# sourceMappingURL=EmployeeListFlowComponents.js.map

package/dist/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmployeeListFlowComponents.js","sources":["../../../../src/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.tsx"],"sourcesContent":["import { ManagementEmployeeList } from '../EmployeeList/management/ManagementEmployeeList'\nimport { DashboardFlow } from '../Dashboard'\nimport { TerminationFlow } from '../Terminations/TerminationFlow/TerminationFlow'\nimport { OnboardingExecutionFlow } from '../OnboardingExecutionFlow/OnboardingExecutionFlow'\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 EmployeeListFlow}.\n *\n * @public\n */\nexport interface EmployeeListFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n}\n\n/** @internal */\nexport interface EmployeeListFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n}\n\n/** @internal */\nexport function EmployeeListContextual() {\n  const { companyId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <ManagementEmployeeList companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function DashboardFlowContextual() {\n  const { employeeId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <DashboardFlow employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function TerminationFlowContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return (\n    <TerminationFlow\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function OnboardingExecutionFlowContextual() {\n  const { companyId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <OnboardingExecutionFlow companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n"],"names":["EmployeeListContextual","companyId","onEvent","useFlow","ManagementEmployeeList","ensureRequired","DashboardFlowContextual","employeeId","DashboardFlow","TerminationFlowContextual","jsx","TerminationFlow","OnboardingExecutionFlowContextual","OnboardingExecutionFlow"],"mappings":";;;;;;;AAyBO,SAASA,IAAyB;AACvC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAuB,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACzF;AAGO,SAASI,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAL,EAAA,IAAYC,EAAA;AAChC,2BAAQK,GAAA,EAAc,YAAYH,EAAeE,CAAU,GAAG,SAAAL,GAAkB;AAClF;AAGO,SAASO,IAA4B;AAC1C,QAAM,EAAE,WAAAR,GAAW,YAAAM,GAAY,SAAAL,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN,EAAeJ,CAAS;AAAA,MACnC,YAAYI,EAAeE,CAAU;AAAA,MACrC,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASU,IAAoC;AAClD,QAAM,EAAE,WAAAX,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQU,GAAA,EAAwB,WAAWR,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AAC1F;"}
+{"version":3,"file":"EmployeeListFlowComponents.js","sources":["../../../../src/components/Employee/EmployeeListFlow/EmployeeListFlowComponents.tsx"],"sourcesContent":["import { ManagementEmployeeList } from '../EmployeeList/management/ManagementEmployeeList'\nimport { DashboardFlow } from '../Dashboard'\nimport { TerminationFlow } from '../Terminations/TerminationFlow/TerminationFlow'\nimport { OnboardingExecutionFlow } from '../OnboardingExecutionFlow/OnboardingExecutionFlow'\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 EmployeeListFlow}.\n *\n * @public\n */\nexport interface EmployeeListFlowProps extends BaseComponentInterface<never> {\n  /** The associated company identifier. */\n  companyId: string\n  /** When true, presents the self-onboarding toggle in the onboarding flow. Defaults to `true`. */\n  isSelfOnboardingEnabled?: boolean\n  /** When true, enables the Employee Documents step in the onboarding flow, allowing the admin to configure I-9 document requirements. Defaults to `false`. */\n  withEmployeeI9?: boolean\n}\n\n/** @internal */\nexport interface EmployeeListFlowContextInterface extends FlowContextInterface {\n  companyId: string\n  employeeId?: string\n  isSelfOnboardingEnabled?: boolean\n  withEmployeeI9?: boolean\n}\n\n/** @internal */\nexport function EmployeeListContextual() {\n  const { companyId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <ManagementEmployeeList companyId={ensureRequired(companyId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function DashboardFlowContextual() {\n  const { employeeId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return <DashboardFlow employeeId={ensureRequired(employeeId)} onEvent={onEvent} />\n}\n\n/** @internal */\nexport function TerminationFlowContextual() {\n  const { companyId, employeeId, onEvent } = useFlow<EmployeeListFlowContextInterface>()\n  return (\n    <TerminationFlow\n      companyId={ensureRequired(companyId)}\n      employeeId={ensureRequired(employeeId)}\n      onEvent={onEvent}\n    />\n  )\n}\n\n/** @internal */\nexport function OnboardingExecutionFlowContextual() {\n  const { companyId, onEvent, isSelfOnboardingEnabled, withEmployeeI9 } =\n    useFlow<EmployeeListFlowContextInterface>()\n  return (\n    <OnboardingExecutionFlow\n      companyId={ensureRequired(companyId)}\n      onEvent={onEvent}\n      isSelfOnboardingEnabled={isSelfOnboardingEnabled}\n      withEmployeeI9={withEmployeeI9}\n    />\n  )\n}\n"],"names":["EmployeeListContextual","companyId","onEvent","useFlow","ManagementEmployeeList","ensureRequired","DashboardFlowContextual","employeeId","DashboardFlow","TerminationFlowContextual","jsx","TerminationFlow","OnboardingExecutionFlowContextual","isSelfOnboardingEnabled","withEmployeeI9","OnboardingExecutionFlow"],"mappings":";;;;;;;AA+BO,SAASA,IAAyB;AACvC,QAAM,EAAE,WAAAC,GAAW,SAAAC,EAAA,IAAYC,EAAA;AAC/B,2BAAQC,GAAA,EAAuB,WAAWC,EAAeJ,CAAS,GAAG,SAAAC,GAAkB;AACzF;AAGO,SAASI,IAA0B;AACxC,QAAM,EAAE,YAAAC,GAAY,SAAAL,EAAA,IAAYC,EAAA;AAChC,2BAAQK,GAAA,EAAc,YAAYH,EAAeE,CAAU,GAAG,SAAAL,GAAkB;AAClF;AAGO,SAASO,IAA4B;AAC1C,QAAM,EAAE,WAAAR,GAAW,YAAAM,GAAY,SAAAL,EAAA,IAAYC,EAAA;AAC3C,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWN,EAAeJ,CAAS;AAAA,MACnC,YAAYI,EAAeE,CAAU;AAAA,MACrC,SAAAL;AAAA,IAAA;AAAA,EAAA;AAGN;AAGO,SAASU,IAAoC;AAClD,QAAM,EAAE,WAAAX,GAAW,SAAAC,GAAS,yBAAAW,GAAyB,gBAAAC,EAAA,IACnDX,EAAA;AACF,SACE,gBAAAO;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,WAAWV,EAAeJ,CAAS;AAAA,MACnC,SAAAC;AAAA,MACA,yBAAAW;AAAA,MACA,gBAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js

@@ -1,14 +1,15 @@
 import { state as i, transition as e, reduce as r } from "robot3";
-import { ConfirmWireDetailsFormContextual as I, WireInstructionsContextual as a } from "./ConfirmWireDetailsComponents.js";
+import { ConfirmWireDetailsFormContextual as a, WireInstructionsContextual as I } from "./ConfirmWireDetailsComponents.js";
 import { payrollWireEvents as o } from "../../../shared/constants.js";
-const m = {
+const R = {
   banner: i(
     e(
       o.PAYROLL_WIRE_START_TRANSFER,
       "wireInstructions",
       r((n) => ({
         ...n,
-        component: a
+        component: I,
+        confirmationAlert: void 0
       }))
     )
   ),
@@ -29,7 +30,7 @@ const m = {
       r(
         (n, t) => ({
           ...n,
-          component: I,
+          component: a,
           selectedWireInId: t.payload.selectedWireInId
         })
       )
@@ -66,6 +67,6 @@ const m = {
   final: i()
 };
 export {
-  m as confirmWireDetailsMachine
+  R as confirmWireDetailsMachine
 };
 //# sourceMappingURL=confirmWireDetailsStateMachine.js.map

package/dist/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmationAlert } from './types'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * Payload shapes for each wire-confirmation state machine event.\n *\n * @internal\n */\nexport type EventPayloads = {\n  /** Wire-in request selected within the instructions screen. */\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {\n    selectedWireInId: string\n  }\n  /** Banner button pressed to begin the wire transfer flow. */\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  /** Instructions screen completed; advances to the confirmation form. */\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {\n    selectedWireInId: string\n  }\n  /** Confirmation form submitted; carries the alert to surface on the banner. */\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    confirmationAlert: ConfirmationAlert\n  }\n  /** Confirmation form cancelled. */\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\n/** @internal */\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce((ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n        ...ctx,\n        component: WireInstructionsContextual,\n      })),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT,\n      'wireInstructions',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce((ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n        ...ctx,\n      })),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n          confirmationAlert: ev.payload.confirmationAlert,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce((ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n        ...ctx,\n        component: null,\n      })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ev","ConfirmWireDetailsFormContextual"],"mappings":";;;AAmCO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC,EAAO,CAACC,OAAiF;AAAA,QACvF,GAAGA;AAAA,QACH,WAAWC;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,kBAAkBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAWG;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC,EAAO,CAACC,OAAiF;AAAA,QACvF,GAAGA;AAAA,MAAA,EACH;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAW;AAAA,UACX,mBAAmBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC,EAAO,CAACC,OAAiF;AAAA,QACvF,GAAGA;AAAA,QACH,WAAW;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,OAAOJ,EAAA;AACT;"}
+{"version":3,"file":"confirmWireDetailsStateMachine.js","sources":["../../../../src/components/Payroll/ConfirmWireDetails/confirmWireDetailsStateMachine.tsx"],"sourcesContent":["import { state, transition, reduce } from 'robot3'\nimport type { ConfirmationAlert } from './types'\nimport type { ConfirmWireDetailsContextInterface } from './ConfirmWireDetailsComponents'\nimport {\n  WireInstructionsContextual,\n  ConfirmWireDetailsFormContextual,\n} from './ConfirmWireDetailsComponents'\nimport { payrollWireEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\n/**\n * Payload shapes for each wire-confirmation state machine event.\n *\n * @internal\n */\nexport type EventPayloads = {\n  /** Wire-in request selected within the instructions screen. */\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT]: {\n    selectedWireInId: string\n  }\n  /** Banner button pressed to begin the wire transfer flow. */\n  [payrollWireEvents.PAYROLL_WIRE_START_TRANSFER]: undefined\n  /** Instructions screen completed; advances to the confirmation form. */\n  [payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE]: {\n    selectedWireInId: string\n  }\n  /** Confirmation form submitted; carries the alert to surface on the banner. */\n  [payrollWireEvents.PAYROLL_WIRE_FORM_DONE]: {\n    confirmationAlert: ConfirmationAlert\n  }\n  /** Confirmation form cancelled. */\n  [payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL]: undefined\n}\n\n/** @internal */\nexport const confirmWireDetailsMachine = {\n  banner: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_START_TRANSFER,\n      'wireInstructions',\n      reduce((ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n        ...ctx,\n        component: WireInstructionsContextual,\n        confirmationAlert: undefined,\n      })),\n    ),\n  ),\n  wireInstructions: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT,\n      'wireInstructions',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_SELECT\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE,\n      'confirmForm',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<\n            EventPayloads,\n            typeof payrollWireEvents.PAYROLL_WIRE_INSTRUCTIONS_DONE\n          >,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: ConfirmWireDetailsFormContextual,\n          selectedWireInId: ev.payload.selectedWireInId,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce((ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n        ...ctx,\n      })),\n    ),\n  ),\n  confirmForm: state<MachineTransition>(\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_DONE,\n      'banner',\n      reduce(\n        (\n          ctx: ConfirmWireDetailsContextInterface,\n          ev: MachineEventType<EventPayloads, typeof payrollWireEvents.PAYROLL_WIRE_FORM_DONE>,\n        ): ConfirmWireDetailsContextInterface => ({\n          ...ctx,\n          component: null,\n          confirmationAlert: ev.payload.confirmationAlert,\n        }),\n      ),\n    ),\n    transition(\n      payrollWireEvents.PAYROLL_WIRE_FORM_CANCEL,\n      'banner',\n      reduce((ctx: ConfirmWireDetailsContextInterface): ConfirmWireDetailsContextInterface => ({\n        ...ctx,\n        component: null,\n      })),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["confirmWireDetailsMachine","state","transition","payrollWireEvents","reduce","ctx","WireInstructionsContextual","ev","ConfirmWireDetailsFormContextual"],"mappings":";;;AAmCO,MAAMA,IAA4B;AAAA,EACvC,QAAQC;AAAA,IACNC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC,EAAO,CAACC,OAAiF;AAAA,QACvF,GAAGA;AAAA,QACH,WAAWC;AAAA,QACX,mBAAmB;AAAA,MAAA,EACnB;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,kBAAkBL;AAAA,IAChBC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,kBAAkBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OAIwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAWG;AAAA,UACX,kBAAkBD,EAAG,QAAQ;AAAA,QAAA;AAAA,MAC/B;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC,EAAO,CAACC,OAAiF;AAAA,QACvF,GAAGA;AAAA,MAAA,EACH;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,aAAaJ;AAAA,IACXC;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC;AAAA,QACE,CACEC,GACAE,OACwC;AAAA,UACxC,GAAGF;AAAA,UACH,WAAW;AAAA,UACX,mBAAmBE,EAAG,QAAQ;AAAA,QAAA;AAAA,MAChC;AAAA,IACF;AAAA,IAEFL;AAAA,MACEC,EAAkB;AAAA,MAClB;AAAA,MACAC,EAAO,CAACC,OAAiF;AAAA,QACvF,GAAGA;AAAA,QACH,WAAW;AAAA,MAAA,EACX;AAAA,IAAA;AAAA,EACJ;AAAA,EAEF,OAAOJ,EAAA;AACT;"}