@gusto/embedded-react-sdk 0.54.0 → 0.54.1-rc.1

package/docs/guides/endpoint-inventory.json

@@ -2349,8 +2349,18 @@
         "companyUuid"
       ]
     },
-    "ContractorManagement.HistoricalPaymentAmounts": {
+    "ContractorManagement.CreateHistoricalPayment": {
       "endpoints": [
+        {
+          "method": "POST",
+          "path": "/v1/companies/:companyId/contractor_payment_groups",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/post-v1-companies-company_id-contractor_payment_groups"
+        },
+        {
+          "method": "POST",
+          "path": "/v1/companies/:companyId/contractor_payment_groups/preview",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/post-v1-companies-company_id-contractor_payment_groups-preview"
+        },
         {
           "method": "GET",
           "path": "/v1/companies/:companyUuid/contractors",
@@ -2358,9 +2368,28 @@
         }
       ],
       "variables": [
+        "companyId",
         "companyUuid"
       ]
     },
+    "ContractorManagement.HistoricalPaymentSummary": {
+      "endpoints": [
+        {
+          "method": "GET",
+          "path": "/v1/companies/:companyUuid/contractors",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-companies-company_uuid-contractors"
+        },
+        {
+          "method": "GET",
+          "path": "/v1/contractor_payment_groups/:contractorPaymentGroupUuid",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-contractor_payment_groups-contractor_payment_group_id"
+        }
+      ],
+      "variables": [
+        "companyUuid",
+        "contractorPaymentGroupUuid"
+      ]
+    },
     "ContractorManagement.PaymentHistory": {
       "endpoints": [
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.54.0",
+  "version": "0.54.1-rc.1",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -94,34 +94,35 @@
     "sdk-app:analyze-props": "npx tsx sdk-app/scripts/analyze-component-props.ts"
   },
   "devDependencies": {
+    "@axe-core/playwright": "^4.12.1",
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@eslint/js": "^9.39.5",
     "@microsoft/api-extractor": "^7.58.12",
     "@playwright/test": "^1.62.1",
     "@release-it/conventional-changelog": "^12.0.0",
-    "@storybook/addon-a11y": "^10.5.5",
-    "@storybook/addon-docs": "^10.5.5",
-    "@storybook/addon-onboarding": "^10.5.5",
-    "@storybook/react-vite": "^10.5.5",
+    "@storybook/addon-a11y": "^10.5.7",
+    "@storybook/addon-docs": "^10.5.7",
+    "@storybook/addon-onboarding": "^10.5.7",
+    "@storybook/react-vite": "^10.5.7",
     "@storybook/test-runner": "^0.24.4",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^7.0.0",
+    "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.2",
-    "@testing-library/user-event": "^14.6.1",
+    "@testing-library/user-event": "^14.6.3",
     "@types/eslint-plugin-jsx-a11y": "^6.10.1",
     "@types/jest": "^30.0.0",
     "@types/jest-axe": "^3.5.9",
     "@types/pngjs": "^6.0.5",
     "@types/react": "^19.2.18",
     "@types/react-dom": "^19.2.4",
-    "@typescript-eslint/parser": "^8.64.0",
-    "@typescript-eslint/rule-tester": "^8.65.0",
+    "@typescript-eslint/parser": "^8.66.0",
+    "@typescript-eslint/rule-tester": "^8.66.0",
     "@typescript-eslint/utils": "^8.64.0",
     "@vitejs/plugin-react-swc": "^4.3.3",
     "@vitest/coverage-v8": "^4.1.9",
     "ajv": "^8.20.0",
-    "axe-core": "^4.12.1",
+    "axe-core": "^4.13.0",
     "cspell": "^10.0.1",
     "dotenv": "^17.4.2",
     "eslint": "^9.39.5",
@@ -130,10 +131,10 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "^10.5.5",
+    "eslint-plugin-storybook": "^10.5.7",
     "eslint-plugin-tsdoc": "^0.5.2",
     "fuse.js": "^7.5.0",
-    "globals": "^17.8.0",
+    "globals": "^17.9.0",
     "husky": "^9.1.7",
     "jest-axe": "^11.0.0",
     "jsdom": "^26.1.0",
@@ -155,8 +156,8 @@
     "storybook": "^10.5.5",
     "stylelint-config-standard": "^40.0.0",
     "ts-morph": "^28.0.0",
-    "tsx": "^4.23.1",
-    "typescript-eslint": "^8.65.0",
+    "tsx": "^4.23.11",
+    "typescript-eslint": "^8.66.0",
     "vite": "^6.4.3",
     "vite-plugin-checker": "^0.14.5",
     "vite-plugin-circular-dependency": "^0.6.0",
@@ -185,20 +186,18 @@
   "dependencies": {
     "@gusto/embedded-api": "npm:@gusto/embedded-api-v-2026-06-15@^0.1.0",
     "@hookform/error-message": "^2.0.1",
-    "@hookform/resolvers": "^5.5.7",
+    "@hookform/resolvers": "^5.7.1",
     "@internationalized/date": "^3.12.3",
     "@internationalized/number": "^3.6.7",
     "classnames": "^2.5.1",
     "deepmerge": "^4.3.1",
-    "dompurify": "^3.4.12",
+    "dompurify": "^3.4.13",
     "i18next": "^26.3.6",
     "react-aria": "^3.47.0",
     "react-aria-components": "1.16.0",
     "react-error-boundary": "^6.1.2",
-    "react-hook-form": "^7.84.0",
+    "react-hook-form": "^7.85.0",
     "react-i18next": "^17.0.11",
-    "react-robot": "^1.2.1",
-    "robot3": "^1.2.0",
     "zod": "^4.3.6"
   },
   "sideEffects": [

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

@@ -1,33 +0,0 @@
-import { BaseComponentInterface } from '../../../Base';
-/**
- * Props for {@link HistoricalPaymentAmounts}.
- *
- * @alpha
- */
-export interface HistoricalPaymentAmountsProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentAmounts'> {
-    /** UUID of the company recording the historical payment. */
-    companyId: string;
-    /** UUIDs of the contractors selected on the previous step. */
-    contractorIds: string[];
-    /** The check date selected on the previous step, as a `YYYY-MM-DD` string. */
-    checkDate: string;
-}
-/**
- * Second step of the historical contractor payment flow: enter hours, wages, bonuses, and
- * reimbursements for the contractors selected on the previous step.
- *
- * @remarks
- * Every contractor payment is fixed to the `Historical Payment` payment method — there is no
- * funds movement, so no payment method choice or debit information is shown. Continue is
- * disabled until at least one contractor has a payment total greater than zero.
- *
- * @events
- * | Event | Description | Data |
- * | ----- | ----------- | ---- |
- * | `contractor/historicalPayments/amountsSubmitted` | The user entered amounts and clicked Continue. | `{ checkDate: string, contractorPayments: ContractorPayments[] }` |
- *
- * @param props - See {@link HistoricalPaymentAmountsProps}.
- * @returns The rendered payment-amounts entry screen.
- * @alpha
- */
-export declare function HistoricalPaymentAmounts(props: HistoricalPaymentAmountsProps): import("react").JSX.Element;

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

@@ -1,62 +0,0 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { useContractorsListSuspense as M } from "@gusto/embedded-api/react-query/contractorsList";
-import { useTranslation as E } from "react-i18next";
-import { usePaymentAmountsEditor as _ } from "../shared/usePaymentAmountsEditor.js";
-import { useHistoricalPaymentAmountsDictionary as g } from "./useFormDictionary.js";
-import { Flex as i, FlexItem as O } from "../../../Common/Flex/Flex.js";
-import { BaseComponent as S } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
-import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as L, useComponentDictionary as N } from "../../../../i18n/I18n.js";
-import { componentEvents as v } from "../../../../shared/constants.js";
-import { SetPaymentAmounts as B } from "../shared/SetPaymentAmounts/SetPaymentAmounts.js";
-const l = ["Historical Payment"];
-function K(o) {
-  return /* @__PURE__ */ t(S, { ...o, componentName: "Contractor.Payments.HistoricalPaymentAmounts", children: /* @__PURE__ */ t(R, { ...o }) });
-}
-function R({
-  companyId: o,
-  contractorIds: d,
-  checkDate: p,
-  dictionary: y,
-  onEvent: f
-}) {
-  L("Contractor.Payments.HistoricalPaymentAmounts"), N("Contractor.Payments.HistoricalPaymentAmounts", y);
-  const { t: n } = E("Contractor.Payments.HistoricalPaymentAmounts"), { Heading: P, Text: C, Button: h } = I(), A = g(), { data: T } = M({ companyUuid: o }), a = (T.contractors || []).filter(
-    (r) => d.includes(r.uuid)
-  ), { virtualContractorPayments: s, totals: m, editModal: x } = _({
-    contractors: a,
-    allowedPaymentMethods: l
-  }), c = m.total > 0, H = () => {
-    if (!c) return;
-    const r = s.filter((u) => u.isTouched).map(({ isTouched: u, ...D }) => D);
-    f(v.CONTRACTOR_HISTORICAL_PAYMENT_AMOUNTS_SUBMITTED, {
-      checkDate: p,
-      contractorPayments: r
-    });
-  };
-  return /* @__PURE__ */ e(i, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ e(i, { justifyContent: "flex-end", gap: 16, children: [
-      /* @__PURE__ */ e(i, { flexDirection: "column", gap: 4, children: [
-        /* @__PURE__ */ t(P, { as: "h2", children: n("heading") }),
-        /* @__PURE__ */ t(C, { variant: "supporting", children: n("subtitle") })
-      ] }),
-      /* @__PURE__ */ t(O, { children: /* @__PURE__ */ t(h, { onClick: H, variant: "primary", isDisabled: !c, children: n("continueButton") }) })
-    ] }),
-    /* @__PURE__ */ t(
-      B,
-      {
-        contractors: a,
-        contractorPayments: s,
-        totals: m,
-        allowedPaymentMethods: l,
-        editModal: x,
-        dictionary: A
-      }
-    )
-  ] });
-}
-export {
-  K as HistoricalPaymentAmounts
-};
-//# sourceMappingURL=HistoricalPaymentAmounts.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HistoricalPaymentAmounts.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentAmounts/HistoricalPaymentAmounts.tsx"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useTranslation } from 'react-i18next'\nimport type { PostV1CompaniesCompanyIdContractorPaymentGroupsPaymentMethod as ContractorPaymentMethod } from '@gusto/embedded-api/models/operations/postv1companiescompanyidcontractorpaymentgroups'\nimport { usePaymentAmountsEditor } from '../shared/usePaymentAmountsEditor'\nimport { SetPaymentAmounts } from '../shared/SetPaymentAmounts'\nimport { useHistoricalPaymentAmountsDictionary } from './useFormDictionary'\nimport { Flex, FlexItem } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\nconst ALLOWED_PAYMENT_METHODS: ContractorPaymentMethod[] = ['Historical Payment']\n\n/**\n * Props for {@link HistoricalPaymentAmounts}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentAmountsProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentAmounts'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n  /** UUIDs of the contractors selected on the previous step. */\n  contractorIds: string[]\n  /** The check date selected on the previous step, as a `YYYY-MM-DD` string. */\n  checkDate: string\n}\n\n/**\n * Second step of the historical contractor payment flow: enter hours, wages, bonuses, and\n * reimbursements for the contractors selected on the previous step.\n *\n * @remarks\n * Every contractor payment is fixed to the `Historical Payment` payment method — there is no\n * funds movement, so no payment method choice or debit information is shown. Continue is\n * disabled until at least one contractor has a payment total greater than zero.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/amountsSubmitted` | The user entered amounts and clicked Continue. | `{ checkDate: string, contractorPayments: ContractorPayments[] }` |\n *\n * @param props - See {@link HistoricalPaymentAmountsProps}.\n * @returns The rendered payment-amounts entry screen.\n * @alpha\n */\nexport function HistoricalPaymentAmounts(props: HistoricalPaymentAmountsProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentAmounts\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  contractorIds,\n  checkDate,\n  dictionary,\n  onEvent,\n}: HistoricalPaymentAmountsProps) {\n  useI18n('Contractor.Payments.HistoricalPaymentAmounts')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentAmounts', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentAmounts')\n  const { Heading, Text, Button } = useComponentContext()\n  const paymentAmountsDictionary = useHistoricalPaymentAmountsDictionary()\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  })\n\n  const canContinue = totals.total > 0\n\n  const handleContinue = () => {\n    if (!canContinue) return\n\n    const contractorPayments = virtualContractorPayments\n      .filter(payment => payment.isTouched)\n      .map(({ isTouched: _isTouched, ...rest }) => rest)\n\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_AMOUNTS_SUBMITTED, {\n      checkDate,\n      contractorPayments,\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex justifyContent=\"flex-end\" gap={16}>\n        <Flex flexDirection=\"column\" gap={4}>\n          <Heading as=\"h2\">{t('heading')}</Heading>\n          <Text variant=\"supporting\">{t('subtitle')}</Text>\n        </Flex>\n        <FlexItem>\n          <Button onClick={handleContinue} variant=\"primary\" isDisabled={!canContinue}>\n            {t('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"],"names":["ALLOWED_PAYMENT_METHODS","HistoricalPaymentAmounts","props","jsx","BaseComponent","Root","companyId","contractorIds","checkDate","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Heading","Text","Button","useComponentContext","paymentAmountsDictionary","useHistoricalPaymentAmountsDictionary","contractorList","useContractorsListSuspense","contractors","contractor","virtualContractorPayments","totals","editModal","usePaymentAmountsEditor","canContinue","handleContinue","contractorPayments","payment","_isTouched","rest","componentEvents","jsxs","Flex","FlexItem","SetPaymentAmounts"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAqD,CAAC,oBAAoB;AAkCzE,SAASC,EAAyBC,GAAsC;AAC7E,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,gDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK;AAAA,EACZ,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC;AACF,GAAkC;AAChC,EAAAC,EAAQ,8CAA8C,GACtDC,EAAuB,gDAAgDH,CAAU;AACjF,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,8CAA8C,GACrE,EAAE,SAAAC,GAAS,MAAAC,GAAM,QAAAC,EAAA,IAAWC,EAAA,GAC5BC,IAA2BC,EAAA,GAE3B,EAAE,MAAMC,EAAA,IAAmBC,EAA2B,EAAE,aAAahB,GAAW,GAChFiB,KAAeF,EAAe,eAAe,CAAA,GAAI;AAAA,IAAO,CAAAG,MAC5DjB,EAAc,SAASiB,EAAW,IAAI;AAAA,EAAA,GAGlC,EAAE,2BAAAC,GAA2B,QAAAC,GAAQ,WAAAC,EAAA,IAAcC,EAAwB;AAAA,IAC/E,aAAAL;AAAA,IACA,uBAAuBvB;AAAA,EAAA,CACxB,GAEK6B,IAAcH,EAAO,QAAQ,GAE7BI,IAAiB,MAAM;AAC3B,QAAI,CAACD,EAAa;AAElB,UAAME,IAAqBN,EACxB,OAAO,CAAAO,MAAWA,EAAQ,SAAS,EACnC,IAAI,CAAC,EAAE,WAAWC,GAAY,GAAGC,EAAA,MAAWA,CAAI;AAEnD,IAAAxB,EAAQyB,EAAgB,iDAAiD;AAAA,MACvE,WAAA3B;AAAA,MACA,oBAAAuB;AAAA,IAAA,CACD;AAAA,EACH;AAEA,SACE,gBAAAK,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,gBAAe,YAAW,KAAK,IACnC,UAAA;AAAA,MAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,QAAA,gBAAAlC,EAACY,GAAA,EAAQ,IAAG,MAAM,UAAAF,EAAE,SAAS,GAAE;AAAA,0BAC9BG,GAAA,EAAK,SAAQ,cAAc,UAAAH,EAAE,UAAU,EAAA,CAAE;AAAA,MAAA,GAC5C;AAAA,MACA,gBAAAV,EAACmC,GAAA,EACC,UAAA,gBAAAnC,EAACc,GAAA,EAAO,SAASa,GAAgB,SAAQ,WAAU,YAAY,CAACD,GAC7D,UAAAhB,EAAE,gBAAgB,GACrB,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAV;AAAA,MAACoC;AAAA,MAAA;AAAA,QACC,aAAAhB;AAAA,QACA,oBAAoBE;AAAA,QACpB,QAAAC;AAAA,QACA,uBAAuB1B;AAAA,QACvB,WAAA2B;AAAA,QACA,YAAYR;AAAA,MAAA;AAAA,IAAA;AAAA,EACd,GACF;AAEJ;"}

package/dist/components/Contractor/Payments/HistoricalPaymentAmounts/index.d.ts

@@ -1 +0,0 @@
-export { HistoricalPaymentAmounts, type HistoricalPaymentAmountsProps, } from './HistoricalPaymentAmounts';

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

@@ -1,9 +0,0 @@
-import { SetPaymentAmountsDictionary } from '../shared/SetPaymentAmounts';
-/**
- * Resolves `SetPaymentAmounts`'s text against `HistoricalPaymentAmounts`'s own
- * `Contractor.Payments.HistoricalPaymentAmounts` namespace, so partner
- * overrides on that namespace flow into the shared grid and edit modal.
- *
- * @internal
- */
-export declare function useHistoricalPaymentAmountsDictionary(): SetPaymentAmountsDictionary;

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

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

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

@@ -1,27 +0,0 @@
-import { BaseComponentInterface } from '../../../Base';
-/**
- * Props for {@link HistoricalPaymentContractors}.
- *
- * @alpha
- */
-export interface HistoricalPaymentContractorsProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentContractors'> {
-    /** UUID of the company recording the historical payment. */
-    companyId: string;
-}
-/**
- * First step of the historical contractor payment flow: pick a check date and the contractors being paid.
- *
- * @remarks
- * The check date is bounded to the current tax year (plus the prior year during the Jan 1–8, 3PM MST
- * grace window) and can never be in the future.
- *
- * @events
- * | Event | Description | Data |
- * | ----- | ----------- | ---- |
- * | `contractor/historicalPayments/contractorsSelected` | The user picked a check date and contractors, then clicked Continue. | `{ contractorIds: string[], checkDate: string }` |
- *
- * @param props - See {@link HistoricalPaymentContractorsProps}.
- * @returns The rendered check-date and contractor-selection screen.
- * @alpha
- */
-export declare function HistoricalPaymentContractors(props: HistoricalPaymentContractorsProps): import("react").JSX.Element;

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

@@ -1,56 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useState as m, useMemo as D } from "react";
-import { useTranslation as g } from "react-i18next";
-import { SelectContractors as P } from "../../shared/SelectContractors/SelectContractors.js";
-import { getHistoricalPaymentCheckDateBounds as T } from "../shared/historicalPaymentDateBounds.js";
-import { formatDateToStringDate as x } from "../../../../helpers/dateFormatting.js";
-import { Flex as u } from "../../../Common/Flex/Flex.js";
-import { ActionsLayout as E } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { BaseComponent as H } from "../../../Base/Base.js";
-import "../../../Base/useBase.js";
-import { useComponentContext as I } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as S, useComponentDictionary as R } from "../../../../i18n/I18n.js";
-import { componentEvents as k } from "../../../../shared/constants.js";
-function z(r) {
-  return /* @__PURE__ */ e(H, { ...r, componentName: "Contractor.Payments.HistoricalPaymentContractors", children: /* @__PURE__ */ e(v, { ...r }) });
-}
-function v({ companyId: r, dictionary: C, onEvent: d }) {
-  S("Contractor.Payments.HistoricalPaymentContractors"), R("Contractor.Payments.HistoricalPaymentContractors", C);
-  const { t: o } = g("Contractor.Payments.HistoricalPaymentContractors"), a = I(), [l, p] = m([]), [t, f] = m(null), { minDate: i, maxDate: c } = D(() => T(), []);
-  let n = null;
-  t !== null && t > c ? n = o("dateInFutureError") : t !== null && t < i && (n = o("dateTooEarlyError", {
-    year: t.getFullYear(),
-    allowedYear: i.getFullYear()
-  }));
-  const h = l.length > 0 && t !== null && n === null, y = () => {
-    t === null || n !== null || d(k.CONTRACTOR_HISTORICAL_PAYMENT_CONTRACTORS_SELECTED, {
-      contractorIds: l,
-      checkDate: x(t)
-    });
-  };
-  return /* @__PURE__ */ s(u, { flexDirection: "column", gap: 32, children: [
-    /* @__PURE__ */ s(u, { flexDirection: "column", gap: 4, children: [
-      /* @__PURE__ */ e(a.Heading, { as: "h2", children: o("heading") }),
-      /* @__PURE__ */ e(a.Text, { variant: "supporting", children: o("subtitle") })
-    ] }),
-    /* @__PURE__ */ e(
-      a.DatePicker,
-      {
-        label: o("dateLabel"),
-        isRequired: !0,
-        value: t,
-        onChange: f,
-        minDate: i,
-        maxDate: c,
-        isInvalid: n !== null,
-        errorMessage: n ?? void 0
-      }
-    ),
-    /* @__PURE__ */ e(P, { companyId: r, onSelectionChange: p }),
-    /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(a.Button, { onClick: y, isDisabled: !h, children: o("continueButton") }) })
-  ] });
-}
-export {
-  z as HistoricalPaymentContractors
-};
-//# sourceMappingURL=HistoricalPaymentContractors.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"HistoricalPaymentContractors.js","sources":["../../../../../src/components/Contractor/Payments/HistoricalPaymentContractors/HistoricalPaymentContractors.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { SelectContractors } from '@/components/Contractor/shared/SelectContractors/SelectContractors'\nimport { getHistoricalPaymentCheckDateBounds } from '@/components/Contractor/Payments/shared/historicalPaymentDateBounds'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { ActionsLayout, Flex } from '@/components/Common'\nimport { BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useComponentDictionary, useI18n } from '@/i18n'\nimport { componentEvents } from '@/shared/constants'\n\n/**\n * Props for {@link HistoricalPaymentContractors}.\n *\n * @alpha\n */\nexport interface HistoricalPaymentContractorsProps extends BaseComponentInterface<'Contractor.Payments.HistoricalPaymentContractors'> {\n  /** UUID of the company recording the historical payment. */\n  companyId: string\n}\n\n/**\n * First step of the historical contractor payment flow: pick a check date and the contractors being paid.\n *\n * @remarks\n * The check date is bounded to the current tax year (plus the prior year during the Jan 1–8, 3PM MST\n * grace window) and can never be in the future.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/historicalPayments/contractorsSelected` | The user picked a check date and contractors, then clicked Continue. | `{ contractorIds: string[], checkDate: string }` |\n *\n * @param props - See {@link HistoricalPaymentContractorsProps}.\n * @returns The rendered check-date and contractor-selection screen.\n * @alpha\n */\nexport function HistoricalPaymentContractors(props: HistoricalPaymentContractorsProps) {\n  return (\n    <BaseComponent {...props} componentName=\"Contractor.Payments.HistoricalPaymentContractors\">\n      <Root {...props} />\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, dictionary, onEvent }: HistoricalPaymentContractorsProps) {\n  useI18n('Contractor.Payments.HistoricalPaymentContractors')\n  useComponentDictionary('Contractor.Payments.HistoricalPaymentContractors', dictionary)\n  const { t } = useTranslation('Contractor.Payments.HistoricalPaymentContractors')\n  const Components = useComponentContext()\n\n  const [selectedIds, setSelectedIds] = useState<string[]>([])\n  const [checkDate, setCheckDate] = useState<Date | null>(null)\n\n  const { minDate, maxDate } = useMemo(() => getHistoricalPaymentCheckDateBounds(), [])\n\n  let dateError: string | null = null\n  if (checkDate !== null && checkDate > maxDate) {\n    dateError = t('dateInFutureError')\n  } else if (checkDate !== null && checkDate < minDate) {\n    dateError = t('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 (checkDate === null || dateError !== null) return\n    onEvent(componentEvents.CONTRACTOR_HISTORICAL_PAYMENT_CONTRACTORS_SELECTED, {\n      contractorIds: selectedIds,\n      checkDate: formatDateToStringDate(checkDate),\n    })\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={4}>\n        <Components.Heading as=\"h2\">{t('heading')}</Components.Heading>\n        <Components.Text variant=\"supporting\">{t('subtitle')}</Components.Text>\n      </Flex>\n\n      <Components.DatePicker\n        label={t('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 companyId={companyId} onSelectionChange={setSelectedIds} />\n\n      <ActionsLayout>\n        <Components.Button onClick={handleContinue} isDisabled={!canContinue}>\n          {t('continueButton')}\n        </Components.Button>\n      </ActionsLayout>\n    </Flex>\n  )\n}\n"],"names":["HistoricalPaymentContractors","props","jsx","BaseComponent","Root","companyId","dictionary","onEvent","useI18n","useComponentDictionary","t","useTranslation","Components","useComponentContext","selectedIds","setSelectedIds","useState","checkDate","setCheckDate","minDate","maxDate","useMemo","getHistoricalPaymentCheckDateBounds","dateError","canContinue","handleContinue","componentEvents","formatDateToStringDate","jsxs","Flex","SelectContractors","ActionsLayout"],"mappings":";;;;;;;;;;;;;AAqCO,SAASA,EAA6BC,GAA0C;AACrF,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GAAO,eAAc,oDACtC,UAAA,gBAAAC,EAACE,GAAA,EAAM,GAAGH,EAAA,CAAO,EAAA,CACnB;AAEJ;AAEA,SAASG,EAAK,EAAE,WAAAC,GAAW,YAAAC,GAAY,SAAAC,KAA8C;AACnF,EAAAC,EAAQ,kDAAkD,GAC1DC,EAAuB,oDAAoDH,CAAU;AACrF,QAAM,EAAE,GAAAI,EAAA,IAAMC,EAAe,kDAAkD,GACzEC,IAAaC,EAAA,GAEb,CAACC,GAAaC,CAAc,IAAIC,EAAmB,CAAA,CAAE,GACrD,CAACC,GAAWC,CAAY,IAAIF,EAAsB,IAAI,GAEtD,EAAE,SAAAG,GAAS,SAAAC,EAAA,IAAYC,EAAQ,MAAMC,EAAA,GAAuC,EAAE;AAEpF,MAAIC,IAA2B;AAC/B,EAAIN,MAAc,QAAQA,IAAYG,IACpCG,IAAYb,EAAE,mBAAmB,IACxBO,MAAc,QAAQA,IAAYE,MAC3CI,IAAYb,EAAE,qBAAqB;AAAA,IACjC,MAAMO,EAAU,YAAA;AAAA,IAChB,aAAaE,EAAQ,YAAA;AAAA,EAAY,CAClC;AAGH,QAAMK,IAAcV,EAAY,SAAS,KAAKG,MAAc,QAAQM,MAAc,MAE5EE,IAAiB,MAAM;AAC3B,IAAIR,MAAc,QAAQM,MAAc,QACxChB,EAAQmB,EAAgB,oDAAoD;AAAA,MAC1E,eAAeZ;AAAA,MACf,WAAWa,EAAuBV,CAAS;AAAA,IAAA,CAC5C;AAAA,EACH;AAEA,SACE,gBAAAW,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAA3B,EAACU,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,SAAS,GAAE;AAAA,MAC1C,gBAAAR,EAACU,EAAW,MAAX,EAAgB,SAAQ,cAAc,UAAAF,EAAE,UAAU,EAAA,CAAE;AAAA,IAAA,GACvD;AAAA,IAEA,gBAAAR;AAAA,MAACU,EAAW;AAAA,MAAX;AAAA,QACC,OAAOF,EAAE,WAAW;AAAA,QACpB,YAAU;AAAA,QACV,OAAOO;AAAA,QACP,UAAUC;AAAA,QACV,SAAAC;AAAA,QACA,SAAAC;AAAA,QACA,WAAWG,MAAc;AAAA,QACzB,cAAcA,KAAa;AAAA,MAAA;AAAA,IAAA;AAAA,IAG7B,gBAAArB,EAAC4B,GAAA,EAAkB,WAAAzB,GAAsB,mBAAmBU,EAAA,CAAgB;AAAA,IAE5E,gBAAAb,EAAC6B,GAAA,EACC,UAAA,gBAAA7B,EAACU,EAAW,QAAX,EAAkB,SAASa,GAAgB,YAAY,CAACD,GACtD,UAAAd,EAAE,gBAAgB,GACrB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Contractor/Payments/HistoricalPaymentContractors/index.d.ts

@@ -1 +0,0 @@
-export { HistoricalPaymentContractors, type HistoricalPaymentContractorsProps, } from './HistoricalPaymentContractors';

package/dist/i18n/en/Contractor.Payments.HistoricalPaymentAmounts.json.js

@@ -1,36 +0,0 @@
-const t = "Enter payment amounts", e = "Enter the hours or wage paid to each contractor along with any bonuses and reimbursements.", o = "Continue", a = "Hours and payments", n = { contractor: "Contractor", wageType: "Wage", paymentMethod: "Payment method", hours: "Hours", wage: "Fixed amount", bonus: "Bonus", reimbursement: "Reimbursement", total: "Total" }, r = "No contractors selected", s = "Go back and select at least one contractor.", c = "N/A", i = "Totals", l = "Edit contractor payment", m = "/hr", d = { fixed: "Fixed", hourly: "Hourly" }, u = { directDeposit: "Direct Deposit", check: "Check", historicalPayment: "Historical Payment" }, p = { contractorPaymentUpdated: "Pay updated for {{contractorName}}" }, h = { title: "Edit contractor pay", subtitle: `Edit contractor's hours, additional earnings, and reimbursements. Inputs not applicable to this contractor are disabled. Please click "Done" to apply the change.`, hoursLabel: "Hours", hoursAdornment: "hrs", hoursPayDescription: "{{rate}}/hr × hours = {{total}}", wageLabel: "Fixed amount", bonusLabel: "Bonus", reimbursementLabel: "Reimbursement", paymentMethodLabel: "Payment Method", cancelCta: "Cancel", saveCta: "Done", paymentMethods: { check: "Check", directDeposit: "Direct deposit", historicalPayment: "Historical payment" }, errors: { directDepositNotAvailable: "Direct Deposit is not available for contractors set up for Check payments", unsupportedPaymentMethod: "This payment method is not supported. Please select Check or Direct Deposit." } }, y = {
-  heading: t,
-  subtitle: e,
-  continueButton: o,
-  hoursAndPaymentsLabel: a,
-  contractorTableHeaders: n,
-  emptyTableTitle: r,
-  emptyTableDescription: s,
-  na: c,
-  totalsLabel: i,
-  editContractor: l,
-  perHour: m,
-  wageTypes: d,
-  paymentMethods: u,
-  alerts: p,
-  editContractorPayment: h
-};
-export {
-  p as alerts,
-  o as continueButton,
-  n as contractorTableHeaders,
-  y as default,
-  l as editContractor,
-  h as editContractorPayment,
-  s as emptyTableDescription,
-  r as emptyTableTitle,
-  t as heading,
-  a as hoursAndPaymentsLabel,
-  c as na,
-  u as paymentMethods,
-  m as perHour,
-  e as subtitle,
-  i as totalsLabel,
-  d as wageTypes
-};
-//# sourceMappingURL=Contractor.Payments.HistoricalPaymentAmounts.json.js.map

package/dist/i18n/en/Contractor.Payments.HistoricalPaymentAmounts.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Contractor.Payments.HistoricalPaymentAmounts.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}

package/dist/i18n/en/Contractor.Payments.HistoricalPaymentContractors.json.js

@@ -1,18 +0,0 @@
-const t = "Record a historical payment", a = "Log a contractor payment that already happened outside Gusto. Pick a paid date and the contractors you paid.", e = "Payment date", o = "You cannot issue historical payments for the future. Please choose a date in the past.", n = "You cannot create a payment in {{year}}. Please select a {{allowedYear}} date.", r = "Continue", s = {
-  heading: t,
-  subtitle: a,
-  dateLabel: e,
-  dateInFutureError: o,
-  dateTooEarlyError: n,
-  continueButton: r
-};
-export {
-  r as continueButton,
-  o as dateInFutureError,
-  e as dateLabel,
-  n as dateTooEarlyError,
-  s as default,
-  t as heading,
-  a as subtitle
-};
-//# sourceMappingURL=Contractor.Payments.HistoricalPaymentContractors.json.js.map

package/dist/i18n/en/Contractor.Payments.HistoricalPaymentContractors.json.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Contractor.Payments.HistoricalPaymentContractors.json.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}