@gusto/embedded-react-sdk 0.52.1 → 0.53.0

package/docs/guides/endpoint-inventory.json

@@ -1837,6 +1837,24 @@
         "companyUuid"
       ]
     },
+    "CompanyOnboarding.TaxRateManagement": {
+      "endpoints": [
+        {
+          "method": "GET",
+          "path": "/v1/companies/:companyUuid/tax_requirements/:state",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-companies-company_uuid-tax_requirements-state"
+        },
+        {
+          "method": "PUT",
+          "path": "/v1/companies/:companyUuid/tax_requirements/:state",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/put-v1-companies-company_uuid-tax_requirements-state"
+        }
+      ],
+      "variables": [
+        "companyUuid",
+        "state"
+      ]
+    },
     "CompanyOnboarding.AssignSignatory": {
       "endpoints": [
         {
@@ -1955,6 +1973,16 @@
           "method": "PUT",
           "path": "/v1/contractors/:contractorUuid/onboarding_status",
           "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/put-v1-contractors-contractor_uuid-onboarding_status"
+        },
+        {
+          "method": "DELETE",
+          "path": "/v1/contractors/:contractorUuid/rehire",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/delete-v1-contractors-contractor_uuid-rehire"
+        },
+        {
+          "method": "DELETE",
+          "path": "/v1/contractors/:contractorUuid/termination",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/delete-v1-contractors-contractor_uuid-termination"
         }
       ],
       "variables": [
@@ -2118,6 +2146,39 @@
         "documentUuid"
       ]
     },
+    "ContractorManagement.ContractorList": {
+      "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": "DELETE",
+          "path": "/v1/contractors/:contractorUuid",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/delete-v1-contractors-contractor_uuid"
+        },
+        {
+          "method": "PUT",
+          "path": "/v1/contractors/:contractorUuid/onboarding_status",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/put-v1-contractors-contractor_uuid-onboarding_status"
+        },
+        {
+          "method": "DELETE",
+          "path": "/v1/contractors/:contractorUuid/rehire",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/delete-v1-contractors-contractor_uuid-rehire"
+        },
+        {
+          "method": "DELETE",
+          "path": "/v1/contractors/:contractorUuid/termination",
+          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/delete-v1-contractors-contractor_uuid-termination"
+        }
+      ],
+      "variables": [
+        "companyUuid",
+        "contractorUuid"
+      ]
+    },
     "ContractorManagement.PaymentsList": {
       "endpoints": [
         {
@@ -2767,11 +2828,6 @@
     },
     "useHomeAddressForm": {
       "endpoints": [
-        {
-          "method": "GET",
-          "path": "/v1/employees/:employeeId/home_addresses",
-          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-employees-employee_id-home_addresses"
-        },
         {
           "method": "POST",
           "path": "/v1/employees/:employeeId/home_addresses",
@@ -2956,23 +3012,6 @@
         "employeeId"
       ]
     },
-    "useStateFields": {
-      "endpoints": [
-        {
-          "method": "GET",
-          "path": "/v1/employees/:employeeUuid/state_taxes",
-          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-employees-employee_id-state_taxes"
-        },
-        {
-          "method": "PUT",
-          "path": "/v1/employees/:employeeUuid/state_taxes",
-          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/put-v1-employees-employee_id-state_taxes"
-        }
-      ],
-      "variables": [
-        "employeeUuid"
-      ]
-    },
     "useWorkAddressForm": {
       "endpoints": [
         {
@@ -2980,11 +3019,6 @@
           "path": "/v1/companies/:companyId/locations",
           "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-companies-company_id-locations"
         },
-        {
-          "method": "GET",
-          "path": "/v1/employees/:employeeId/work_addresses",
-          "docsUrl": "https://docs.gusto.com/embedded-payroll/v2026-06-15/reference/get-v1-employees-employee_id-work_addresses"
-        },
         {
           "method": "POST",
           "path": "/v1/employees/:employeeId/work_addresses",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.52.1",
+  "version": "0.53.0",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -96,13 +96,13 @@
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@eslint/js": "^9.39.5",
-    "@microsoft/api-extractor": "^7.58.9",
+    "@microsoft/api-extractor": "^7.58.12",
     "@playwright/test": "^1.61.1",
     "@release-it/conventional-changelog": "^11.0.1",
-    "@storybook/addon-a11y": "^10.5.0",
-    "@storybook/addon-docs": "^10.5.0",
-    "@storybook/addon-onboarding": "^10.5.0",
-    "@storybook/react-vite": "^10.5.0",
+    "@storybook/addon-a11y": "^10.5.3",
+    "@storybook/addon-docs": "^10.5.3",
+    "@storybook/addon-onboarding": "^10.5.3",
+    "@storybook/react-vite": "^10.5.3",
     "@storybook/test-runner": "^0.24.4",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
@@ -113,8 +113,8 @@
     "@types/pngjs": "^6.0.5",
     "@types/react": "^19.2.17",
     "@types/react-dom": "^19.2.3",
-    "@typescript-eslint/parser": "^8.63.0",
-    "@typescript-eslint/rule-tester": "^8.64.0",
+    "@typescript-eslint/parser": "^8.64.0",
+    "@typescript-eslint/rule-tester": "^8.65.0",
     "@typescript-eslint/utils": "^8.64.0",
     "@vitejs/plugin-react-swc": "^4.3.1",
     "@vitest/coverage-v8": "^4.1.9",
@@ -128,9 +128,9 @@
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^7.1.1",
     "eslint-plugin-react-refresh": "^0.4.24",
-    "eslint-plugin-storybook": "^10.4.6",
+    "eslint-plugin-storybook": "^10.5.3",
     "eslint-plugin-tsdoc": "^0.5.2",
-    "fuse.js": "^7.4.2",
+    "fuse.js": "^7.5.0",
     "globals": "^17.7.0",
     "husky": "^9.1.7",
     "jest-axe": "^9.0.0",
@@ -138,12 +138,12 @@
     "jsdom-testing-mocks": "^1.16.0",
     "json-schema-to-typescript": "^15.0.4",
     "lint-staged": "^17.0.8",
-    "markdownlint-cli2": "^0.23.0",
+    "markdownlint-cli2": "^0.23.1",
     "msw": "^2.15.0",
     "npm-run-all": "^4.1.5",
     "pixelmatch": "^7.2.0",
     "pngjs": "^7.0.0",
-    "prettier": "^3.9.5",
+    "prettier": "^3.9.6",
     "prism-react-renderer": "^2.4.1",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
@@ -153,8 +153,8 @@
     "storybook": "^10.5.0",
     "stylelint-config-standard": "^40.0.0",
     "ts-morph": "^28.0.0",
-    "tsx": "^4.23.0",
-    "typescript-eslint": "^8.63.0",
+    "tsx": "^4.23.1",
+    "typescript-eslint": "^8.65.0",
     "vite": "^6.4.3",
     "vite-plugin-checker": "^0.14.4",
     "vite-plugin-circular-dependency": "^0.6.0",
@@ -176,7 +176,9 @@
     "js-yaml": "^4.2.0",
     "uuid": "^11.1.1",
     "@babel/core": "^7.29.6",
-    "markdown-it": "^14.2.0"
+    "markdown-it": "^14.2.0",
+    "conventional-commits-parser": "^7.1.0",
+    "conventional-commits-filter": "^5.0.0"
   },
   "dependencies": {
     "@gusto/embedded-api": "npm:@gusto/embedded-api-v-2026-06-15@^0.1.0",
@@ -191,8 +193,8 @@
     "react-aria": "^3.47.0",
     "react-aria-components": "1.16.0",
     "react-error-boundary": "^6.1.2",
-    "react-hook-form": "^7.81.0",
-    "react-i18next": "^17.0.9",
+    "react-hook-form": "^7.82.0",
+    "react-i18next": "^17.0.11",
     "react-robot": "^1.2.1",
     "robot3": "^1.2.0",
     "zod": "^4.3.6"

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

@@ -1 +0,0 @@
-{"version":3,"file":"applicableIf.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/applicableIf.ts"],"sourcesContent":["import type { TaxRequirement } from '@gusto/embedded-api/models/components/taxrequirement'\nimport { toRhfKey } from './rhfKey'\n\n/**\n * Map of `applicable_if` set key to its values, keyed by RHF-encoded field key.\n * Internal shape used by {@link isRequirementApplicable}.\n *\n * @internal\n */\nexport type StateTaxesFormValues = Record<string, Record<string, unknown> | undefined>\n\n/** @internal */\nexport function isRequirementApplicable(\n  requirement: TaxRequirement,\n  setKey: string,\n  formValues: StateTaxesFormValues,\n): boolean {\n  const constraints = requirement.applicableIf\n  if (!constraints || constraints.length === 0) return true\n\n  const setValues = formValues[setKey]\n  if (!setValues) return false\n\n  return constraints.every(({ key, value }) => {\n    if (!key) return true\n    return setValues[toRhfKey(key)] === value\n  })\n}\n"],"names":["isRequirementApplicable","requirement","setKey","formValues","constraints","setValues","key","value","toRhfKey"],"mappings":";AAYO,SAASA,EACdC,GACAC,GACAC,GACS;AACT,QAAMC,IAAcH,EAAY;AAChC,MAAI,CAACG,KAAeA,EAAY,WAAW,EAAG,QAAO;AAErD,QAAMC,IAAYF,EAAWD,CAAM;AACnC,SAAKG,IAEED,EAAY,MAAM,CAAC,EAAE,KAAAE,GAAK,OAAAC,QAC1BD,IACED,EAAUG,EAASF,CAAG,CAAC,MAAMC,IADnB,EAElB,IALsB;AAMzB;"}

package/dist/components/Company/StateTaxes/StateTaxesForm/rhfKey.d.ts

@@ -1,4 +0,0 @@
-/** @internal */
-export declare const toRhfKey: (key: string) => string;
-/** @internal */
-export declare const fromRhfKey: (key: string) => string;

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

@@ -1,5 +0,0 @@
-const _ = "__PIPE__", e = (P) => P.replaceAll("|", _);
-export {
-  e as toRhfKey
-};
-//# sourceMappingURL=rhfKey.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"rhfKey.js","sources":["../../../../../src/components/Company/StateTaxes/StateTaxesForm/rhfKey.ts"],"sourcesContent":["// react-hook-form's path parser strips `|`, `\"`, `'`, and `]` from field names\n// (see its stringToPath regex), which silently re-routes writes to a different\n// path than reads. Tax requirement keys like `wa_wc_hourly_rate|010103` need\n// the pipe replaced to round-trip through RHF state without losing values.\nconst PIPE_PLACEHOLDER = '__PIPE__'\n\n/** @internal */\nexport const toRhfKey = (key: string): string => key.replaceAll('|', PIPE_PLACEHOLDER)\n/** @internal */\nexport const fromRhfKey = (key: string): string => key.replaceAll(PIPE_PLACEHOLDER, '|')\n"],"names":["PIPE_PLACEHOLDER","toRhfKey","key"],"mappings":"AAIA,MAAMA,IAAmB,YAGZC,IAAW,CAACC,MAAwBA,EAAI,WAAW,KAAKF,CAAgB;"}

package/dist/components/Contractor/ContractorList/index.js

@@ -1,150 +0,0 @@
-import { jsx as n, jsxs as C } from "react/jsx-runtime";
-import { useTranslation as g } from "react-i18next";
-import { useContractorsDeleteMutation as V } from "@gusto/embedded-api/react-query/contractorsDelete";
-import { useContractorsUpdateOnboardingStatusMutation as j } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
-import { useContractors as q } from "./useContractorList.js";
-import { Flex as N } from "../../Common/Flex/Flex.js";
-import { EmptyData as W } from "../../Common/EmptyData/EmptyData.js";
-import { ActionsLayout as b } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { HamburgerMenu as X } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { firstLastName as Y } from "../../../helpers/formattedStrings.js";
-import z from "../../../assets/icons/pencil.svg.js";
-import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as J } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as K, useComponentDictionary as Q } from "../../../i18n/I18n.js";
-import { BaseComponent as Z } from "../../Base/Base.js";
-import { useBase as $ } from "../../Base/useBase.js";
-import { CONTRACTOR_TYPE as tt, componentEvents as c, ContractorOnboardingStatus as u } from "../../../shared/constants.js";
-import nt from "../../../assets/icons/trashcan.svg.js";
-import et from "../../../assets/icons/x-circle.svg.js";
-import { useDataView as ot } from "../../Common/DataView/useDataView.js";
-import { DataView as at } from "../../Common/DataView/DataView.js";
-function rt({ count: o, handleAdd: i }) {
-  const { Button: r, Heading: d } = p(), { t: e } = g("Contractor.ContractorList");
-  return /* @__PURE__ */ C(N, { alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ n(d, { as: "h2", children: e("title") }),
-    o !== 0 && /* @__PURE__ */ n(r, { variant: "secondary", onClick: i, children: e("addAnotherCta") })
-  ] });
-}
-function it({ handleAdd: o }) {
-  const { Button: i } = p(), { t: r } = g("Contractor.ContractorList");
-  return /* @__PURE__ */ n(W, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ n(b, { justifyContent: "center", children: /* @__PURE__ */ n(i, { onClick: o, children: r("addContractorCta") }) }) });
-}
-function It(o) {
-  return /* @__PURE__ */ n(Z, { ...o, children: /* @__PURE__ */ n(st, { ...o, children: o.children }) });
-}
-function st({ companyId: o, className: i, dictionary: r, successMessage: d }) {
-  K("Contractor.ContractorList"), Q("Contractor.ContractorList", r);
-  const { t: e } = g("Contractor.ContractorList"), { onEvent: s, baseSubmitHandler: f } = $(), { Alert: S, Button: E } = p(), {
-    contractors: T,
-    totalCount: O,
-    handleNextPage: A,
-    handleFirstPage: L,
-    handleLastPage: R,
-    handlePreviousPage: D,
-    handleItemsPerPageChange: P,
-    currentPage: I,
-    totalPages: _,
-    itemsPerPage: y
-  } = q({ companyUuid: o }), { mutateAsync: B, isPending: v } = V(), { mutateAsync: w, isPending: U } = j(), x = ot({
-    columns: [
-      {
-        title: e("listHeaders.name"),
-        render: (t) => t.type === tt.BUSINESS ? t.businessName : Y({ first_name: t.firstName, last_name: t.lastName })
-      },
-      {
-        title: e("listHeaders.status"),
-        render: ({ onboarded: t, onboardingStatus: a }) => /* @__PURE__ */ n(
-          J,
-          {
-            onboarded: t,
-            onboardingStatus: a
-          }
-        )
-      }
-    ],
-    data: T,
-    itemMenu: (t) => {
-      const a = t.onboardingStatus === u.SELF_ONBOARDING_REVIEW, l = e(a ? "reviewCta" : "editCta"), H = t.onboardingStatus === u.SELF_ONBOARDING_INVITED || t.onboardingStatus === u.SELF_ONBOARDING_STARTED, m = [
-        {
-          label: l,
-          icon: /* @__PURE__ */ n(z, { "aria-hidden": !0 }),
-          onClick: () => {
-            M(t.uuid);
-          }
-        }
-      ];
-      return H && m.push({
-        label: e("cancelSelfOnboardingCta"),
-        icon: /* @__PURE__ */ n(et, { "aria-hidden": !0 }),
-        onClick: () => {
-          G(t.uuid);
-        }
-      }), m.push({
-        label: e("deleteCta"),
-        icon: /* @__PURE__ */ n(nt, { "aria-hidden": !0 }),
-        onClick: () => {
-          F(t.uuid);
-        }
-      }), /* @__PURE__ */ n(
-        X,
-        {
-          items: m,
-          triggerLabel: l,
-          isLoading: v || U
-        }
-      );
-    },
-    emptyState: () => /* @__PURE__ */ n(it, { handleAdd: h }),
-    pagination: {
-      handleNextPage: A,
-      handleFirstPage: L,
-      handleLastPage: R,
-      handlePreviousPage: D,
-      handleItemsPerPageChange: P,
-      currentPage: I,
-      totalPages: _,
-      totalCount: O,
-      itemsPerPage: y
-    }
-  }), h = () => {
-    s(c.CONTRACTOR_CREATE);
-  }, M = (t) => {
-    s(c.CONTRACTOR_UPDATE, { contractorId: t });
-  }, k = () => {
-    s(c.CONTRACTOR_ONBOARDING_CONTINUE);
-  }, F = async (t) => {
-    await f(t, async (a) => {
-      await B({
-        request: { contractorUuid: a }
-      }), s(c.CONTRACTOR_DELETED, { contractorId: a });
-    });
-  }, G = async (t) => {
-    await f(t, async (a) => {
-      const l = await w({
-        request: {
-          contractorUuid: a,
-          contractorOnboardingStatusUpdateRequestBody: {
-            onboardingStatus: u.ADMIN_ONBOARDING_INCOMPLETE
-          }
-        }
-      });
-      s(
-        c.CONTRACTOR_SELF_ONBOARDING_CANCELLED,
-        l.contractorOnboardingStatus
-      );
-    });
-  };
-  return /* @__PURE__ */ C("section", { className: i, children: [
-    d && /* @__PURE__ */ n(S, { label: d, status: "success" }),
-    /* @__PURE__ */ C(N, { flexDirection: "column", children: [
-      /* @__PURE__ */ n(rt, { count: O, handleAdd: h }),
-      /* @__PURE__ */ n(at, { label: e("contractorListLabel"), ...x }),
-      /* @__PURE__ */ n(b, { children: /* @__PURE__ */ n(E, { onClick: k, isLoading: !1, children: e("continueCta") }) })
-    ] })
-  ] });
-}
-export {
-  It as ContractorList
-};
-//# sourceMappingURL=index.js.map

package/dist/components/Contractor/ContractorList/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/ContractorList/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractorsDeleteMutation } from '@gusto/embedded-api/react-query/contractorsDelete'\nimport { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, useDataView } from '@/components/Common'\nimport { firstLastName } from '@/helpers/formattedStrings'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu/HamburgerMenu'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ContractorOnboardingStatusBadge } from '@/components/Common/OnboardingStatusBadge'\nimport { useI18n, useComponentDictionary } from '@/i18n'\nimport { BaseComponent, useBase, type BaseComponentInterface } from '@/components/Base'\nimport { componentEvents, CONTRACTOR_TYPE, ContractorOnboardingStatus } from '@/shared/constants'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport XCircleSvg from '@/assets/icons/x-circle.svg?react'\n\ninterface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nfunction Head({ count, handleAdd }: HeadProps) {\n  const { Button, Heading } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"space-between\">\n      <Heading as=\"h2\">{t('title')}</Heading>\n\n      {count !== 0 && (\n        <Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addAnotherCta')}\n        </Button>\n      )}\n    </Flex>\n  )\n}\n\ninterface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nfunction EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps) {\n  const { Button } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  return (\n    <EmptyData title={t('emptyTableTitle')} description={t('emptyTableDescription')}>\n      <ActionsLayout justifyContent=\"center\">\n        <Button onClick={handleAdd}>{t('addContractorCta')}</Button>\n      </ActionsLayout>\n    </EmptyData>\n  )\n}\n\n/**\n * Props for {@link ContractorList}.\n *\n * @public\n */\nexport interface ContractorListProps extends BaseComponentInterface<'Contractor.ContractorList'> {\n  /** UUID of the company whose contractors should be listed. */\n  companyId: string\n  /** Success message to display in an alert above the list, typically after a create, update, or delete action. */\n  successMessage?: string\n}\n\n/**\n * Lists a company's contractors with controls to add, edit, delete, cancel self-onboarding, and continue onboarding.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `contractor/create` | The add-contractor action was triggered. | — |\n * | `contractor/update` | A contractor row's edit action was triggered. | `{ contractorId: string }` |\n * | `contractor/deleted` | A contractor was successfully deleted. | `{ contractorId: string }` |\n * | `contractor/selfOnboarding/cancelled` | A contractor's self-onboarding was cancelled, reverting them to admin onboarding. | The updated `contractorOnboardingStatus` returned by the API. |\n * | `contractor/onboarding/continue` | The continue action was triggered to advance onboarding. | — |\n *\n * @param props - See {@link ContractorListProps}.\n * @returns The rendered contractor list.\n * @public\n */\nexport function ContractorList(props: ContractorListProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({ companyId, className, dictionary, successMessage }: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  useComponentDictionary('Contractor.ContractorList', dictionary)\n  const { t } = useTranslation('Contractor.ContractorList')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const { Alert, Button } = useComponentContext()\n  const {\n    contractors,\n    totalCount,\n    handleNextPage,\n    handleFirstPage,\n    handleLastPage,\n    handlePreviousPage,\n    handleItemsPerPageChange,\n    currentPage,\n    totalPages,\n    itemsPerPage,\n  } = useContractors({ companyUuid: companyId })\n  const { mutateAsync: deleteContractorMutation, isPending: isPendingDelete } =\n    useContractorsDeleteMutation()\n  const { mutateAsync: updateOnboardingStatusMutation, isPending: isPendingCancel } =\n    useContractorsUpdateOnboardingStatusMutation()\n\n  const dataViewProps = useDataView<Contractor>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\n          contractor.type === CONTRACTOR_TYPE.BUSINESS\n            ? contractor.businessName\n            : firstLastName({ first_name: contractor.firstName, last_name: contractor.lastName }),\n      },\n      {\n        title: t('listHeaders.status'),\n        render: ({ onboarded, onboardingStatus }) => (\n          <ContractorOnboardingStatusBadge\n            onboarded={onboarded}\n            onboardingStatus={onboardingStatus}\n          />\n        ),\n      },\n    ],\n    data: contractors,\n    itemMenu: contractor => {\n      const isAwaitingSelfOnboardingReview =\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_REVIEW\n      const editLabel = isAwaitingSelfOnboardingReview ? t('reviewCta') : t('editCta')\n      const canCancelSelfOnboarding =\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_INVITED ||\n        contractor.onboardingStatus === ContractorOnboardingStatus.SELF_ONBOARDING_STARTED\n\n      const menuItems = [\n        {\n          label: editLabel,\n          icon: <PencilSvg aria-hidden />,\n          onClick: () => {\n            handleEdit(contractor.uuid)\n          },\n        },\n      ]\n\n      if (canCancelSelfOnboarding) {\n        menuItems.push({\n          label: t('cancelSelfOnboardingCta'),\n          icon: <XCircleSvg aria-hidden />,\n          onClick: () => {\n            void handleCancelSelfOnboarding(contractor.uuid)\n          },\n        })\n      }\n\n      menuItems.push({\n        label: t('deleteCta'),\n        icon: <TrashCanSvg aria-hidden />,\n        onClick: () => {\n          void handleDelete(contractor.uuid)\n        },\n      })\n\n      return (\n        <HamburgerMenu\n          items={menuItems}\n          triggerLabel={editLabel}\n          isLoading={isPendingDelete || isPendingCancel}\n        />\n      )\n    },\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\n      totalCount,\n      itemsPerPage,\n    },\n  })\n\n  const handleAdd = () => {\n    onEvent(componentEvents.CONTRACTOR_CREATE)\n  }\n\n  const handleEdit = (uuid: string) => {\n    onEvent(componentEvents.CONTRACTOR_UPDATE, { contractorId: uuid })\n  }\n\n  const handleContinue = () => {\n    onEvent(componentEvents.CONTRACTOR_ONBOARDING_CONTINUE)\n  }\n\n  const handleDelete = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      await deleteContractorMutation({\n        request: { contractorUuid: payload },\n      })\n\n      onEvent(componentEvents.CONTRACTOR_DELETED, { contractorId: payload })\n    })\n  }\n\n  const handleCancelSelfOnboarding = async (uuid: string) => {\n    await baseSubmitHandler(uuid, async payload => {\n      const response = await updateOnboardingStatusMutation({\n        request: {\n          contractorUuid: payload,\n          contractorOnboardingStatusUpdateRequestBody: {\n            onboardingStatus: ContractorOnboardingStatus.ADMIN_ONBOARDING_INCOMPLETE,\n          },\n        },\n      })\n\n      onEvent(\n        componentEvents.CONTRACTOR_SELF_ONBOARDING_CANCELLED,\n        response.contractorOnboardingStatus,\n      )\n    })\n  }\n\n  return (\n    <section className={className}>\n      {successMessage && <Alert label={successMessage} status=\"success\" />}\n      <Flex flexDirection=\"column\">\n        <Head count={totalCount} handleAdd={handleAdd} />\n        <DataView label={t('contractorListLabel')} {...dataViewProps} />\n        <ActionsLayout>\n          <Button onClick={handleContinue} isLoading={false}>\n            {t('continueCta')}\n          </Button>\n        </ActionsLayout>\n      </Flex>\n    </section>\n  )\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","props","BaseComponent","Root","companyId","className","dictionary","successMessage","useI18n","useComponentDictionary","onEvent","baseSubmitHandler","useBase","Alert","contractors","totalCount","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","itemsPerPage","useContractors","deleteContractorMutation","isPendingDelete","useContractorsDeleteMutation","updateOnboardingStatusMutation","isPendingCancel","useContractorsUpdateOnboardingStatusMutation","dataViewProps","useDataView","contractor","CONTRACTOR_TYPE","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","isAwaitingSelfOnboardingReview","ContractorOnboardingStatus","editLabel","canCancelSelfOnboarding","menuItems","PencilSvg","handleEdit","XCircleSvg","handleCancelSelfOnboarding","TrashCanSvg","handleDelete","HamburgerMenu","componentEvents","uuid","handleContinue","payload","response","DataView"],"mappings":"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"}

package/dist/components/Contractor/ContractorList/useContractorList.d.ts

@@ -1,18 +0,0 @@
-/** @internal */
-export interface useContractorsArgs {
-    companyUuid: string;
-}
-/** @internal */
-export declare function useContractors({ companyUuid }: useContractorsArgs): {
-    totalCount: number;
-    itemsPerPage: import('../../..').PaginationItemsPerPage;
-    currentPage: number;
-    totalPages: number;
-    isFetching?: boolean | undefined;
-    handleFirstPage: () => void;
-    handlePreviousPage: () => void;
-    handleNextPage: () => void;
-    handleLastPage: () => void;
-    handleItemsPerPageChange: (n: import('../../..').PaginationItemsPerPage) => void;
-    contractors: import('@gusto/embedded-api/models/components/contractor.js').Contractor[];
-};

package/dist/components/Contractor/ContractorList/useContractorList.js

@@ -1,15 +0,0 @@
-import { useContractorsListSuspense as a } from "@gusto/embedded-api/react-query/contractorsList";
-import { usePagination as i } from "../../../hooks/usePagination/usePagination.js";
-function u({ companyUuid: t }) {
-  const { currentPage: e, itemsPerPage: r, getPaginationProps: o } = i(), {
-    data: { httpMeta: s, contractors: n }
-  } = a({ companyUuid: t, page: e, per: r });
-  return {
-    contractors: n,
-    ...o(s.response.headers)
-  };
-}
-export {
-  u as useContractors
-};
-//# sourceMappingURL=useContractorList.js.map

package/dist/components/Contractor/ContractorList/useContractorList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/ContractorList/useContractorList.ts"],"sourcesContent":["import { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { usePagination } from '@/hooks/usePagination/usePagination'\n\n/** @internal */\nexport interface useContractorsArgs {\n  companyUuid: string\n}\n\n/** @internal */\nexport function useContractors({ companyUuid }: useContractorsArgs) {\n  const { currentPage, itemsPerPage, getPaginationProps } = usePagination()\n\n  const {\n    data: { httpMeta, contractors },\n  } = useContractorsListSuspense({ companyUuid, page: currentPage, per: itemsPerPage })\n\n  return {\n    contractors: contractors!,\n    ...getPaginationProps(httpMeta.response.headers),\n  }\n}\n"],"names":["useContractors","companyUuid","currentPage","itemsPerPage","getPaginationProps","usePagination","httpMeta","contractors","useContractorsListSuspense"],"mappings":";;AASO,SAASA,EAAe,EAAE,aAAAC,KAAmC;AAClE,QAAM,EAAE,aAAAC,GAAa,cAAAC,GAAc,oBAAAC,EAAA,IAAuBC,EAAA,GAEpD;AAAA,IACJ,MAAM,EAAE,UAAAC,GAAU,aAAAC,EAAA;AAAA,EAAY,IAC5BC,EAA2B,EAAE,aAAAP,GAAa,MAAMC,GAAa,KAAKC,GAAc;AAEpF,SAAO;AAAA,IACL,aAAAI;AAAA,IACA,GAAGH,EAAmBE,EAAS,SAAS,OAAO;AAAA,EAAA;AAEnD;"}