@gusto/embedded-react-sdk 0.54.1 → 0.55.1

package/dist/components/Contractor/shared/SelectContractors/SelectContractors.d.ts

@@ -3,6 +3,11 @@ export interface SelectContractorsProps {
     companyId: string;
     /** Called with the currently selected contractor ids whenever the selection changes. */
     onSelectionChange: (selectedIds: string[]) => void;
+    /**
+     * Seeds selection state on mount. Pass the caller's own previously-selected ids to survive
+     * this component unmounting and remounting (e.g. behind a "Back" button).
+     */
+    initialSelectedIds?: Iterable<string>;
     /** Overrides the default empty-state title shown when no contractors match. */
     emptyStateTitle?: string;
     /** Overrides the default empty-state description shown when no contractors match. */
@@ -16,4 +21,4 @@ export interface SelectContractorsProps {
  *
  * @internal
  */
-export declare function SelectContractors({ companyId, onSelectionChange, emptyStateTitle, emptyStateDescription, }: SelectContractorsProps): import("react").JSX.Element;
+export declare function SelectContractors({ companyId, onSelectionChange, initialSelectedIds, emptyStateTitle, emptyStateDescription, }: SelectContractorsProps): import("react").JSX.Element;

package/dist/components/Contractor/shared/SelectContractors/SelectContractors.js

@@ -1,23 +1,24 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useMemo as i, useEffect as d } from "react";
-import { useSelectContractors as u } from "./useSelectContractors.js";
-import { SelectContractorsPresentation as m } from "./SelectContractorsPresentation.js";
+import { useMemo as d, useEffect as u } from "react";
+import { useSelectContractors as m } from "./useSelectContractors.js";
+import { SelectContractorsPresentation as f } from "./SelectContractorsPresentation.js";
 import { BaseLayout as s } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
-function I({
+function L({
   companyId: a,
   onSelectionChange: n,
-  emptyStateTitle: c,
-  emptyStateDescription: l
+  initialSelectedIds: c,
+  emptyStateTitle: l,
+  emptyStateDescription: i
 }) {
-  const e = u(a), r = e.isLoading ? null : [...e.selectedIds].sort().join(","), t = i(
+  const e = m(a, c), r = e.isLoading ? null : [...e.selectedIds].sort().join(","), t = d(
     () => r === null ? null : r.split(",").filter(Boolean),
     [r]
   );
-  return d(() => {
+  return u(() => {
     t !== null && n(t);
   }, [t, n]), e.isLoading ? /* @__PURE__ */ o(s, { isLoading: !0, error: e.errorHandling.errors }) : /* @__PURE__ */ o(s, { error: e.errorHandling.errors, children: /* @__PURE__ */ o(
-    m,
+    f,
     {
       contractors: e.data.contractors,
       selectedIds: e.selectedIds,
@@ -28,12 +29,12 @@ function I({
       onSearchClear: e.actions.onSearchClear,
       pagination: e.pagination,
       isFetching: e.status.isFetching,
-      emptyStateTitle: c,
-      emptyStateDescription: l
+      emptyStateTitle: l,
+      emptyStateDescription: i
     }
   ) });
 }
 export {
-  I as SelectContractors
+  L as SelectContractors
 };
 //# sourceMappingURL=SelectContractors.js.map

package/dist/components/Contractor/shared/SelectContractors/SelectContractors.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/SelectContractors.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useSelectContractors } from './useSelectContractors'\nimport { SelectContractorsPresentation } from './SelectContractorsPresentation'\nimport { BaseLayout } from '@/components/Base'\n\n/** @internal */\nexport interface SelectContractorsProps {\n  companyId: string\n  /** Called with the currently selected contractor ids whenever the selection changes. */\n  onSelectionChange: (selectedIds: string[]) => void\n  /** Overrides the default empty-state title shown when no contractors match. */\n  emptyStateTitle?: string\n  /** Overrides the default empty-state description shown when no contractors match. */\n  emptyStateDescription?: string\n}\n\n/**\n * Multi-select contractor table. Fetches and filters eligible contractors via\n * {@link useSelectContractors} and reports the current selection through\n * `onSelectionChange` rather than emitting an SDK event — the composing\n * screen is responsible for translating the selection into its own events.\n *\n * @internal\n */\nexport function SelectContractors({\n  companyId,\n  onSelectionChange,\n  emptyStateTitle,\n  emptyStateDescription,\n}: SelectContractorsProps) {\n  const result = useSelectContractors(companyId)\n\n  const selectedIdsKey = result.isLoading ? null : [...result.selectedIds].sort().join(',')\n\n  const selectedIds = useMemo(\n    () => (selectedIdsKey === null ? null : selectedIdsKey.split(',').filter(Boolean)),\n    [selectedIdsKey],\n  )\n\n  useEffect(() => {\n    if (selectedIds === null) return\n    onSelectionChange(selectedIds)\n  }, [selectedIds, onSelectionChange])\n\n  if (result.isLoading) {\n    return <BaseLayout isLoading error={result.errorHandling.errors} />\n  }\n\n  return (\n    <BaseLayout error={result.errorHandling.errors}>\n      <SelectContractorsPresentation\n        contractors={result.data.contractors}\n        selectedIds={result.selectedIds}\n        searchValue={result.searchValue}\n        onSelect={result.actions.onSelect}\n        onSelectAll={result.actions.onSelectAll}\n        onSearchChange={result.actions.onSearchChange}\n        onSearchClear={result.actions.onSearchClear}\n        pagination={result.pagination}\n        isFetching={result.status.isFetching}\n        emptyStateTitle={emptyStateTitle}\n        emptyStateDescription={emptyStateDescription}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["SelectContractors","companyId","onSelectionChange","emptyStateTitle","emptyStateDescription","result","useSelectContractors","selectedIdsKey","selectedIds","useMemo","useEffect","BaseLayout","jsx","SelectContractorsPresentation"],"mappings":";;;;;;AAwBO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,uBAAAC;AACF,GAA2B;AACzB,QAAMC,IAASC,EAAqBL,CAAS,GAEvCM,IAAiBF,EAAO,YAAY,OAAO,CAAC,GAAGA,EAAO,WAAW,EAAE,OAAO,KAAK,GAAG,GAElFG,IAAcC;AAAA,IAClB,MAAOF,MAAmB,OAAO,OAAOA,EAAe,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,IAChF,CAACA,CAAc;AAAA,EAAA;AAQjB,SALAG,EAAU,MAAM;AACd,IAAIF,MAAgB,QACpBN,EAAkBM,CAAW;AAAA,EAC/B,GAAG,CAACA,GAAaN,CAAiB,CAAC,GAE/BG,EAAO,8BACDM,GAAA,EAAW,WAAS,IAAC,OAAON,EAAO,cAAc,QAAQ,IAIjE,gBAAAO,EAACD,GAAA,EAAW,OAAON,EAAO,cAAc,QACtC,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaR,EAAO,KAAK;AAAA,MACzB,aAAaA,EAAO;AAAA,MACpB,aAAaA,EAAO;AAAA,MACpB,UAAUA,EAAO,QAAQ;AAAA,MACzB,aAAaA,EAAO,QAAQ;AAAA,MAC5B,gBAAgBA,EAAO,QAAQ;AAAA,MAC/B,eAAeA,EAAO,QAAQ;AAAA,MAC9B,YAAYA,EAAO;AAAA,MACnB,YAAYA,EAAO,OAAO;AAAA,MAC1B,iBAAAF;AAAA,MACA,uBAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"SelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/SelectContractors.tsx"],"sourcesContent":["import { useEffect, useMemo } from 'react'\nimport { useSelectContractors } from './useSelectContractors'\nimport { SelectContractorsPresentation } from './SelectContractorsPresentation'\nimport { BaseLayout } from '@/components/Base'\n\n/** @internal */\nexport interface SelectContractorsProps {\n  companyId: string\n  /** Called with the currently selected contractor ids whenever the selection changes. */\n  onSelectionChange: (selectedIds: string[]) => void\n  /**\n   * Seeds selection state on mount. Pass the caller's own previously-selected ids to survive\n   * this component unmounting and remounting (e.g. behind a \"Back\" button).\n   */\n  initialSelectedIds?: Iterable<string>\n  /** Overrides the default empty-state title shown when no contractors match. */\n  emptyStateTitle?: string\n  /** Overrides the default empty-state description shown when no contractors match. */\n  emptyStateDescription?: string\n}\n\n/**\n * Multi-select contractor table. Fetches and filters eligible contractors via\n * {@link useSelectContractors} and reports the current selection through\n * `onSelectionChange` rather than emitting an SDK event — the composing\n * screen is responsible for translating the selection into its own events.\n *\n * @internal\n */\nexport function SelectContractors({\n  companyId,\n  onSelectionChange,\n  initialSelectedIds,\n  emptyStateTitle,\n  emptyStateDescription,\n}: SelectContractorsProps) {\n  const result = useSelectContractors(companyId, initialSelectedIds)\n\n  const selectedIdsKey = result.isLoading ? null : [...result.selectedIds].sort().join(',')\n\n  const selectedIds = useMemo(\n    () => (selectedIdsKey === null ? null : selectedIdsKey.split(',').filter(Boolean)),\n    [selectedIdsKey],\n  )\n\n  useEffect(() => {\n    if (selectedIds === null) return\n    onSelectionChange(selectedIds)\n  }, [selectedIds, onSelectionChange])\n\n  if (result.isLoading) {\n    return <BaseLayout isLoading error={result.errorHandling.errors} />\n  }\n\n  return (\n    <BaseLayout error={result.errorHandling.errors}>\n      <SelectContractorsPresentation\n        contractors={result.data.contractors}\n        selectedIds={result.selectedIds}\n        searchValue={result.searchValue}\n        onSelect={result.actions.onSelect}\n        onSelectAll={result.actions.onSelectAll}\n        onSearchChange={result.actions.onSearchChange}\n        onSearchClear={result.actions.onSearchClear}\n        pagination={result.pagination}\n        isFetching={result.status.isFetching}\n        emptyStateTitle={emptyStateTitle}\n        emptyStateDescription={emptyStateDescription}\n      />\n    </BaseLayout>\n  )\n}\n"],"names":["SelectContractors","companyId","onSelectionChange","initialSelectedIds","emptyStateTitle","emptyStateDescription","result","useSelectContractors","selectedIdsKey","selectedIds","useMemo","useEffect","BaseLayout","jsx","SelectContractorsPresentation"],"mappings":";;;;;;AA6BO,SAASA,EAAkB;AAAA,EAChC,WAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,uBAAAC;AACF,GAA2B;AACzB,QAAMC,IAASC,EAAqBN,GAAWE,CAAkB,GAE3DK,IAAiBF,EAAO,YAAY,OAAO,CAAC,GAAGA,EAAO,WAAW,EAAE,OAAO,KAAK,GAAG,GAElFG,IAAcC;AAAA,IAClB,MAAOF,MAAmB,OAAO,OAAOA,EAAe,MAAM,GAAG,EAAE,OAAO,OAAO;AAAA,IAChF,CAACA,CAAc;AAAA,EAAA;AAQjB,SALAG,EAAU,MAAM;AACd,IAAIF,MAAgB,QACpBP,EAAkBO,CAAW;AAAA,EAC/B,GAAG,CAACA,GAAaP,CAAiB,CAAC,GAE/BI,EAAO,8BACDM,GAAA,EAAW,WAAS,IAAC,OAAON,EAAO,cAAc,QAAQ,IAIjE,gBAAAO,EAACD,GAAA,EAAW,OAAON,EAAO,cAAc,QACtC,UAAA,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,aAAaR,EAAO,KAAK;AAAA,MACzB,aAAaA,EAAO;AAAA,MACpB,aAAaA,EAAO;AAAA,MACpB,UAAUA,EAAO,QAAQ;AAAA,MACzB,aAAaA,EAAO,QAAQ;AAAA,MAC5B,gBAAgBA,EAAO,QAAQ;AAAA,MAC/B,eAAeA,EAAO,QAAQ;AAAA,MAC9B,YAAYA,EAAO;AAAA,MACnB,YAAYA,EAAO,OAAO;AAAA,MAC1B,iBAAAF;AAAA,MACA,uBAAAC;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/components/Contractor/shared/SelectContractors/useSelectContractors.d.ts

@@ -53,6 +53,10 @@ export type UseSelectContractorsResult = HookLoadingResult | UseSelectContractor
  * all pages, not just the current page slice — "select all" means every
  * matching contractor, including ones scrolled off-screen.
  *
+ * `initialSelectedIds` seeds selection state and is only read on mount. Pass the caller's own
+ * previously-selected ids here to survive an unmount/remount (e.g. a "Back" button that swaps
+ * this component out for another screen and back).
+ *
  * @internal
  */
-export declare function useSelectContractors(companyId: string): UseSelectContractorsResult;
+export declare function useSelectContractors(companyId: string, initialSelectedIds?: Iterable<string>): UseSelectContractorsResult;

package/dist/components/Contractor/shared/SelectContractors/useSelectContractors.js

@@ -1,49 +1,51 @@
-import { useState as y, useMemo as I, useCallback as C } from "react";
-import { useContractorsList as _, buildContractorsListQuery as N } from "@gusto/embedded-api/react-query/contractorsList";
-import { useGustoEmbeddedContext as O } from "@gusto/embedded-api/react-query/_context";
-import { useQueries as v } from "@tanstack/react-query";
-import { useClientPagination as D } from "../../../../hooks/useClientPagination/useClientPagination.js";
-import { composeErrorHandler as G } from "../../../../partner-hook-utils/composeErrorHandler.js";
-import { ContractorOnboardingStatus as Q } from "../../../../shared/constants.js";
-import { getContractorDisplayName as H } from "../helpers.js";
+import { useState as I, useMemo as _, useCallback as C } from "react";
+import { useContractorsList as N, buildContractorsListQuery as O } from "@gusto/embedded-api/react-query/contractorsList";
+import { useGustoEmbeddedContext as v } from "@gusto/embedded-api/react-query/_context";
+import { useQueries as D } from "@tanstack/react-query";
+import { useClientPagination as G } from "../../../../hooks/useClientPagination/useClientPagination.js";
+import { composeErrorHandler as Q } from "../../../../partner-hook-utils/composeErrorHandler.js";
+import { ContractorOnboardingStatus as H } from "../../../../shared/constants.js";
+import { getContractorDisplayName as U } from "../helpers.js";
 const h = 100;
-function U(e) {
-  return e.isActive && e.onboardingStatus === Q.ONBOARDING_COMPLETED;
+function V(e) {
+  return e.isActive && e.onboardingStatus === H.ONBOARDING_COMPLETED;
 }
 function S(e, u) {
-  return H(e).toLowerCase().includes(u.toLowerCase());
+  return U(e).toLowerCase().includes(u.toLowerCase());
 }
-function J(e) {
-  const u = O(), [P, l] = y(() => /* @__PURE__ */ new Set()), d = _({
+function K(e, u) {
+  const P = v(), [b, l] = I(
+    () => new Set(u)
+  ), d = N({
     companyUuid: e,
     page: 1,
     per: h
-  }), { data: n, isFetching: g } = d, b = Number(n?.httpMeta.response.headers.get("x-total-pages") ?? 1), a = v({
-    queries: Array.from({ length: Math.max(0, b - 1) }, (t, o) => ({
-      ...N(u, {
+  }), { data: n, isFetching: g } = d, w = Number(n?.httpMeta.response.headers.get("x-total-pages") ?? 1), a = D({
+    queries: Array.from({ length: Math.max(0, w - 1) }, (t, o) => ({
+      ...O(P, {
         companyUuid: e,
         page: o + 2,
         per: h
       }),
       enabled: !!n
     }))
-  }), w = !n && g || a.some((t) => !t.data && t.isFetching), m = G([d, ...a]), s = I(() => n ? [
+  }), E = !n && g || a.some((t) => !t.data && t.isFetching), m = Q([d, ...a]), s = _(() => n ? [
     ...n.contractors ?? [],
     ...a.flatMap((o) => o.data?.contractors ?? [])
-  ].filter(U) : [], [n, a]), {
-    data: E,
-    pagination: L,
+  ].filter(V) : [], [n, a]), {
+    data: L,
+    pagination: A,
     searchValue: c,
     actions: f
-  } = D(s, {
+  } = G(s, {
     searchPredicate: S,
     defaultItemsPerPage: 25
-  }), A = g || a.some((t) => t.isFetching), x = new Set(s.map((t) => t.uuid)), F = new Set([...P].filter((t) => x.has(t))), M = C((t, o) => {
+  }), x = g || a.some((t) => t.isFetching), F = new Set(s.map((t) => t.uuid)), M = new Set([...b].filter((t) => F.has(t))), R = C((t, o) => {
     l((i) => {
       const r = new Set(i);
       return o ? r.add(t.uuid) : r.delete(t.uuid), r;
     });
-  }, []), R = C(
+  }, []), y = C(
     (t) => {
       const o = c ? s.filter((i) => S(i, c)) : s;
       l((i) => {
@@ -55,20 +57,20 @@ function J(e) {
     },
     [s, c]
   );
-  return w ? {
+  return E ? {
     isLoading: !0,
     errorHandling: m
   } : {
     isLoading: !1,
-    data: { contractors: E },
-    status: { isFetching: A },
+    data: { contractors: L },
+    status: { isFetching: x },
     eligibleCount: s.length,
-    selectedIds: F,
-    pagination: L,
+    selectedIds: M,
+    pagination: A,
     searchValue: c,
     actions: {
-      onSelect: M,
-      onSelectAll: R,
+      onSelect: R,
+      onSelectAll: y,
       onSearchChange: f.onSearchChange,
       onSearchClear: f.onSearchClear
     },
@@ -76,7 +78,7 @@ function J(e) {
   };
 }
 export {
-  U as isEligibleContractor,
-  J as useSelectContractors
+  V as isEligibleContractor,
+  K as useSelectContractors
 };
 //# sourceMappingURL=useSelectContractors.js.map

package/dist/components/Contractor/shared/SelectContractors/useSelectContractors.js.map

@@ -1 +1 @@
-{"version":3,"file":"useSelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/useSelectContractors.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildContractorsListQuery,\n  useContractorsList,\n} from '@gusto/embedded-api/react-query/contractorsList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueries } from '@tanstack/react-query'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { getContractorDisplayName } from '@/components/Contractor/shared/helpers'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n/** @internal */\nexport function isEligibleContractor(contractor: Contractor): boolean {\n  return (\n    contractor.isActive &&\n    contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  )\n}\n\nfunction matchesContractorSearch(contractor: Contractor, query: string): boolean {\n  return getContractorDisplayName(contractor).toLowerCase().includes(query.toLowerCase())\n}\n\n/**\n * Ready state of {@link useSelectContractors}.\n *\n * @internal\n */\nexport interface UseSelectContractorsReady extends BaseHookReady<\n  { contractors: Contractor[] },\n  { isFetching: boolean }\n> {\n  /**\n   * Count of eligible (active + onboarded) contractors across every page.\n   * Unaffected by the current search — see `pagination.totalCount` for the\n   * eligible-and-search-matching count instead.\n   */\n  eligibleCount: number\n  /**\n   * Currently selected contractor uuids. Always a subset of the current\n   * eligible contractors: uuids for contractors that become ineligible or\n   * disappear from the list on a refetch are dropped automatically.\n   */\n  selectedIds: Set<string>\n  /** Pagination controls for the client-paginated, search-filtered contractor list. */\n  pagination: PaginationControlProps\n  /** Current search value. */\n  searchValue: string\n  /** Selection and search actions. */\n  actions: {\n    /** Selects or deselects a single contractor. */\n    onSelect: (contractor: Contractor, checked: boolean) => void\n    /** Selects or deselects every eligible contractor in the current search scope, across all pages. */\n    onSelectAll: (checked: boolean) => void\n    /** Updates the search value. */\n    onSearchChange: (value: string) => void\n    /** Clears the search value. */\n    onSearchClear: () => void\n  }\n}\n\n/** @internal */\nexport type UseSelectContractorsResult = HookLoadingResult | UseSelectContractorsReady\n\n/**\n * Fetches every contractor page up front, filters to active + onboarded\n * contractors, and owns client-side pagination, search, and selection state\n * over the result.\n *\n * @remarks\n * `actions.onSelectAll` scopes to the full eligible, search-filtered list across\n * all pages, not just the current page slice — \"select all\" means every\n * matching contractor, including ones scrolled off-screen.\n *\n * @internal\n */\nexport function useSelectContractors(companyId: string): UseSelectContractorsResult {\n  const gustoClient = useGustoEmbeddedContext()\n  const [rawSelectedIds, setRawSelectedIds] = useState<Set<string>>(() => new Set())\n\n  const firstPageQuery = useContractorsList({\n    companyUuid: companyId,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n  })\n  const { data: firstPage, isFetching: isFirstPageFetching } = firstPageQuery\n\n  const totalServerPages = Number(firstPage?.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // No explicit concurrency cap: typical embedded customers are <100\n  // contractors (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this ever needs to support thousands of contractors,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) => ({\n      ...buildContractorsListQuery(gustoClient, {\n        companyUuid: companyId,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n      }),\n      enabled: !!firstPage,\n    })),\n  })\n\n  const isLoading =\n    (!firstPage && isFirstPageFetching) || restPageResults.some(r => !r.data && r.isFetching)\n\n  const errorHandling = composeErrorHandler([firstPageQuery, ...restPageResults])\n\n  const eligibleContractors = useMemo<Contractor[]>(() => {\n    if (!firstPage) return []\n    const contractors = [\n      ...(firstPage.contractors ?? []),\n      ...restPageResults.flatMap(r => r.data?.contractors ?? []),\n    ]\n    return contractors.filter(isEligibleContractor)\n  }, [firstPage, restPageResults])\n\n  const {\n    data: filteredContractors,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleContractors, {\n    searchPredicate: matchesContractorSearch,\n    defaultItemsPerPage: 25,\n  })\n\n  const isFetching = isFirstPageFetching || restPageResults.some(r => r.isFetching)\n\n  const validContractorIds = new Set(eligibleContractors.map(contractor => contractor.uuid))\n  const selectedIds = new Set([...rawSelectedIds].filter(uuid => validContractorIds.has(uuid)))\n\n  const onSelect = useCallback((contractor: Contractor, checked: boolean) => {\n    setRawSelectedIds(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(contractor.uuid)\n      else next.delete(contractor.uuid)\n      return next\n    })\n  }, [])\n\n  const onSelectAll = useCallback(\n    (checked: boolean) => {\n      const scope = searchValue\n        ? eligibleContractors.filter(contractor => matchesContractorSearch(contractor, searchValue))\n        : eligibleContractors\n      setRawSelectedIds(prev => {\n        const next = new Set(prev)\n        for (const contractor of scope) {\n          if (checked) next.add(contractor.uuid)\n          else next.delete(contractor.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleContractors, searchValue],\n  )\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractors: filteredContractors },\n    status: { isFetching },\n    eligibleCount: eligibleContractors.length,\n    selectedIds,\n    pagination,\n    searchValue,\n    actions: {\n      onSelect,\n      onSelectAll,\n      onSearchChange: paginationActions.onSearchChange,\n      onSearchClear: paginationActions.onSearchClear,\n    },\n    errorHandling,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isEligibleContractor","contractor","ContractorOnboardingStatus","matchesContractorSearch","query","getContractorDisplayName","useSelectContractors","companyId","gustoClient","useGustoEmbeddedContext","rawSelectedIds","setRawSelectedIds","useState","firstPageQuery","useContractorsList","firstPage","isFirstPageFetching","totalServerPages","restPageResults","useQueries","_","i","buildContractorsListQuery","isLoading","r","errorHandling","composeErrorHandler","eligibleContractors","useMemo","filteredContractors","pagination","searchValue","paginationActions","useClientPagination","isFetching","validContractorIds","selectedIds","uuid","onSelect","useCallback","checked","prev","next","onSelectAll","scope"],"mappings":"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"}
+{"version":3,"file":"useSelectContractors.js","sources":["../../../../../src/components/Contractor/shared/SelectContractors/useSelectContractors.ts"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react'\nimport {\n  buildContractorsListQuery,\n  useContractorsList,\n} from '@gusto/embedded-api/react-query/contractorsList'\nimport { useGustoEmbeddedContext } from '@gusto/embedded-api/react-query/_context'\nimport { useQueries } from '@tanstack/react-query'\nimport type { Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useClientPagination } from '@/hooks/useClientPagination/useClientPagination'\nimport { composeErrorHandler } from '@/partner-hook-utils/composeErrorHandler'\nimport { ContractorOnboardingStatus } from '@/shared/constants'\nimport type { HookLoadingResult, BaseHookReady } from '@/partner-hook-utils/types'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\nimport { getContractorDisplayName } from '@/components/Contractor/shared/helpers'\n\nconst SERVER_MAX_PER_PAGE = 100\n\n/** @internal */\nexport function isEligibleContractor(contractor: Contractor): boolean {\n  return (\n    contractor.isActive &&\n    contractor.onboardingStatus === ContractorOnboardingStatus.ONBOARDING_COMPLETED\n  )\n}\n\nfunction matchesContractorSearch(contractor: Contractor, query: string): boolean {\n  return getContractorDisplayName(contractor).toLowerCase().includes(query.toLowerCase())\n}\n\n/**\n * Ready state of {@link useSelectContractors}.\n *\n * @internal\n */\nexport interface UseSelectContractorsReady extends BaseHookReady<\n  { contractors: Contractor[] },\n  { isFetching: boolean }\n> {\n  /**\n   * Count of eligible (active + onboarded) contractors across every page.\n   * Unaffected by the current search — see `pagination.totalCount` for the\n   * eligible-and-search-matching count instead.\n   */\n  eligibleCount: number\n  /**\n   * Currently selected contractor uuids. Always a subset of the current\n   * eligible contractors: uuids for contractors that become ineligible or\n   * disappear from the list on a refetch are dropped automatically.\n   */\n  selectedIds: Set<string>\n  /** Pagination controls for the client-paginated, search-filtered contractor list. */\n  pagination: PaginationControlProps\n  /** Current search value. */\n  searchValue: string\n  /** Selection and search actions. */\n  actions: {\n    /** Selects or deselects a single contractor. */\n    onSelect: (contractor: Contractor, checked: boolean) => void\n    /** Selects or deselects every eligible contractor in the current search scope, across all pages. */\n    onSelectAll: (checked: boolean) => void\n    /** Updates the search value. */\n    onSearchChange: (value: string) => void\n    /** Clears the search value. */\n    onSearchClear: () => void\n  }\n}\n\n/** @internal */\nexport type UseSelectContractorsResult = HookLoadingResult | UseSelectContractorsReady\n\n/**\n * Fetches every contractor page up front, filters to active + onboarded\n * contractors, and owns client-side pagination, search, and selection state\n * over the result.\n *\n * @remarks\n * `actions.onSelectAll` scopes to the full eligible, search-filtered list across\n * all pages, not just the current page slice — \"select all\" means every\n * matching contractor, including ones scrolled off-screen.\n *\n * `initialSelectedIds` seeds selection state and is only read on mount. Pass the caller's own\n * previously-selected ids here to survive an unmount/remount (e.g. a \"Back\" button that swaps\n * this component out for another screen and back).\n *\n * @internal\n */\nexport function useSelectContractors(\n  companyId: string,\n  initialSelectedIds?: Iterable<string>,\n): UseSelectContractorsResult {\n  const gustoClient = useGustoEmbeddedContext()\n  const [rawSelectedIds, setRawSelectedIds] = useState<Set<string>>(\n    () => new Set(initialSelectedIds),\n  )\n\n  const firstPageQuery = useContractorsList({\n    companyUuid: companyId,\n    page: 1,\n    per: SERVER_MAX_PER_PAGE,\n  })\n  const { data: firstPage, isFetching: isFirstPageFetching } = firstPageQuery\n\n  const totalServerPages = Number(firstPage?.httpMeta.response.headers.get('x-total-pages') ?? 1)\n\n  // No explicit concurrency cap: typical embedded customers are <100\n  // contractors (one server page, zero extra requests). For larger companies\n  // the browser's per-origin connection limit (~6) acts as the natural\n  // ceiling. If this ever needs to support thousands of contractors,\n  // reconsider — either a server-side eligibility filter or a paginated\n  // fetch-as-you-scroll strategy would be the right escape hatches.\n  const restPageResults = useQueries({\n    queries: Array.from({ length: Math.max(0, totalServerPages - 1) }, (_, i) => ({\n      ...buildContractorsListQuery(gustoClient, {\n        companyUuid: companyId,\n        page: i + 2,\n        per: SERVER_MAX_PER_PAGE,\n      }),\n      enabled: !!firstPage,\n    })),\n  })\n\n  const isLoading =\n    (!firstPage && isFirstPageFetching) || restPageResults.some(r => !r.data && r.isFetching)\n\n  const errorHandling = composeErrorHandler([firstPageQuery, ...restPageResults])\n\n  const eligibleContractors = useMemo<Contractor[]>(() => {\n    if (!firstPage) return []\n    const contractors = [\n      ...(firstPage.contractors ?? []),\n      ...restPageResults.flatMap(r => r.data?.contractors ?? []),\n    ]\n    return contractors.filter(isEligibleContractor)\n  }, [firstPage, restPageResults])\n\n  const {\n    data: filteredContractors,\n    pagination,\n    searchValue,\n    actions: paginationActions,\n  } = useClientPagination(eligibleContractors, {\n    searchPredicate: matchesContractorSearch,\n    defaultItemsPerPage: 25,\n  })\n\n  const isFetching = isFirstPageFetching || restPageResults.some(r => r.isFetching)\n\n  const validContractorIds = new Set(eligibleContractors.map(contractor => contractor.uuid))\n  const selectedIds = new Set([...rawSelectedIds].filter(uuid => validContractorIds.has(uuid)))\n\n  const onSelect = useCallback((contractor: Contractor, checked: boolean) => {\n    setRawSelectedIds(prev => {\n      const next = new Set(prev)\n      if (checked) next.add(contractor.uuid)\n      else next.delete(contractor.uuid)\n      return next\n    })\n  }, [])\n\n  const onSelectAll = useCallback(\n    (checked: boolean) => {\n      const scope = searchValue\n        ? eligibleContractors.filter(contractor => matchesContractorSearch(contractor, searchValue))\n        : eligibleContractors\n      setRawSelectedIds(prev => {\n        const next = new Set(prev)\n        for (const contractor of scope) {\n          if (checked) next.add(contractor.uuid)\n          else next.delete(contractor.uuid)\n        }\n        return next\n      })\n    },\n    [eligibleContractors, searchValue],\n  )\n\n  if (isLoading) {\n    return {\n      isLoading: true,\n      errorHandling,\n    }\n  }\n\n  return {\n    isLoading: false,\n    data: { contractors: filteredContractors },\n    status: { isFetching },\n    eligibleCount: eligibleContractors.length,\n    selectedIds,\n    pagination,\n    searchValue,\n    actions: {\n      onSelect,\n      onSelectAll,\n      onSearchChange: paginationActions.onSearchChange,\n      onSearchClear: paginationActions.onSearchClear,\n    },\n    errorHandling,\n  }\n}\n"],"names":["SERVER_MAX_PER_PAGE","isEligibleContractor","contractor","ContractorOnboardingStatus","matchesContractorSearch","query","getContractorDisplayName","useSelectContractors","companyId","initialSelectedIds","gustoClient","useGustoEmbeddedContext","rawSelectedIds","setRawSelectedIds","useState","firstPageQuery","useContractorsList","firstPage","isFirstPageFetching","totalServerPages","restPageResults","useQueries","_","i","buildContractorsListQuery","isLoading","r","errorHandling","composeErrorHandler","eligibleContractors","useMemo","filteredContractors","pagination","searchValue","paginationActions","useClientPagination","isFetching","validContractorIds","selectedIds","uuid","onSelect","useCallback","checked","prev","next","onSelectAll","scope"],"mappings":"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"}

package/dist/components/Employee/Documents/onboarding/DocumentSigner/DocumentList/useDocumentList.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 [a, f] = t("DocumentListContext");
+const [d, a] = t("DocumentListContext");
 export {
-  f as DocumentListProvider,
-  a as useDocumentList
+  a as DocumentListProvider,
+  d as useDocumentList
 };
 //# sourceMappingURL=useDocumentList.js.map

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

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

package/dist/components/Employee/FederalTaxes/shared/FederalTaxesView.js

@@ -3,10 +3,10 @@ import { useTranslation as x, Trans as s } from "react-i18next";
 import { BaseLayout as b } from "../../../Base/Base.js";
 import "../../../Base/useBase.js";
 import { Form as I } from "../../../Common/Form/Form.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
 import { SDKFormProvider as R } from "../../../../partner-hook-utils/form/SDKFormProvider.js";
 import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useI18n as F, useComponentDictionary as S } from "../../../../i18n/I18n.js";
-import { Flex as l } from "../../../Common/Flex/Flex.js";
 function Q({
   federalTaxes: r,
   onSubmit: d,

package/dist/components/Employee/PaymentMethod/management/PaymentMethodBankForm.js

@@ -1,17 +1,17 @@
 import { jsxs as M, jsx as n } from "react/jsx-runtime";
 import { useTranslation as s } from "react-i18next";
 import { useManagementBankFormDictionary as p } from "./useFormDictionary.js";
-import { useComponentContext as c } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as c } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as _ } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { componentEvents as t } from "../../../../shared/constants.js";
-import { Flex as _ } from "../../../Common/Flex/Flex.js";
 import { BankFormBody as l } from "../shared/BankFormBody/BankFormBody.js";
 function F({
   employeeId: e,
   onEvent: o,
   ...m
 }) {
-  const r = p(), { t: a } = s("Employee.Management.PaymentMethodBankForm"), i = c();
-  return /* @__PURE__ */ M(_, { flexDirection: "column", gap: 32, children: [
+  const r = p(), { t: a } = s("Employee.Management.PaymentMethodBankForm"), i = _();
+  return /* @__PURE__ */ M(c, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ n(i.Heading, { as: "h1", styledAs: "h2", children: a("title") }),
     /* @__PURE__ */ n(
       l,

package/dist/components/Employee/PaymentMethod/onboarding/BankForm.js

@@ -1,13 +1,13 @@
 import { jsxs as c, jsx as n } from "react/jsx-runtime";
 import { useTranslation as p } from "react-i18next";
 import { useOnboardingBankFormDictionary as d } from "./useFormDictionary.js";
-import { useComponentContext as l } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as l } from "../../../Common/Flex/Flex.js";
+import { useComponentContext as f } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { componentEvents as r } from "../../../../shared/constants.js";
-import { Flex as f } from "../../../Common/Flex/Flex.js";
 import { BankFormBody as C } from "../shared/BankFormBody/BankFormBody.js";
 function F({ employeeId: t, onEvent: o, ...m }) {
-  const e = d(), { t: i } = p("Employee.PaymentMethod"), a = l();
-  return /* @__PURE__ */ c(f, { flexDirection: "column", gap: 32, children: [
+  const e = d(), { t: i } = p("Employee.PaymentMethod"), a = f();
+  return /* @__PURE__ */ c(l, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ n(a.Heading, { as: "h1", styledAs: "h2", children: i("addBankAccountFormTitle") }),
     /* @__PURE__ */ n(
       C,

package/dist/components/Flow/Flow.js

@@ -1,10 +1,10 @@
 import { jsx as o, jsxs as f } from "react/jsx-runtime";
 import { Suspense as u } from "react";
 import { useMachine as h } from "react-robot";
+import { Flex as s } from "../Common/Flex/Flex.js";
 import { FlowContext as x } from "./useFlow.js";
 import { FlowHeader as F } from "./FlowHeader.js";
 import { useLoadingIndicator as v } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { Flex as s } from "../Common/Flex/Flex.js";
 const E = 40;
 function H() {
   const { LoadingIndicator: n } = v();

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js

@@ -18,13 +18,12 @@ import "@gusto/embedded-api/models/errors/httpclienterrors";
 import { formatNumberAsCurrency as L } from "../../../helpers/formattedStrings.js";
 import "../../../shared/constants.js";
 import { useComponentContext as V } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { useI18n as E } from "../../../i18n/I18n.js";
 import { NumberInputField as T } from "../../Common/Fields/NumberInputField/NumberInputField.js";
 const q = P.object({
   netPay: P.number().positive()
 });
-function fe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
+function pe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
   E("Payroll.GrossUpModal");
   const { t: r } = k("Payroll.GrossUpModal"), { Modal: M, Heading: u, Text: p, Button: i, Alert: f } = V(), { baseSubmitHandler: y } = H(), N = R(null), [l, c] = o(null), [h, m] = o(null), [g, b] = o(!1), [x, v] = o(!1), s = U({
     resolver: z(q),
@@ -111,6 +110,6 @@ function fe({ isOpen: n, onCalculateGrossUp: w, onApply: A, onCancel: d }) {
   );
 }
 export {
-  fe as GrossUpModal
+  pe as GrossUpModal
 };
 //# sourceMappingURL=GrossUpModal.js.map

package/dist/components/Payroll/GrossUpModal/GrossUpModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\n/** @internal */\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              errorMessage={t('validations.netPay')}\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":"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"}
+{"version":3,"file":"GrossUpModal.js","sources":["../../../../src/components/Payroll/GrossUpModal/GrossUpModal.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { z } from 'zod'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport type { GrossUpModalProps } from './GrossUpModalTypes'\nimport styles from './GrossUpModal.module.scss'\nimport { ActionsLayout, Flex, NumberInputField } from '@/components/Common'\nimport { useBase } from '@/components/Base'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport { formatNumberAsCurrency } from '@/helpers/formattedStrings'\n\nconst GrossUpFormSchema = z.object({\n  netPay: z.number().positive(),\n})\n\ntype GrossUpFormValues = z.infer<typeof GrossUpFormSchema>\n\n/** @internal */\nexport function GrossUpModal({ isOpen, onCalculateGrossUp, onApply, onCancel }: GrossUpModalProps) {\n  useI18n('Payroll.GrossUpModal')\n  const { t } = useTranslation('Payroll.GrossUpModal')\n  const { Modal, Heading, Text, Button, Alert } = useComponentContext()\n  const { baseSubmitHandler } = useBase()\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n\n  const [calculatedGrossUp, setCalculatedGrossUp] = useState<string | null>(null)\n  const [errorMessage, setErrorMessage] = useState<string | null>(null)\n  const [isCalculating, setIsCalculating] = useState(false)\n  const [isApplying, setIsApplying] = useState(false)\n\n  const formHandlers = useForm<GrossUpFormValues>({\n    resolver: zodResolver(GrossUpFormSchema),\n    defaultValues: { netPay: 0 },\n  })\n\n  useEffect(() => {\n    if (!isOpen) {\n      formHandlers.reset({ netPay: 0 })\n      setCalculatedGrossUp(null)\n      setErrorMessage(null)\n    }\n  }, [isOpen, formHandlers.reset])\n\n  const handleCalculate = async (data: GrossUpFormValues) => {\n    setErrorMessage(null)\n    setCalculatedGrossUp(null)\n    setIsCalculating(true)\n\n    await baseSubmitHandler(null, async () => {\n      try {\n        const result = await onCalculateGrossUp(data.netPay)\n\n        if (result) {\n          setCalculatedGrossUp(result)\n        } else {\n          setErrorMessage(t('errorMessage'))\n        }\n      } finally {\n        setIsCalculating(false)\n      }\n    })\n  }\n\n  const handleApply = async () => {\n    if (calculatedGrossUp) {\n      setIsApplying(true)\n      await baseSubmitHandler(null, async () => {\n        try {\n          await onApply(calculatedGrossUp)\n        } finally {\n          setIsApplying(false)\n        }\n      })\n    }\n  }\n\n  return (\n    <Modal\n      isOpen={isOpen}\n      onClose={onCancel}\n      containerRef={modalContainerRef}\n      footer={\n        <ActionsLayout>\n          <Button\n            variant=\"primary\"\n            isDisabled={!calculatedGrossUp}\n            onClick={handleApply}\n            isLoading={isApplying}\n          >\n            {t('applyCta')}\n          </Button>\n          <Button variant=\"secondary\" onClick={onCancel}>\n            {t('cancelCta')}\n          </Button>\n        </ActionsLayout>\n      }\n    >\n      <FormProvider {...formHandlers}>\n        <div className={styles.header}>\n          <Heading as=\"h2\" styledAs=\"h3\">\n            {t('title')}\n          </Heading>\n          <Text variant=\"supporting\" as=\"p\">\n            {t('description')}\n          </Text>\n        </div>\n\n        <div className={styles.content}>\n          {errorMessage && (\n            <div className={styles.alert}>\n              <Alert label={errorMessage} status=\"error\" disableScrollIntoView />\n            </div>\n          )}\n\n          <div className={styles.alert}>\n            <Alert label={t('warning')} status=\"warning\" disableScrollIntoView />\n          </div>\n\n          <Flex flexDirection=\"row\" gap={8}>\n            <NumberInputField\n              name=\"netPay\"\n              label={t('netPayLabel')}\n              format=\"currency\"\n              errorMessage={t('validations.netPay')}\n              min={0}\n              isRequired\n            />\n            <Button\n              variant=\"secondary\"\n              className={styles.calculateButton}\n              isDisabled={isCalculating}\n              onClick={formHandlers.handleSubmit(handleCalculate)}\n            >\n              {isCalculating ? t('calculatingCta') : t('calculateCta')}\n            </Button>\n          </Flex>\n\n          {calculatedGrossUp && (\n            <>\n              <div className={styles.result}>\n                <Text size=\"sm\" variant=\"supporting\" weight=\"semibold\">\n                  {t('grossPayResult')}\n                </Text>\n                <Heading as=\"h3\">{formatNumberAsCurrency(parseFloat(calculatedGrossUp))}</Heading>\n              </div>\n            </>\n          )}\n        </div>\n      </FormProvider>\n    </Modal>\n  )\n}\n"],"names":["GrossUpFormSchema","z","GrossUpModal","isOpen","onCalculateGrossUp","onApply","onCancel","useI18n","t","useTranslation","Modal","Heading","Text","Button","Alert","useComponentContext","baseSubmitHandler","useBase","modalContainerRef","useRef","calculatedGrossUp","setCalculatedGrossUp","useState","errorMessage","setErrorMessage","isCalculating","setIsCalculating","isApplying","setIsApplying","formHandlers","useForm","zodResolver","useEffect","handleCalculate","data","result","jsx","ActionsLayout","jsxs","FormProvider","styles","Flex","NumberInputField","Fragment"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAaA,MAAMA,IAAoBC,EAAE,OAAO;AAAA,EACjC,QAAQA,EAAE,OAAA,EAAS,SAAA;AACrB,CAAC;AAKM,SAASC,GAAa,EAAE,QAAAC,GAAQ,oBAAAC,GAAoB,SAAAC,GAAS,UAAAC,KAA+B;AACjG,EAAAC,EAAQ,sBAAsB;AAC9B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,sBAAsB,GAC7C,EAAE,OAAAC,GAAO,SAAAC,GAAS,MAAAC,GAAM,QAAAC,GAAQ,OAAAC,EAAA,IAAUC,EAAA,GAC1C,EAAE,mBAAAC,EAAA,IAAsBC,EAAA,GACxBC,IAAoBC,EAAuB,IAAI,GAE/C,CAACC,GAAmBC,CAAoB,IAAIC,EAAwB,IAAI,GACxE,CAACC,GAAcC,CAAe,IAAIF,EAAwB,IAAI,GAC9D,CAACG,GAAeC,CAAgB,IAAIJ,EAAS,EAAK,GAClD,CAACK,GAAYC,CAAa,IAAIN,EAAS,EAAK,GAE5CO,IAAeC,EAA2B;AAAA,IAC9C,UAAUC,EAAY/B,CAAiB;AAAA,IACvC,eAAe,EAAE,QAAQ,EAAA;AAAA,EAAE,CAC5B;AAED,EAAAgC,EAAU,MAAM;AACd,IAAK7B,MACH0B,EAAa,MAAM,EAAE,QAAQ,EAAA,CAAG,GAChCR,EAAqB,IAAI,GACzBG,EAAgB,IAAI;AAAA,EAExB,GAAG,CAACrB,GAAQ0B,EAAa,KAAK,CAAC;AAE/B,QAAMI,IAAkB,OAAOC,MAA4B;AACzD,IAAAV,EAAgB,IAAI,GACpBH,EAAqB,IAAI,GACzBK,EAAiB,EAAI,GAErB,MAAMV,EAAkB,MAAM,YAAY;AACxC,UAAI;AACF,cAAMmB,IAAS,MAAM/B,EAAmB8B,EAAK,MAAM;AAEnD,QAAIC,IACFd,EAAqBc,CAAM,IAE3BX,EAAgBhB,EAAE,cAAc,CAAC;AAAA,MAErC,UAAA;AACE,QAAAkB,EAAiB,EAAK;AAAA,MACxB;AAAA,IACF,CAAC;AAAA,EACH;AAeA,SACE,gBAAAU;AAAA,IAAC1B;AAAA,IAAA;AAAA,MACC,QAAAP;AAAA,MACA,SAASG;AAAA,MACT,cAAcY;AAAA,MACd,0BACGmB,GAAA,EACC,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACvB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,YAAY,CAACO;AAAA,YACb,SAvBU,YAAY;AAC9B,cAAIA,MACFQ,EAAc,EAAI,GAClB,MAAMZ,EAAkB,MAAM,YAAY;AACxC,oBAAI;AACF,wBAAMX,EAAQe,CAAiB;AAAA,gBACjC,UAAA;AACE,kBAAAQ,EAAc,EAAK;AAAA,gBACrB;AAAA,cACF,CAAC;AAAA,YAEL;AAAA,YAaU,WAAWD;AAAA,YAEV,YAAE,UAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAS,EAACvB,KAAO,SAAQ,aAAY,SAASP,GAClC,UAAAE,EAAE,WAAW,EAAA,CAChB;AAAA,MAAA,GACF;AAAA,MAGF,UAAA,gBAAA8B,EAACC,GAAA,EAAc,GAAGV,GAChB,UAAA;AAAA,QAAA,gBAAAS,EAAC,OAAA,EAAI,WAAWE,EAAO,QACrB,UAAA;AAAA,UAAA,gBAAAJ,EAACzB,KAAQ,IAAG,MAAK,UAAS,MACvB,UAAAH,EAAE,OAAO,GACZ;AAAA,UACA,gBAAA4B,EAACxB,KAAK,SAAQ,cAAa,IAAG,KAC3B,UAAAJ,EAAE,aAAa,EAAA,CAClB;AAAA,QAAA,GACF;AAAA,QAEA,gBAAA8B,EAAC,OAAA,EAAI,WAAWE,EAAO,SACpB,UAAA;AAAA,UAAAjB,KACC,gBAAAa,EAAC,OAAA,EAAI,WAAWI,EAAO,OACrB,UAAA,gBAAAJ,EAACtB,GAAA,EAAM,OAAOS,GAAc,QAAO,SAAQ,uBAAqB,IAAC,GACnE;AAAA,UAGF,gBAAAa,EAAC,OAAA,EAAI,WAAWI,EAAO,OACrB,UAAA,gBAAAJ,EAACtB,GAAA,EAAM,OAAON,EAAE,SAAS,GAAG,QAAO,WAAU,uBAAqB,IAAC,GACrE;AAAA,UAEA,gBAAA8B,EAACG,GAAA,EAAK,eAAc,OAAM,KAAK,GAC7B,UAAA;AAAA,YAAA,gBAAAL;AAAA,cAACM;AAAA,cAAA;AAAA,gBACC,MAAK;AAAA,gBACL,OAAOlC,EAAE,aAAa;AAAA,gBACtB,QAAO;AAAA,gBACP,cAAcA,EAAE,oBAAoB;AAAA,gBACpC,KAAK;AAAA,gBACL,YAAU;AAAA,cAAA;AAAA,YAAA;AAAA,YAEZ,gBAAA4B;AAAA,cAACvB;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW2B,EAAO;AAAA,gBAClB,YAAYf;AAAA,gBACZ,SAASI,EAAa,aAAaI,CAAe;AAAA,gBAEjD,UAAgBzB,EAAhBiB,IAAkB,mBAAsB,cAAN;AAAA,cAAoB;AAAA,YAAA;AAAA,UACzD,GACF;AAAA,UAECL,KACC,gBAAAgB,EAAAO,GAAA,EACE,UAAA,gBAAAL,EAAC,OAAA,EAAI,WAAWE,EAAO,QACrB,UAAA;AAAA,YAAA,gBAAAJ,EAACxB,GAAA,EAAK,MAAK,MAAK,SAAQ,cAAa,QAAO,YACzC,UAAAJ,EAAE,gBAAgB,EAAA,CACrB;AAAA,YACA,gBAAA4B,EAACzB,KAAQ,IAAG,MAAM,YAAuB,WAAWS,CAAiB,CAAC,EAAA,CAAE;AAAA,UAAA,EAAA,CAC1E,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN;"}

package/dist/components/Payroll/usePreparedPayrollData.js

@@ -1,4 +1,4 @@
-import { useState as M, useRef as m, useMemo as _, useCallback as y, useEffect as b } from "react";
+import { useState as M, useRef as y, useMemo as _, useCallback as m, useEffect as b } from "react";
 import { usePayrollsPrepareMutation as L } from "@gusto/embedded-api/react-query/payrollsPrepare";
 import { usePaySchedulesGet as D } from "@gusto/embedded-api/react-query/paySchedulesGet";
 import { UnprocessableEntityError as T } from "@gusto/embedded-api/models/errors/unprocessableentityerror";
@@ -13,16 +13,15 @@ import "@gusto/embedded-api/models/errors/sdkvalidationerror";
 import "@gusto/embedded-api/models/errors/httpclienterrors";
 import "../../shared/constants.js";
 import "../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import { retryAsync as x } from "../../helpers/retryAsync.js";
-const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, W = ({
+const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.category === "invalid_operation") : !1, V = ({
   companyId: e,
   payrollId: r,
   employeeUuids: a,
   sortBy: n,
   onDataReady: l
 }) => {
-  const { mutateAsync: p, isPending: c } = L(), [o, f] = M(), t = m(!1), u = m(!1), { baseSubmitHandler: d } = w(), h = _(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
+  const { mutateAsync: c, isPending: p } = L(), [o, f] = M(), t = y(!1), u = y(!1), { baseSubmitHandler: d } = w(), h = _(() => a?.join(",") ?? "", [a]), { data: S, isLoading: E } = D(
     {
       companyId: e,
       payScheduleId: o?.payPeriod?.payScheduleUuid || ""
@@ -30,8 +29,8 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
     {
       enabled: !!o?.payPeriod?.payScheduleUuid
     }
-  ), P = y(async () => {
-    const i = await p({
+  ), P = m(async () => {
+    const i = await c({
       request: {
         companyId: e,
         payrollId: r,
@@ -42,7 +41,7 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
       }
     });
     f(i.payrollPrepared), i.payrollPrepared && (t.current = !0, l?.(i.payrollPrepared));
-  }, [e, r, p, h, n, l]), s = y(async () => {
+  }, [e, r, c, h, n, l]), s = m(async () => {
     await d(
       null,
       () => x(P, {
@@ -55,7 +54,7 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
   b(() => {
     u.current || (u.current = !0, s());
   }, [s]);
-  const g = c && !t.current, R = c && t.current, A = g || E;
+  const g = p && !t.current, R = p && t.current, A = g || E;
   return {
     handlePreparePayroll: s,
     preparedPayroll: o,
@@ -66,6 +65,6 @@ const q = 4, v = 1500, B = (e) => e instanceof T ? e.errors.some((r) => r.catego
   };
 };
 export {
-  W as usePreparedPayrollData
+  V as usePreparedPayrollData
 };
 //# sourceMappingURL=usePreparedPayrollData.js.map

package/dist/components/Payroll/usePreparedPayrollData.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}
+{"version":3,"file":"usePreparedPayrollData.js","sources":["../../../src/components/Payroll/usePreparedPayrollData.ts"],"sourcesContent":["import { useState, useEffect, useCallback, useRef, useMemo } from 'react'\nimport { usePayrollsPrepareMutation } from '@gusto/embedded-api/react-query/payrollsPrepare'\nimport { usePaySchedulesGet } from '@gusto/embedded-api/react-query/paySchedulesGet'\nimport type { PayrollPrepared } from '@gusto/embedded-api/models/components/payrollshow'\nimport type { PayScheduleShow } from '@gusto/embedded-api/models/components/payscheduleshow'\nimport { UnprocessableEntityError } from '@gusto/embedded-api/models/errors/unprocessableentityerror'\nimport { useBase } from '../Base'\nimport { retryAsync } from '@/helpers/retryAsync'\n\ninterface UsePreparedPayrollDataParams {\n  companyId: string\n  payrollId: string\n  employeeUuids?: string[]\n  sortBy?: string\n  onDataReady?: (preparedPayroll: PayrollPrepared) => void\n}\n\ninterface UsePreparedPayrollDataReturn {\n  handlePreparePayroll: () => Promise<void>\n  preparedPayroll: PayrollPrepared | undefined\n  paySchedule: PayScheduleShow | undefined\n  isLoading: boolean\n  isPaginating: boolean\n  hasInitialData: boolean\n}\n\nconst PREPARE_MAX_ATTEMPTS = 4\nconst PREPARE_RETRY_DELAY_MS = 1500\n\nconst isPayrollBeingProcessedError = (error: unknown): boolean => {\n  if (!(error instanceof UnprocessableEntityError)) return false\n  return error.errors.some(e => e.category === 'invalid_operation')\n}\n\n/**\n * Wraps the prepare-payroll mutation and pay-schedule fetch, retrying while the payroll is still being processed.\n *\n * @remarks\n * Fires the prepare call once on mount, then exposes `handlePreparePayroll` for callers that need to re-prepare\n * (e.g. after sort or pagination changes). Distinguishes initial loading from subsequent pagination via\n * `isLoading` and `isPaginating`, and surfaces the pay schedule for the prepared payroll's pay period.\n *\n * @param params - The company and payroll identifiers, plus optional employee filter, sort, and ready callback.\n * @returns The prepared payroll, its pay schedule, loading flags, and a `handlePreparePayroll` callback to re-run.\n * @internal\n */\nexport const usePreparedPayrollData = ({\n  companyId,\n  payrollId,\n  employeeUuids,\n  sortBy,\n  onDataReady,\n}: UsePreparedPayrollDataParams): UsePreparedPayrollDataReturn => {\n  const { mutateAsync: preparePayroll, isPending: isPreparePayrollPending } =\n    usePayrollsPrepareMutation()\n  const [preparedPayroll, setPreparedPayroll] = useState<PayrollPrepared | undefined>()\n  const hasInitialDataRef = useRef(false)\n  const hasFiredRef = useRef(false)\n  const { baseSubmitHandler } = useBase()\n\n  const employeeUuidsKey = useMemo(() => employeeUuids?.join(',') ?? '', [employeeUuids])\n\n  const { data: payScheduleData, isLoading: isPayScheduleLoading } = usePaySchedulesGet(\n    {\n      companyId,\n      payScheduleId: preparedPayroll?.payPeriod?.payScheduleUuid || '',\n    },\n    {\n      enabled: !!preparedPayroll?.payPeriod?.payScheduleUuid,\n    },\n  )\n\n  const executePrepare = useCallback(async () => {\n    const result = await preparePayroll({\n      request: {\n        companyId,\n        payrollId,\n        sortBy,\n        requestBody: {\n          employeeUuids,\n        },\n      },\n    })\n    setPreparedPayroll(result.payrollPrepared)\n    if (result.payrollPrepared) {\n      hasInitialDataRef.current = true\n      onDataReady?.(result.payrollPrepared)\n    }\n  }, [companyId, payrollId, preparePayroll, employeeUuidsKey, sortBy, onDataReady])\n\n  const handlePreparePayroll = useCallback(async () => {\n    await baseSubmitHandler(null, () =>\n      retryAsync(executePrepare, {\n        maxAttempts: PREPARE_MAX_ATTEMPTS,\n        delayMs: PREPARE_RETRY_DELAY_MS,\n        shouldRetry: isPayrollBeingProcessedError,\n      }),\n    )\n  }, [baseSubmitHandler, executePrepare])\n\n  useEffect(() => {\n    if (hasFiredRef.current) return\n    hasFiredRef.current = true\n    void handlePreparePayroll()\n  }, [handlePreparePayroll])\n\n  const isInitialLoading = isPreparePayrollPending && !hasInitialDataRef.current\n  const isPaginating = isPreparePayrollPending && hasInitialDataRef.current\n  const isLoading = isInitialLoading || isPayScheduleLoading\n\n  return {\n    handlePreparePayroll,\n    preparedPayroll,\n    paySchedule: payScheduleData?.payScheduleShow,\n    isLoading,\n    isPaginating,\n    hasInitialData: hasInitialDataRef.current,\n  }\n}\n"],"names":["PREPARE_MAX_ATTEMPTS","PREPARE_RETRY_DELAY_MS","isPayrollBeingProcessedError","error","UnprocessableEntityError","e","usePreparedPayrollData","companyId","payrollId","employeeUuids","sortBy","onDataReady","preparePayroll","isPreparePayrollPending","usePayrollsPrepareMutation","preparedPayroll","setPreparedPayroll","useState","hasInitialDataRef","useRef","hasFiredRef","baseSubmitHandler","useBase","employeeUuidsKey","useMemo","payScheduleData","isPayScheduleLoading","usePaySchedulesGet","executePrepare","useCallback","result","handlePreparePayroll","retryAsync","useEffect","isInitialLoading","isPaginating","isLoading"],"mappings":";;;;;;;;;;;;;;;;AA0BA,MAAMA,IAAuB,GACvBC,IAAyB,MAEzBC,IAA+B,CAACC,MAC9BA,aAAiBC,IAChBD,EAAM,OAAO,KAAK,CAAAE,MAAKA,EAAE,aAAa,mBAAmB,IADP,IAgB9CC,IAAyB,CAAC;AAAA,EACrC,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AACF,MAAkE;AAChE,QAAM,EAAE,aAAaC,GAAgB,WAAWC,EAAA,IAC9CC,EAAA,GACI,CAACC,GAAiBC,CAAkB,IAAIC,EAAA,GACxCC,IAAoBC,EAAO,EAAK,GAChCC,IAAcD,EAAO,EAAK,GAC1B,EAAE,mBAAAE,EAAA,IAAsBC,EAAA,GAExBC,IAAmBC,EAAQ,MAAMf,GAAe,KAAK,GAAG,KAAK,IAAI,CAACA,CAAa,CAAC,GAEhF,EAAE,MAAMgB,GAAiB,WAAWC,MAAyBC;AAAA,IACjE;AAAA,MACE,WAAApB;AAAA,MACA,eAAeQ,GAAiB,WAAW,mBAAmB;AAAA,IAAA;AAAA,IAEhE;AAAA,MACE,SAAS,CAAC,CAACA,GAAiB,WAAW;AAAA,IAAA;AAAA,EACzC,GAGIa,IAAiBC,EAAY,YAAY;AAC7C,UAAMC,IAAS,MAAMlB,EAAe;AAAA,MAClC,SAAS;AAAA,QACP,WAAAL;AAAA,QACA,WAAAC;AAAA,QACA,QAAAE;AAAA,QACA,aAAa;AAAA,UACX,eAAAD;AAAA,QAAA;AAAA,MACF;AAAA,IACF,CACD;AACD,IAAAO,EAAmBc,EAAO,eAAe,GACrCA,EAAO,oBACTZ,EAAkB,UAAU,IAC5BP,IAAcmB,EAAO,eAAe;AAAA,EAExC,GAAG,CAACvB,GAAWC,GAAWI,GAAgBW,GAAkBb,GAAQC,CAAW,CAAC,GAE1EoB,IAAuBF,EAAY,YAAY;AACnD,UAAMR;AAAA,MAAkB;AAAA,MAAM,MAC5BW,EAAWJ,GAAgB;AAAA,QACzB,aAAa5B;AAAA,QACb,SAASC;AAAA,QACT,aAAaC;AAAA,MAAA,CACd;AAAA,IAAA;AAAA,EAEL,GAAG,CAACmB,GAAmBO,CAAc,CAAC;AAEtC,EAAAK,EAAU,MAAM;AACd,IAAIb,EAAY,YAChBA,EAAY,UAAU,IACjBW,EAAA;AAAA,EACP,GAAG,CAACA,CAAoB,CAAC;AAEzB,QAAMG,IAAmBrB,KAA2B,CAACK,EAAkB,SACjEiB,IAAetB,KAA2BK,EAAkB,SAC5DkB,IAAYF,KAAoBR;AAEtC,SAAO;AAAA,IACL,sBAAAK;AAAA,IACA,iBAAAhB;AAAA,IACA,aAAaU,GAAiB;AAAA,IAC9B,WAAAW;AAAA,IACA,cAAAD;AAAA,IACA,gBAAgBjB,EAAkB;AAAA,EAAA;AAEtC;"}

package/dist/contexts/GustoProvider/GustoProviderCustomUIAdapter.d.ts

@@ -1,6 +1,7 @@
 import { default as React, JSX, ReactNode } from 'react';
 import { QueryClient } from '@tanstack/react-query';
 import { ComponentsContextType } from '../ComponentAdapter/useComponentContext';
+import { UnstableFeatures } from '../UnstableFeaturesProvider/useUnstableFeature';
 import { GustoSDKTheme } from '../ThemeProvider/theme';
 import { GlobalResourceDictionary } from '../../types/Helpers';
 import { SDKHooks } from '../../types/hooks';
@@ -54,6 +55,11 @@ export interface GustoBaseProviderProps {
     LoaderComponent?: ({ children }: {
         children?: ReactNode;
     }) => JSX.Element;
+    /**
+     * Opt-in flags for alpha SDK functionality. See {@link UnstableFeatures}.
+     * @alpha
+     */
+    unstableFeatures?: UnstableFeatures;
 }
 /**
  * Props for {@link GustoProviderCustomUIAdapter}.