@gusto/embedded-react-sdk 0.55.0 → 0.55.1

package/dist/components/Company/Industry/Context.js

@@ -11,17 +11,16 @@ 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 [P, f] = t("IndustryItems", {
+const [A, P] = t("IndustryItems", {
   items: []
-}), [v, x] = t("IndustryApi", {
+}), [f, v] = t("IndustryApi", {
   isPending: !1
 });
 export {
-  x as IndustryApiStateProvider,
-  f as IndustryItemsProvider,
-  v as useIndustryApiState,
-  P as useIndustryItems
+  v as IndustryApiStateProvider,
+  P as IndustryItemsProvider,
+  f as useIndustryApiState,
+  A as useIndustryItems
 };
 //# sourceMappingURL=Context.js.map

package/dist/components/Company/Industry/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}
+{"version":3,"file":"Context.js","sources":["../../../../src/components/Company/Industry/Context.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\nimport type { ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\n\nconst [useIndustryItems, IndustryItemsProvider] = createCompoundContext('IndustryItems', {\n  items: [] as ComboBoxOption[],\n})\n\nconst [useIndustryApiState, IndustryApiStateProvider] = createCompoundContext('IndustryApi', {\n  isPending: false,\n})\n\nexport { IndustryApiStateProvider, IndustryItemsProvider, useIndustryItems, useIndustryApiState }\n"],"names":["useIndustryItems","IndustryItemsProvider","createCompoundContext","useIndustryApiState","IndustryApiStateProvider"],"mappings":";;;;;;;;;;;;;;AAGA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC,EAAsB,iBAAiB;AAAA,EACvF,OAAO,CAAA;AACT,CAAC,GAEK,CAACC,GAAqBC,CAAwB,IAAIF,EAAsB,eAAe;AAAA,EAC3F,WAAW;AACb,CAAC;"}

package/dist/components/Company/Locations/LocationForm/useLocationForm.js

@@ -11,13 +11,12 @@ 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 o } from "../../../Base/createCompoundContext.js";
-const [L, f] = o(
+const [d, L] = o(
   "CompanyDocumentFormContext"
 );
 export {
-  f as LocationsFormProvider,
-  L as useLocationsForm
+  L as LocationsFormProvider,
+  d as useLocationsForm
 };
 //# sourceMappingURL=useLocationForm.js.map

package/dist/components/Company/Locations/LocationForm/useLocationForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationForm.js","sources":["../../../../../src/components/Company/Locations/LocationForm/useLocationForm.ts"],"sourcesContent":["import { createCompoundContext } from '@/components/Base'\n\ntype LocationsFormContextType = {\n  isPending: boolean\n  handleCancel: () => void\n}\n\nconst [useLocationsForm, LocationsFormProvider] = createCompoundContext<LocationsFormContextType>(\n  'CompanyDocumentFormContext',\n)\n\nexport { useLocationsForm, LocationsFormProvider }\n"],"names":["useLocationsForm","LocationsFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAOA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/Locations/LocationsList/useLocationsList.js

@@ -11,13 +11,12 @@ 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 o } from "../../../Base/createCompoundContext.js";
-const [f, v] = o(
+const [d, f] = o(
   "CompanyDocumentListContext"
 );
 export {
-  v as LocationsListProvider,
-  f as useLocationsList
+  f as LocationsListProvider,
+  d as useLocationsList
 };
 //# sourceMappingURL=useLocationsList.js.map

package/dist/components/Company/Locations/LocationsList/useLocationsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}
+{"version":3,"file":"useLocationsList.js","sources":["../../../../../src/components/Company/Locations/LocationsList/useLocationsList.ts"],"sourcesContent":["import { type Location } from '@gusto/embedded-api/models/components/location'\nimport { createCompoundContext } from '@/components/Base'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype LocationsListContextType = {\n  locationList: Location[]\n  totalPages: number\n  totalCount: number\n  currentPage: number\n  itemsPerPage: PaginationItemsPerPage\n  handleItemsPerPageChange: (n: PaginationItemsPerPage) => void\n  handleFirstPage: () => void\n  handlePreviousPage: () => void\n  handleNextPage: () => void\n  handleLastPage: () => void\n  handleEditLocation: (uuid: string) => void\n  handleAddLocation: () => void\n  handleContinue: () => void\n}\n\nconst [useLocationsList, LocationsListProvider] = createCompoundContext<LocationsListContextType>(\n  'CompanyDocumentListContext',\n)\n\nexport { useLocationsList, LocationsListProvider }\n"],"names":["useLocationsList","LocationsListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAoBA,MAAM,CAACA,GAAkBC,CAAqB,IAAIC;AAAA,EAChD;AACF;"}

package/dist/components/Company/OnboardingOverview/context.js

@@ -11,11 +11,10 @@ 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 o } from "../../Base/createCompoundContext.js";
-const [C, c] = o("OnboardingOverviewContext");
+const [x, C] = o("OnboardingOverviewContext");
 export {
-  c as OnboardingOverviewProvider,
-  C as useOnboardingOverview
+  C as OnboardingOverviewProvider,
+  x as useOnboardingOverview
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/OnboardingOverview/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}
+{"version":3,"file":"context.js","sources":["../../../../src/components/Company/OnboardingOverview/context.ts"],"sourcesContent":["import type { OnboardingStep } from '@gusto/embedded-api/models/components/companyonboardingstatus'\nimport { createCompoundContext } from '@/components/Base'\n\ntype OnboardingOverviewContextType = {\n  onboardingCompleted?: boolean\n  onboardingSteps?: OnboardingStep[]\n  handleDone: () => void\n  handleContinue: () => void\n}\n\nconst [useOnboardingOverview, OnboardingOverviewProvider] =\n  createCompoundContext<OnboardingOverviewContextType>('OnboardingOverviewContext')\n\nexport { useOnboardingOverview, OnboardingOverviewProvider }\n"],"names":["useOnboardingOverview","OnboardingOverviewProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAuBC,CAA0B,IACtDC,EAAqD,2BAA2B;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js

@@ -11,11 +11,10 @@ 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, u] = t("StateTaxesFormContext");
+const [c, d] = t("StateTaxesFormContext");
 export {
-  u as StateTaxesFormProvider,
-  d as useStateTaxesForm
+  d as StateTaxesFormProvider,
+  c as useStateTaxesForm
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesForm/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/context.ts"],"sourcesContent":["import type { TaxRequirementsState } from '@gusto/embedded-api/models/components/taxrequirementsstate'\nimport { createCompoundContext } from '@/components/Base'\n\ninterface StateTaxFormContext {\n  isPending: boolean\n  state: string\n  stateTaxRequirements: TaxRequirementsState\n  handleCancel: () => void\n}\n\nconst [useStateTaxesForm, StateTaxesFormProvider] =\n  createCompoundContext<StateTaxFormContext>('StateTaxesFormContext')\n\nexport { useStateTaxesForm, StateTaxesFormProvider }\n"],"names":["useStateTaxesForm","StateTaxesFormProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAUA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAA2C,uBAAuB;"}

package/dist/components/Company/StateTaxes/StateTaxesList/context.js

@@ -11,11 +11,10 @@ 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, u] = t("StateTaxesListContext");
+const [c, d] = t("StateTaxesListContext");
 export {
-  u as StateTaxesListProvider,
-  d as useStateTaxesList
+  d as StateTaxesListProvider,
+  c as useStateTaxesList
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/StateTaxesList/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesList/context.ts"],"sourcesContent":["import type { TaxRequirementStatesList } from '@gusto/embedded-api/models/components/taxrequirementstateslist'\nimport { createCompoundContext } from '@/components/Base'\n\ntype StateTaxesListContextType = {\n  isPending: boolean\n  stateTaxRequirements: TaxRequirementStatesList[]\n  handleContinue: () => void\n  handleChange: (state: string) => void\n  handleManageRates: (state: string) => void\n}\n\nconst [useStateTaxesList, StateTaxesListProvider] =\n  createCompoundContext<StateTaxesListContextType>('StateTaxesListContext')\n\nexport { useStateTaxesList, StateTaxesListProvider }\n"],"names":["useStateTaxesList","StateTaxesListProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAWA,MAAM,CAACA,GAAmBC,CAAsB,IAC9CC,EAAiD,uBAAuB;"}

package/dist/components/Company/StateTaxes/TaxRateManagement/context.js

@@ -11,11 +11,10 @@ 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, s] = t("TaxRateManagementContext");
+const [c, d] = t("TaxRateManagementContext");
 export {
-  s as TaxRateManagementProvider,
-  d as useTaxRateManagement
+  d as TaxRateManagementProvider,
+  c as useTaxRateManagement
 };
 //# sourceMappingURL=context.js.map

package/dist/components/Company/StateTaxes/TaxRateManagement/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}
+{"version":3,"file":"context.js","sources":["../../../../../src/components/Company/StateTaxes/TaxRateManagement/context.ts"],"sourcesContent":["import type { TaxRequirementSet } from '@gusto/embedded-api/models/components/taxrequirementset'\nimport { createCompoundContext } from '@/components/Base'\n\n/**\n * A state's effective-dated requirement sets for a single key, grouped for history display,\n * plus any future-dated candidate sets available to schedule against.\n *\n * @internal\n */\nexport interface TaxRateKeyGroup {\n  key: string\n  label?: string\n  sets: TaxRequirementSet[]\n  candidateSets: TaxRequirementSet[]\n}\n\ninterface TaxRateManagementContextType {\n  state: string\n  groups: TaxRateKeyGroup[]\n  isPendingUpdate: boolean\n  handleCancel: () => void\n  handleAddRate: (\n    key: string,\n    effectiveFrom: string,\n    requirements: { key: string; value: string }[],\n  ) => Promise<boolean>\n}\n\nconst [useTaxRateManagement, TaxRateManagementProvider] =\n  createCompoundContext<TaxRateManagementContextType>('TaxRateManagementContext')\n\nexport { useTaxRateManagement, TaxRateManagementProvider }\n"],"names":["useTaxRateManagement","TaxRateManagementProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AA4BA,MAAM,CAACA,GAAsBC,CAAyB,IACpDC,EAAoD,0BAA0B;"}

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

@@ -19,10 +19,12 @@ export interface CreateHistoricalPaymentProps extends BaseComponentInterface<'Co
  * Continue on the contractor-selection step is disabled until the paid date is valid and at least
  * one contractor is selected. Continue on the amounts step is disabled until at least one selected
  * contractor has a payment total greater than zero, and swaps the amounts grid for an in-place
- * review (mirroring `CreatePayment`'s preview step); Edit returns to the grid without losing
+ * review (mirroring `CreatePayment`'s preview step); Back returns to the grid without losing
  * entered amounts, and Submit creates the contractor payment group. Once creation succeeds, the
- * Edit and Submit buttons are replaced with a success message, since the creation token has been
+ * Back and Submit buttons are replaced with a success message, since the creation token has been
  * consumed and the host is expected to navigate away (e.g. to `HistoricalPaymentSummary`).
+ * The amounts step also has its own Back button, returning to contractor selection without losing
+ * the selected paid date, contractors, or any amounts already entered.
  *
  * @events
  * | Event | Description | Data |

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

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