@gusto/embedded-react-sdk 0.55.7 → 0.56.0

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

@@ -1 +1 @@
-{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","jsxs","Flex","jsx","Suspense","DashboardHeader","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}
+{"version":3,"file":"Dashboard.js","sources":["../../../../src/components/Contractor/Dashboard/Dashboard.tsx"],"sourcesContent":["import { Suspense, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsGetSuspense } from '@gusto/embedded-api/react-query/contractorsGet'\nimport { DetailsView } from './DetailsView'\nimport { PayView } from './PayView'\nimport { DocumentsCard } from '@/components/Contractor/Documents/management/DocumentsCard'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { BaseBoundaries, type BaseComponentInterface } from '@/components/Base/Base'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport { firstLastName } from '@/helpers/formattedStrings'\n\n/** @public */\nexport type DashboardTab = 'details' | 'pay' | 'documents'\n\n/** @public */\nexport interface DashboardProps extends BaseComponentInterface<'Contractor.Dashboard'> {\n  /** The associated contractor identifier. */\n  contractorId: string\n  /** The currently active tab. Defaults to `'details'` when uncontrolled. */\n  selectedTab?: DashboardTab\n}\n\nfunction DashboardRoot({\n  contractorId,\n  dictionary,\n  onEvent,\n  selectedTab: controlledTab,\n  LoaderComponent,\n  className,\n}: DashboardProps) {\n  useI18n('Contractor.Dashboard')\n  useComponentDictionary('Contractor.Dashboard', dictionary)\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const [internalTab, setInternalTab] = useState<DashboardTab>('details')\n  const selectedTab = controlledTab ?? internalTab\n\n  const tabs = [\n    { id: 'details' as const, label: t('tabs.details'), content: null },\n    { id: 'pay' as const, label: t('tabs.pay'), content: null },\n    { id: 'documents' as const, label: t('tabs.documents'), content: null },\n  ]\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <Suspense fallback={null}>\n        <DashboardHeader contractorId={contractorId} />\n      </Suspense>\n\n      <Flex flexDirection=\"column\" gap={8}>\n        <Components.Tabs\n          tabs={tabs}\n          selectedId={selectedTab}\n          onSelectionChange={id => {\n            const next = id as DashboardTab\n            setInternalTab(next)\n            onEvent(componentEvents.CONTRACTOR_DASHBOARD_TAB_CHANGE, { tab: next })\n          }}\n          aria-label={t('tabsLabel')}\n        />\n\n        <Flex flexDirection=\"column\" gap={24}>\n          {selectedTab === 'details' && (\n            <DetailsView contractorId={contractorId} onEvent={onEvent} />\n          )}\n\n          {selectedTab === 'pay' && <PayView contractorId={contractorId} onEvent={onEvent} />}\n\n          {selectedTab === 'documents' && (\n            <DocumentsCard\n              contractorId={contractorId}\n              onEvent={onEvent}\n              LoaderComponent={LoaderComponent}\n            />\n          )}\n        </Flex>\n      </Flex>\n    </Flex>\n  )\n}\n\nfunction DashboardHeader({ contractorId }: { contractorId: string }) {\n  const { t } = useTranslation('Contractor.Dashboard')\n  const Components = useComponentContext()\n  const {\n    data: { contractor },\n  } = useContractorsGetSuspense({ contractorUuid: contractorId })\n\n  const isBusiness = contractor?.type === CONTRACTOR_TYPE.BUSINESS\n  const legalName = contractor\n    ? isBusiness\n      ? contractor.businessName\n      : firstLastName({\n          first_name: contractor.firstName,\n          middle_initial: contractor.middleInitial,\n          last_name: contractor.lastName,\n        })\n    : undefined\n\n  return (\n    <Flex flexDirection=\"column\" gap={4}>\n      <Components.Heading as=\"h2\">{legalName}</Components.Heading>\n      <Components.Text variant=\"supporting\">{t('contractorRoleLabel')}</Components.Text>\n    </Flex>\n  )\n}\n\n/**\n * Contractor management dashboard summarizing a single contractor's basic details, pay, and documents.\n *\n * @remarks\n * Renders a tabbed overview of the contractor, wrapped in the SDK's standard error and suspense\n * boundaries. The active tab may be controlled via `selectedTab` or left uncontrolled, in which\n * case it defaults to details. Each tab composes the read-only section cards listed below.\n *\n * @components\n * - {@link ProfileCard}\n * - {@link AddressCard}\n * - {@link PaymentMethodCard}\n * - {@link CompensationCard}\n * - {@link DocumentsCard}\n *\n * @param props - Component props. See {@link DashboardProps}.\n * @returns A React element rendering the contractor dashboard.\n * @public\n */\nexport function Dashboard({ FallbackComponent, LoaderComponent, ...props }: DashboardProps) {\n  return (\n    <BaseBoundaries\n      componentName=\"Contractor.Dashboard\"\n      FallbackComponent={FallbackComponent}\n      LoaderComponent={LoaderComponent}\n    >\n      <DashboardRoot LoaderComponent={LoaderComponent} {...props} />\n    </BaseBoundaries>\n  )\n}\n"],"names":["DashboardRoot","contractorId","dictionary","onEvent","controlledTab","LoaderComponent","className","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","internalTab","setInternalTab","useState","selectedTab","tabs","Flex","jsx","Suspense","DashboardHeader","jsxs","id","next","componentEvents","DetailsView","PayView","DocumentsCard","contractor","useContractorsGetSuspense","isBusiness","CONTRACTOR_TYPE","legalName","firstLastName","Dashboard","FallbackComponent","props","BaseBoundaries"],"mappings":"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"}

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

@@ -1,206 +1,208 @@
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useContractorsListSuspense as W } from "@gusto/embedded-api/react-query/contractorsList";
-import { useContractorPaymentGroupsPreviewMutation as K } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
-import { useContractorPaymentGroupsCreateMutation as V } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
-import { RFCDate as x } from "@gusto/embedded-api/types/rfcdate";
-import { useMemo as z, useState as d } from "react";
-import { useTranslation as _ } from "react-i18next";
-import { usePaymentAmountsEditor as J } from "../shared/usePaymentAmountsEditor.js";
-import { getHistoricalPaymentCheckDateBounds as Q } from "../shared/historicalPaymentDateBounds.js";
-import { useCreateHistoricalPaymentDictionary as X, useCreateHistoricalPaymentReviewDictionary as Z } from "./useFormDictionary.js";
-import { formatDateToStringDate as $ } from "../../../../helpers/dateFormatting.js";
-import { Flex as s, FlexItem as tt } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as et } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { BaseComponent as nt } from "../../../Base/Base.js";
-import { useBase as rt } from "../../../Base/useBase.js";
-import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as ot, useComponentDictionary as at } from "../../../../i18n/I18n.js";
-import { useDateFormatter as it } from "../../../../hooks/useDateFormatter.js";
-import { componentEvents as D } from "../../../../shared/constants.js";
-import { SelectContractors as ct } from "../../shared/SelectContractors/SelectContractors.js";
-import st from "../../../../assets/icons/caret-left.svg.js";
-import { useUnstableFeature as lt } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
-import { PaymentSummaryBlock as ut } from "../shared/PaymentSummaryBlock/PaymentSummaryBlock.js";
-import { SetPaymentAmounts as mt } from "../shared/SetPaymentAmounts/SetPaymentAmounts.js";
-const L = ["Historical Payment"];
-function Nt(r) {
-  return /* @__PURE__ */ t(nt, { ...r, componentName: "Contractor.Payments.CreateHistoricalPayment", children: /* @__PURE__ */ t(dt, { ...r }) });
+import { useContractorsListSuspense as K } from "@gusto/embedded-api/react-query/contractorsList";
+import { useContractorPaymentGroupsPreviewMutation as V } from "@gusto/embedded-api/react-query/contractorPaymentGroupsPreview";
+import { useContractorPaymentGroupsCreateMutation as z } from "@gusto/embedded-api/react-query/contractorPaymentGroupsCreate";
+import { RFCDate as L } from "@gusto/embedded-api/types/rfcdate";
+import { useMemo as J, useState as d } from "react";
+import { useTranslation as O } from "react-i18next";
+import { usePaymentAmountsEditor as Q } from "../shared/usePaymentAmountsEditor.js";
+import { getHistoricalPaymentCheckDateBounds as X } from "../shared/historicalPaymentDateBounds.js";
+import { useCreateHistoricalPaymentDictionary as Z, useCreateHistoricalPaymentReviewDictionary as $ } from "./useFormDictionary.js";
+import { formatDateToStringDate as tt } from "../../../../helpers/dateFormatting.js";
+import { Flex as s, FlexItem as et } from "../../../Common/Flex/Flex.js";
+import { ActionsLayout as nt } from "../../../Common/ActionsLayout/ActionsLayout.js";
+import { BaseComponent as rt } from "../../../Base/Base.js";
+import { useBase as ot } from "../../../Base/useBase.js";
+import { useComponentContext as B } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as at, useComponentDictionary as it } from "../../../../i18n/I18n.js";
+import { useDateFormatter as ct } from "../../../../hooks/useDateFormatter.js";
+import { componentEvents as T } from "../../../../shared/constants.js";
+import { SelectContractors as st } from "../../shared/SelectContractors/SelectContractors.js";
+import lt from "../../../../assets/icons/caret-left.svg.js";
+import { useUnstableFeature as ut } from "../../../../contexts/UnstableFeaturesProvider/useUnstableFeature.js";
+import { PaymentSummaryBlock as mt } from "../shared/PaymentSummaryBlock/PaymentSummaryBlock.js";
+import { SetPaymentAmounts as dt } from "../shared/SetPaymentAmounts/SetPaymentAmounts.js";
+const M = ["Historical Payment"];
+function Yt(r) {
+  return /* @__PURE__ */ t(rt, { ...r, componentName: "Contractor.Payments.CreateHistoricalPayment", children: /* @__PURE__ */ t(Ct, { ...r }) });
 }
-function dt({ companyId: r, dictionary: C, onEvent: u }) {
-  lt("historicalPayments", { throwIfDisabled: !0 }), ot("Contractor.Payments.CreateHistoricalPayment"), at("Contractor.Payments.CreateHistoricalPayment", C);
-  const { t: e } = _("Contractor.Payments.CreateHistoricalPayment"), { Heading: S, Text: E, Button: o, DatePicker: T } = O(), { minDate: l, maxDate: y } = z(() => Q(), []), [a, g] = d(null), [p, H] = d([]), [h, v] = d(null), [P, f] = d(void 0);
+function Ct({ companyId: r, dictionary: l, onEvent: C, className: y }) {
+  ut("historicalPayments", { throwIfDisabled: !0 }), at("Contractor.Payments.CreateHistoricalPayment"), it("Contractor.Payments.CreateHistoricalPayment", l);
+  const { t: e } = O("Contractor.Payments.CreateHistoricalPayment"), { Heading: E, Text: H, Button: o, DatePicker: g } = B(), { minDate: u, maxDate: p } = J(() => X(), []), [a, v] = d(null), [h, _] = d([]), [P, A] = d(null), [f, D] = d(void 0);
   let i = null;
-  a !== null && a > y ? i = e("select.dateInFutureError") : a !== null && a < l && (i = e("select.dateTooEarlyError", {
+  a !== null && a > p ? i = e("select.dateInFutureError") : a !== null && a < u && (i = e("select.dateTooEarlyError", {
     year: a.getFullYear(),
-    allowedYear: l.getFullYear()
+    allowedYear: u.getFullYear()
   }));
-  const A = p.length > 0 && a !== null && i === null, w = () => {
-    if (!A) return;
-    const m = $(a);
-    m && v({ contractorIds: p, checkDate: m });
+  const w = h.length > 0 && a !== null && i === null, k = () => {
+    if (!w) return;
+    const m = tt(a);
+    m && A({ contractorIds: h, checkDate: m });
   };
-  return h ? /* @__PURE__ */ t(
-    Ct,
+  return P ? /* @__PURE__ */ t(
+    yt,
     {
+      className: y,
       companyId: r,
-      contractorIds: h.contractorIds,
-      checkDate: h.checkDate,
-      onEvent: u,
-      preservedContractorPayments: P,
+      contractorIds: P.contractorIds,
+      checkDate: P.checkDate,
+      onEvent: C,
+      preservedContractorPayments: f,
       onBack: (m) => {
-        f(m), v(null);
+        D(m), A(null);
       }
     }
-  ) : /* @__PURE__ */ c(s, { flexDirection: "column", gap: 32, children: [
+  ) : /* @__PURE__ */ c(s, { className: y, flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ c(s, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ t(S, { as: "h2", children: e("select.heading") }),
-      /* @__PURE__ */ t(E, { variant: "supporting", children: e("select.subtitle") })
+      /* @__PURE__ */ t(E, { as: "h2", children: e("select.heading") }),
+      /* @__PURE__ */ t(H, { variant: "supporting", children: e("select.subtitle") })
     ] }),
     /* @__PURE__ */ t(
-      T,
+      g,
       {
         label: e("select.dateLabel"),
         isRequired: !0,
         value: a,
-        onChange: g,
-        minDate: l,
-        maxDate: y,
+        onChange: v,
+        minDate: u,
+        maxDate: p,
         isInvalid: i !== null,
         errorMessage: i ?? void 0
       }
     ),
     /* @__PURE__ */ t(
-      ct,
+      st,
       {
         companyId: r,
-        onSelectionChange: H,
-        initialSelectedIds: p
+        onSelectionChange: _,
+        initialSelectedIds: h
       }
     ),
-    /* @__PURE__ */ t(et, { children: /* @__PURE__ */ t(o, { onClick: w, variant: "primary", isDisabled: !A, children: e("select.continueButton") }) })
+    /* @__PURE__ */ t(nt, { children: /* @__PURE__ */ t(o, { onClick: k, variant: "primary", isDisabled: !w, children: e("select.continueButton") }) })
   ] });
 }
-function Ct({
-  companyId: r,
+function yt({
+  className: r,
+  companyId: l,
   contractorIds: C,
-  checkDate: u,
+  checkDate: y,
   onEvent: e,
-  preservedContractorPayments: S,
-  onBack: E
+  preservedContractorPayments: E,
+  onBack: H
 }) {
-  const { t: o } = _("Contractor.Payments.CreateHistoricalPayment"), { Heading: T, Text: l, Button: y, Alert: a } = O(), { baseSubmitHandler: g } = rt(), { formatLongWithYear: p } = it(), H = X(), h = Z(), { data: v } = W({ companyUuid: r }), P = (v.contractors ?? []).filter(
+  const { t: o } = O("Contractor.Payments.CreateHistoricalPayment"), { Heading: g, Text: u, Button: p, Alert: a } = B(), { baseSubmitHandler: v } = ot(), { formatLongWithYear: h } = ct(), _ = Z(), P = $(), { data: A } = K({ companyUuid: l }), f = (A.contractors ?? []).filter(
     (n) => C.includes(n.uuid)
-  ), { virtualContractorPayments: f, totals: i, editModal: A } = J({
-    contractors: P,
-    allowedPaymentMethods: L,
-    preservedContractorPayments: S,
+  ), { virtualContractorPayments: D, totals: i, editModal: w } = Q({
+    contractors: f,
+    allowedPaymentMethods: M,
+    preservedContractorPayments: E,
     onEditOpen: () => {
-      e(D.CONTRACTOR_HISTORICAL_PAYMENT_EDIT);
+      e(T.CONTRACTOR_HISTORICAL_PAYMENT_EDIT);
     },
     onEditSave: (n) => {
-      e(D.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, n);
+      e(T.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, n);
     }
-  }), w = i.total > 0, { mutateAsync: m, isPending: N } = K(), { mutateAsync: Y, isPending: G } = V(), [k, B] = d(null), [I, F] = d(!1), b = () => f.filter((n) => n.isTouched).map(({ isTouched: n, ...R }) => R), q = async () => {
-    w && await g(null, async () => {
+  }), k = i.total > 0, { mutateAsync: m, isPending: Y } = V(), { mutateAsync: G, isPending: F } = z(), [I, b] = d(null), [R, q] = d(!1), x = () => D.filter((n) => n.isTouched).map(({ isTouched: n, ...S }) => S), j = async () => {
+    k && await v(null, async () => {
       const n = await m({
         request: {
-          companyId: r,
+          companyId: l,
           requestBody: {
-            checkDate: new x(u),
-            contractorPayments: b()
+            checkDate: new L(y),
+            contractorPayments: x()
           }
         }
       });
-      B(n.contractorPaymentGroupPreview || null), e(
-        D.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,
+      b(n.contractorPaymentGroupPreview || null), e(
+        T.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,
         n.contractorPaymentGroupPreview
       );
     });
-  }, j = () => {
-    B(null), e(D.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT);
-  }, U = async () => {
-    const n = k?.creationToken;
-    !n || I || await g(null, async () => {
-      const R = await Y({
+  }, U = () => {
+    b(null), e(T.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT);
+  }, W = async () => {
+    const n = I?.creationToken;
+    !n || R || await v(null, async () => {
+      const S = await G({
         request: {
-          companyId: r,
+          companyId: l,
           requestBody: {
-            checkDate: new x(u),
+            checkDate: new L(y),
             creationToken: n,
-            contractorPayments: b()
+            contractorPayments: x()
           }
         }
       });
-      R.contractorPaymentGroup && (F(!0), e(
-        D.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,
-        R.contractorPaymentGroup
+      S.contractorPaymentGroup && (q(!0), e(
+        T.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,
+        S.contractorPaymentGroup
       ));
     });
   };
-  return k ? /* @__PURE__ */ c(s, { flexDirection: "column", gap: 32, children: [
-    !I && /* @__PURE__ */ t(M, { onClick: j }),
+  return I ? /* @__PURE__ */ c(s, { className: r, flexDirection: "column", gap: 32, children: [
+    !R && /* @__PURE__ */ t(N, { onClick: U }),
     /* @__PURE__ */ c(s, { justifyContent: "space-between", alignItems: "flex-start", gap: 16, children: [
       /* @__PURE__ */ c(s, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ t(T, { as: "h2", children: o("review.title") }),
-        /* @__PURE__ */ t(l, { variant: "supporting", children: o("review.subtitle", {
-          checkDate: p(k.checkDate ?? "")
+        /* @__PURE__ */ t(g, { as: "h2", children: o("review.title") }),
+        /* @__PURE__ */ t(u, { variant: "supporting", children: o("review.subtitle", {
+          checkDate: h(I.checkDate ?? "")
         }) })
       ] }),
-      !I && /* @__PURE__ */ t(y, { onClick: U, variant: "primary", isLoading: G, children: o("review.submitButton") })
+      !R && /* @__PURE__ */ t(p, { onClick: W, variant: "primary", isLoading: F, children: o("review.submitButton") })
     ] }),
-    I && /* @__PURE__ */ t(a, { status: "success", label: o("review.successTitle"), children: /* @__PURE__ */ t(l, { children: o("review.successMessage") }) }),
+    R && /* @__PURE__ */ t(a, { status: "success", label: o("review.successTitle"), children: /* @__PURE__ */ t(u, { children: o("review.successMessage") }) }),
     /* @__PURE__ */ t(
-      ut,
+      mt,
       {
-        contractorPaymentGroup: k,
-        contractors: P,
+        contractorPaymentGroup: I,
+        contractors: f,
         showDebitColumns: !1,
-        dictionary: h
+        dictionary: P
       }
     )
-  ] }) : /* @__PURE__ */ c(s, { flexDirection: "column", gap: 32, children: [
+  ] }) : /* @__PURE__ */ c(s, { className: r, flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ t(
-      M,
+      N,
       {
         onClick: () => {
-          E(f);
+          H(D);
         }
       }
     ),
     /* @__PURE__ */ c(s, { justifyContent: "flex-end", gap: 16, children: [
       /* @__PURE__ */ c(s, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ t(T, { as: "h2", children: o("amounts.heading") }),
-        /* @__PURE__ */ t(l, { variant: "supporting", children: o("amounts.subtitle") })
+        /* @__PURE__ */ t(g, { as: "h2", children: o("amounts.heading") }),
+        /* @__PURE__ */ t(u, { variant: "supporting", children: o("amounts.subtitle") })
       ] }),
-      /* @__PURE__ */ t(tt, { children: /* @__PURE__ */ t(
-        y,
+      /* @__PURE__ */ t(et, { children: /* @__PURE__ */ t(
+        p,
         {
-          onClick: q,
+          onClick: j,
           variant: "primary",
-          isDisabled: !w,
-          isLoading: N,
+          isDisabled: !k,
+          isLoading: Y,
           children: o("amounts.continueButton")
         }
       ) })
     ] }),
     /* @__PURE__ */ t(
-      mt,
+      dt,
       {
-        contractors: P,
-        contractorPayments: f,
+        contractors: f,
+        contractorPayments: D,
         totals: i,
-        allowedPaymentMethods: L,
-        editModal: A,
-        dictionary: H
+        allowedPaymentMethods: M,
+        editModal: w,
+        dictionary: _
       }
     )
   ] });
 }
-function M({ onClick: r }) {
-  const { t: C } = _("Contractor.Payments.CreateHistoricalPayment"), { Button: u } = O();
-  return /* @__PURE__ */ t(u, { variant: "secondary", icon: /* @__PURE__ */ t(st, { "aria-hidden": "true" }), onClick: r, children: C("backButton") });
+function N({ onClick: r }) {
+  const { t: l } = O("Contractor.Payments.CreateHistoricalPayment"), { Button: C } = B();
+  return /* @__PURE__ */ t(C, { variant: "secondary", icon: /* @__PURE__ */ t(lt, { "aria-hidden": "true" }), onClick: r, children: l("backButton") });
 }
 export {
-  Nt as CreateHistoricalPayment
+  Yt as CreateHistoricalPayment
 };
 //# sourceMappingURL=CreateHistoricalPayment.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  usePaymentAmountsEditor,\n  type VirtualContractorPayment,\n} from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n  useCreateHistoricalPaymentDictionary,\n  useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/**\n * Props for {@link CreateHistoricalPayment}.\n *\n * @alpha\n */\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n}\n\n/**\n * Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n *\n * @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Back and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n * The amounts step also has its own Back button, returning to contractor selection without losing\n * the selected paid date, contractors, or any amounts already entered.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created. | The created contractor payment group response. |\n *\n * @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface ContractorSelection {\n  contractorIds: string[]\n  checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent }: CreateHistoricalPaymentProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.CreateHistoricalPayment')\n  useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n  const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n  const [checkDate, setCheckDate] = useState<Date | null>(null)\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  const [selection, setSelection] = useState<ContractorSelection | null>(null)\n  const [savedContractorPayments, setSavedContractorPayments] = useState<\n    VirtualContractorPayment[] | undefined\n  >(undefined)\n\n  let dateError: string | null = null\n  if (checkDate !== null && checkDate > maxDate) {\n    dateError = t('select.dateInFutureError')\n  } else if (checkDate !== null && checkDate < minDate) {\n    dateError = t('select.dateTooEarlyError', {\n      year: checkDate.getFullYear(),\n      allowedYear: minDate.getFullYear(),\n    })\n  }\n\n  const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n  const handleContinue = () => {\n    if (!canContinue) return\n    const checkDateString = formatDateToStringDate(checkDate)\n    if (!checkDateString) return\n    setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n  }\n\n  if (!selection) {\n    return (\n      <Flex flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('select.heading')}</Heading>\n          <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n        </Flex>\n\n        <DatePicker\n          label={t('select.dateLabel')}\n          isRequired\n          value={checkDate}\n          onChange={setCheckDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          isInvalid={dateError !== null}\n          errorMessage={dateError ?? undefined}\n        />\n\n        <SelectContractors\n          companyId={companyId}\n          onSelectionChange={setSelectedIds}\n          initialSelectedIds={selectedIds}\n        />\n\n        <ActionsLayout>\n          <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n            {t('select.continueButton')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    )\n  }\n\n  return (\n    <AmountsAndReview\n      companyId={companyId}\n      contractorIds={selection.contractorIds}\n      checkDate={selection.checkDate}\n      onEvent={onEvent}\n      preservedContractorPayments={savedContractorPayments}\n      onBack={payments => {\n        setSavedContractorPayments(payments)\n        setSelection(null)\n      }}\n    />\n  )\n}\n\ninterface AmountsAndReviewProps {\n  companyId: string\n  contractorIds: string[]\n  checkDate: string\n  onEvent: CreateHistoricalPaymentProps['onEvent']\n  preservedContractorPayments?: VirtualContractorPayment[]\n  onBack: (payments: VirtualContractorPayment[]) => void\n}\n\nfunction AmountsAndReview({\n  companyId,\n  contractorIds,\n  checkDate,\n  onEvent,\n  preservedContractorPayments,\n  onBack,\n}: AmountsAndReviewProps) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const { formatLongWithYear } = useDateFormatter()\n  const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n  const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors ?? []).filter(contractor =>\n    contractorIds.includes(contractor.uuid),\n  )\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    preservedContractorPayments,\n    onEditOpen: () => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const canContinue = totals.total > 0\n\n  const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n    useContractorPaymentGroupsPreviewMutation()\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n    useContractorPaymentGroupsCreateMutation()\n\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [isCreated, setIsCreated] = useState(false)\n\n  const touchedContractorPayments = () =>\n    virtualContractorPayments\n      .filter(payment => payment.isTouched)\n      .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n  const handleContinue = async () => {\n    if (!canContinue) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await previewContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n        response.contractorPaymentGroupPreview,\n      )\n    })\n  }\n\n  const handleBackToEdit = () => {\n    setPreviewData(null)\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n  }\n\n  const handleSubmit = async () => {\n    const creationToken = previewData?.creationToken\n    if (!creationToken || isCreated) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            creationToken,\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n\n      if (!response.contractorPaymentGroup) return\n\n      setIsCreated(true)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n        response.contractorPaymentGroup,\n      )\n    })\n  }\n\n  if (previewData) {\n    return (\n      <Flex flexDirection=\"column\" gap={32}>\n        {!isCreated && <BackButton onClick={handleBackToEdit} />}\n\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('review.title')}</Heading>\n            <Text variant=\"supporting\">\n              {t('review.subtitle', {\n                checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n              })}\n            </Text>\n          </Flex>\n          {!isCreated && (\n            <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n              {t('review.submitButton')}\n            </Button>\n          )}\n        </Flex>\n\n        {isCreated && (\n          <Alert status=\"success\" label={t('review.successTitle')}>\n            <Text>{t('review.successMessage')}</Text>\n          </Alert>\n        )}\n\n        <PaymentSummaryBlock\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          showDebitColumns={false}\n          dictionary={reviewDictionary}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <BackButton\n        onClick={() => {\n          onBack(virtualContractorPayments)\n        }}\n      />\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n          <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button\n            onClick={handleContinue}\n            variant=\"primary\"\n            isDisabled={!canContinue}\n            isLoading={isPreviewing}\n          >\n            {t('amounts.continueButton')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={virtualContractorPayments}\n        totals={totals}\n        allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n\nfunction BackButton({ onClick }: { onClick: () => void }) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Button } = useComponentContext()\n\n  return (\n    <Button variant=\"secondary\" icon={<CaretLeftIcon aria-hidden=\"true\" />} onClick={onClick}>\n      {t('backButton')}\n    </Button>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","savedContractorPayments","setSavedContractorPayments","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","payments","jsxs","Flex","SelectContractors","ActionsLayout","contractorIds","preservedContractorPayments","onBack","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","BackButton","PaymentSummaryBlock","FlexItem","SetPaymentAmounts","onClick","CaretLeftIcon"],"mappings":"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"}
+{"version":3,"file":"CreateHistoricalPayment.js","sources":["../../../../../src/components/Contractor/Payments/CreateHistoricalPayment/CreateHistoricalPayment.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useContractorPaymentGroupsPreviewMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsPreview'\nimport { useContractorPaymentGroupsCreateMutation } from '@gusto/embedded-api/react-query/contractorPaymentGroupsCreate'\nimport type { ContractorPaymentGroupPreview } from '@gusto/embedded-api/models/components/contractorpaymentgrouppreview'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { RFCDate } from '@gusto/embedded-api/types/rfcdate'\nimport { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport {\n  usePaymentAmountsEditor,\n  type VirtualContractorPayment,\n} from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { PaymentSummaryBlock } from '../shared/PaymentSummaryBlock'\nimport { getHistoricalPaymentCheckDateBounds } from '../shared/historicalPaymentDateBounds'\nimport {\n  useCreateHistoricalPaymentDictionary,\n  useCreateHistoricalPaymentReviewDictionary,\n} from './useFormDictionary'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { useDateFormatter } from '@/hooks/useDateFormatter'\nimport { componentEvents } from '@/shared/constants'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\nimport CaretLeftIcon from '@/assets/icons/caret-left.svg?react'\nimport { useUnstableFeature } from '@/contexts/UnstableFeaturesProvider/useUnstableFeature'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/**\n * Props for {@link CreateHistoricalPayment}.\n *\n * @alpha\n */\nexport interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Contractor.Payments.CreateHistoricalPayment'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n}\n\n/**\n * Records a historical contractor payment — one that already happened outside Gusto and does not\n * move money — by picking a paid date and the contractors being paid, entering hours, wages,\n * bonuses, and reimbursements for them, then reviewing and submitting.\n *\n * @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method, so there is no\n * payment method choice or debit information to review.\n * Continue on the contractor-selection step is disabled until the paid date is valid and at least\n * one contractor is selected. Continue on the amounts step is disabled until at least one selected\n * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place\n * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing\n * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the\n * Back and Submit buttons are replaced with a success message, since the creation token has been\n * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).\n * The amounts step also has its own Back button, returning to contractor selection without losing\n * the selected paid date, contractors, or any amounts already entered.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/edit` | The edit modal was opened for a contractor. | — |\n * | `contractor/historicalPayments/update` | A contractor's payment values were updated locally. | The updated form values (hours, wage, bonus, reimbursement, payment method, etc.). |\n * | `contractor/historicalPayments/preview` | The preview API call succeeded. | The contractor payment group preview response. |\n * | `contractor/historicalPayments/backToEdit` | The user returned from preview to continue editing. | — |\n * | `contractor/historicalPayments/created` | The payment group was successfully created. | The created contractor payment group response. |\n *\n * @param props - See {@link CreateHistoricalPaymentProps}.\n * @returns The rendered contractor-selection screen, the payment-amounts entry screen, or its\n * in-place review.\n * @alpha\n */\nexport function CreateHistoricalPayment(props: CreateHistoricalPaymentProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.CreateHistoricalPayment\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\ninterface ContractorSelection {\n  contractorIds: string[]\n  checkDate: string\n}\n\nfunction Root({ companyId, dictionary, onEvent, className }: CreateHistoricalPaymentProps) {\n  useUnstableFeature('historicalPayments', { throwIfDisabled: true })\n  useI18n('Contractor.Payments.CreateHistoricalPayment')\n  useComponentDictionary('Contractor.Payments.CreateHistoricalPayment', dictionary)\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, DatePicker } = useComponentContext()\n\n  const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n  const [checkDate, setCheckDate] = useState<Date | null>(null)\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  const [selection, setSelection] = useState<ContractorSelection | null>(null)\n  const [savedContractorPayments, setSavedContractorPayments] = useState<\n    VirtualContractorPayment[] | undefined\n  >(undefined)\n\n  let dateError: string | null = null\n  if (checkDate !== null && checkDate > maxDate) {\n    dateError = t('select.dateInFutureError')\n  } else if (checkDate !== null && checkDate < minDate) {\n    dateError = t('select.dateTooEarlyError', {\n      year: checkDate.getFullYear(),\n      allowedYear: minDate.getFullYear(),\n    })\n  }\n\n  const canContinue = selectedIds.length > 0 && checkDate !== null && dateError === null\n\n  const handleContinue = () => {\n    if (!canContinue) return\n    const checkDateString = formatDateToStringDate(checkDate)\n    if (!checkDateString) return\n    setSelection({ contractorIds: selectedIds, checkDate: checkDateString })\n  }\n\n  if (!selection) {\n    return (\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('select.heading')}</Heading>\n          <Text variant=\"supporting\">{t('select.subtitle')}</Text>\n        </Flex>\n\n        <DatePicker\n          label={t('select.dateLabel')}\n          isRequired\n          value={checkDate}\n          onChange={setCheckDate}\n          minDate={minDate}\n          maxDate={maxDate}\n          isInvalid={dateError !== null}\n          errorMessage={dateError ?? undefined}\n        />\n\n        <SelectContractors\n          companyId={companyId}\n          onSelectionChange={setSelectedIds}\n          initialSelectedIds={selectedIds}\n        />\n\n        <ActionsLayout>\n          <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n            {t('select.continueButton')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    )\n  }\n\n  return (\n    <AmountsAndReview\n      className={className}\n      companyId={companyId}\n      contractorIds={selection.contractorIds}\n      checkDate={selection.checkDate}\n      onEvent={onEvent}\n      preservedContractorPayments={savedContractorPayments}\n      onBack={payments => {\n        setSavedContractorPayments(payments)\n        setSelection(null)\n      }}\n    />\n  )\n}\n\ninterface AmountsAndReviewProps {\n  /** CSS class name applied to the root element. */\n  className?: string\n  companyId: string\n  contractorIds: string[]\n  checkDate: string\n  onEvent: CreateHistoricalPaymentProps['onEvent']\n  preservedContractorPayments?: VirtualContractorPayment[]\n  onBack: (payments: VirtualContractorPayment[]) => void\n}\n\nfunction AmountsAndReview({\n  className,\n  companyId,\n  contractorIds,\n  checkDate,\n  onEvent,\n  preservedContractorPayments,\n  onBack,\n}: AmountsAndReviewProps) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const { formatLongWithYear } = useDateFormatter()\n  const paymentAmountsDictionary = useCreateHistoricalPaymentDictionary()\n  const reviewDictionary = useCreateHistoricalPaymentReviewDictionary()\n\n  const { data: contractorList } = useContractorsListSuspense({ companyUuid: companyId })\n  const contractors = (contractorList.contractors ?? []).filter(contractor =>\n    contractorIds.includes(contractor.uuid),\n  )\n\n  const { virtualContractorPayments, totals, editModal } = usePaymentAmountsEditor({\n    contractors,\n    allowedPaymentMethods: ALLOWED_PAYMENT_METHODS,\n    preservedContractorPayments,\n    onEditOpen: () => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_EDIT)\n    },\n    onEditSave: data => {\n      onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_UPDATE, data)\n    },\n  })\n\n  const canContinue = totals.total > 0\n\n  const { mutateAsync: previewContractorPaymentGroup, isPending: isPreviewing } =\n    useContractorPaymentGroupsPreviewMutation()\n  const { mutateAsync: createContractorPaymentGroup, isPending: isCreating } =\n    useContractorPaymentGroupsCreateMutation()\n\n  const [previewData, setPreviewData] = useState<ContractorPaymentGroupPreview | null>(null)\n  const [isCreated, setIsCreated] = useState(false)\n\n  const touchedContractorPayments = () =>\n    virtualContractorPayments\n      .filter(payment => payment.isTouched)\n      .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n  const handleContinue = async () => {\n    if (!canContinue) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await previewContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n      setPreviewData(response.contractorPaymentGroupPreview || null)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_PREVIEW,\n        response.contractorPaymentGroupPreview,\n      )\n    })\n  }\n\n  const handleBackToEdit = () => {\n    setPreviewData(null)\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_BACK_TO_EDIT)\n  }\n\n  const handleSubmit = async () => {\n    const creationToken = previewData?.creationToken\n    if (!creationToken || isCreated) return\n\n    await baseSubmitHandler(null, async () => {\n      const response = await createContractorPaymentGroup({\n        request: {\n          companyId,\n          requestBody: {\n            checkDate: new RFCDate(checkDate),\n            creationToken,\n            contractorPayments: touchedContractorPayments(),\n          },\n        },\n      })\n\n      if (!response.contractorPaymentGroup) return\n\n      setIsCreated(true)\n      onEvent(\n        componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CREATED,\n        response.contractorPaymentGroup,\n      )\n    })\n  }\n\n  if (previewData) {\n    return (\n      <Flex className={className} flexDirection=\"column\" gap={32}>\n        {!isCreated && <BackButton onClick={handleBackToEdit} />}\n\n        <Flex justifyContent=\"space-between\" alignItems=\"flex-start\" gap={16}>\n          <Flex flexDirection=\"column\" gap={4}>\n            <Heading as=\"h2\">{t('review.title')}</Heading>\n            <Text variant=\"supporting\">\n              {t('review.subtitle', {\n                checkDate: formatLongWithYear(previewData.checkDate ?? ''),\n              })}\n            </Text>\n          </Flex>\n          {!isCreated && (\n            <Button onClick={handleSubmit} variant=\"primary\" isLoading={isCreating}>\n              {t('review.submitButton')}\n            </Button>\n          )}\n        </Flex>\n\n        {isCreated && (\n          <Alert status=\"success\" label={t('review.successTitle')}>\n            <Text>{t('review.successMessage')}</Text>\n          </Alert>\n        )}\n\n        <PaymentSummaryBlock\n          contractorPaymentGroup={previewData}\n          contractors={contractors}\n          showDebitColumns={false}\n          dictionary={reviewDictionary}\n        />\n      </Flex>\n    )\n  }\n\n  return (\n    <Flex className={className} flexDirection=\"column\" gap={32}>\n      <BackButton\n        onClick={() => {\n          onBack(virtualContractorPayments)\n        }}\n      />\n\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('amounts.heading')}</Heading>\n          <Text variant=\"supporting\">{t('amounts.subtitle')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button\n            onClick={handleContinue}\n            variant=\"primary\"\n            isDisabled={!canContinue}\n            isLoading={isPreviewing}\n          >\n            {t('amounts.continueButton')}\n          </Button>\n        </FlexItem>\n      </Flex>\n\n      <SetPaymentAmounts\n        contractors={contractors}\n        contractorPayments={virtualContractorPayments}\n        totals={totals}\n        allowedPaymentMethods={ALLOWED_PAYMENT_METHODS}\n        editModal={editModal}\n        dictionary={paymentAmountsDictionary}\n      />\n    </Flex>\n  )\n}\n\nfunction BackButton({ onClick }: { onClick: () => void }) {\n  const { t } = useTranslation('Contractor.Payments.CreateHistoricalPayment')\n  const { Button } = useComponentContext()\n\n  return (\n    <Button variant=\"secondary\" icon={<CaretLeftIcon aria-hidden=\"true\" />} onClick={onClick}>\n      {t('backButton')}\n    </Button>\n  )\n}\n"],"names":["ALLOWED_PAYMENT_METHODS","CreateHistoricalPayment","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","className","useUnstableFeature","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","DatePicker","useComponentContext","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","checkDate","setCheckDate","useState","selectedIds","setSelectedIds","selection","setSelection","savedContractorPayments","setSavedContractorPayments","dateError","canContinue","handleContinue","checkDateString","formatDateToStringDate","AmountsAndReview","payments","Flex","jsxs","SelectContractors","ActionsLayout","contractorIds","preservedContractorPayments","onBack","Alert","baseSubmitHandler","useBase","formatLongWithYear","useDateFormatter","paymentAmountsDictionary","useCreateHistoricalPaymentDictionary","reviewDictionary","useCreateHistoricalPaymentReviewDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","componentEvents","data","previewContractorPaymentGroup","isPreviewing","useContractorPaymentGroupsPreviewMutation","createContractorPaymentGroup","isCreating","useContractorPaymentGroupsCreateMutation","previewData","setPreviewData","isCreated","setIsCreated","touchedContractorPayments","payment","_isTouched","rest","response","RFCDate","handleBackToEdit","handleSubmit","creationToken","BackButton","PaymentSummaryBlock","FlexItem","SetPaymentAmounts","onClick","CaretLeftIcon"],"mappings":"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"}