@gusto/embedded-react-sdk 0.14.1 → 0.16.0

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

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

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

@@ -1 +1 @@
-{"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 { 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 } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\nexport interface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nexport function 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\nexport interface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nexport function 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\nexport interface ContractorListProps extends CommonComponentInterface<'Contractor.ContractorList'> {\n  companyId: string\n  successMessage?: string\n}\n\nexport function ContractorList(props: ContractorListProps & BaseComponentInterface) {\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  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  } = useContractors({ companyUuid: companyId })\n  const { mutateAsync: deleteContractorMutation, isPending: isPendingDelete } =\n    useContractorsDeleteMutation()\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      <HamburgerMenu\n        items={[\n          {\n            label: t('editCTA'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(contractor.uuid)\n            },\n          },\n          {\n            label: t('deleteCTA'),\n            icon: <TrashCanSvg aria-hidden />,\n            onClick: () => {\n              void handleDelete(contractor.uuid)\n            },\n          },\n        ]}\n        triggerLabel={t('editCTA')}\n        isLoading={isPendingDelete}\n      />\n    ),\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\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  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","onEvent","baseSubmitHandler","useBase","Alert","contractors","totalCount","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","useContractors","deleteContractorMutation","isPendingDelete","useContractorsDeleteMutation","dataViewProps","useDataView","contractor","CONTRACTOR_TYPE","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","handleEdit","TrashCanSvg","handleDelete","componentEvents","uuid","handleContinue","payload","DataView"],"mappings":"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"}
+{"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 { 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 } from '@/i18n'\nimport {\n  BaseComponent,\n  useBase,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { componentEvents, CONTRACTOR_TYPE } from '@/shared/constants'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\n\nexport interface HeadProps {\n  count: number\n  handleAdd: () => void\n}\nexport function 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\nexport interface EmptyDataContractorsListProps {\n  handleAdd: () => void\n}\nexport function 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\nexport interface ContractorListProps extends CommonComponentInterface<'Contractor.ContractorList'> {\n  companyId: string\n  successMessage?: string\n}\n\nexport function ContractorList(props: ContractorListProps & BaseComponentInterface) {\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  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\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      <HamburgerMenu\n        items={[\n          {\n            label: t('editCTA'),\n            icon: <PencilSvg aria-hidden />,\n            onClick: () => {\n              handleEdit(contractor.uuid)\n            },\n          },\n          {\n            label: t('deleteCTA'),\n            icon: <TrashCanSvg aria-hidden />,\n            onClick: () => {\n              void handleDelete(contractor.uuid)\n            },\n          },\n        ]}\n        triggerLabel={t('editCTA')}\n        isLoading={isPendingDelete}\n      />\n    ),\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n    pagination: {\n      handleNextPage,\n      handleFirstPage,\n      handleLastPage,\n      handlePreviousPage,\n      handleItemsPerPageChange,\n      currentPage,\n      totalPages,\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  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","onEvent","baseSubmitHandler","useBase","Alert","contractors","totalCount","handleNextPage","handleFirstPage","handleLastPage","handlePreviousPage","handleItemsPerPageChange","currentPage","totalPages","itemsPerPage","useContractors","deleteContractorMutation","isPendingDelete","useContractorsDeleteMutation","dataViewProps","useDataView","contractor","CONTRACTOR_TYPE","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","handleEdit","TrashCanSvg","handleDelete","componentEvents","uuid","handleContinue","payload","DataView"],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { Contractor } from '@gusto/embedded-api/models/components/contractor';
+import { PaginationItemsPerPage } from '../../Common/PaginationControl/PaginationControlTypes';
 export interface ContractorListContext {
     contractors: Contractor[];
 }
@@ -9,10 +10,11 @@ export declare function useContractors({ companyUuid }: useContractorsArgs): {
     contractors: Contractor[];
     currentPage: number;
     handleFirstPage: () => void;
-    handleItemsPerPageChange: import('react').Dispatch<import('react').SetStateAction<number>>;
+    handleItemsPerPageChange: import('react').Dispatch<import('react').SetStateAction<PaginationItemsPerPage>>;
     handleLastPage: () => void;
     handleNextPage: () => void;
     handlePreviousPage: () => void;
     totalCount: number;
     totalPages: number;
+    itemsPerPage: PaginationItemsPerPage;
 };

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

@@ -1,9 +1,9 @@
 import { useContractorsListSuspense as u } from "@gusto/embedded-api/react-query/contractorsList";
-import { useState as o } from "react";
-function C({ companyUuid: r }) {
-  const [s, e] = o(1), [g, P] = o(5), {
-    data: { httpMeta: n, contractorList: c }
-  } = u({ companyUuid: r, page: s, per: g }), t = Number(n.response.headers.get("x-total-pages") ?? 1), h = Number(n.response.headers.get("x-total-count") ?? 1);
+import { useState as r } from "react";
+function C({ companyUuid: g }) {
+  const [s, e] = r(1), [n, P] = r(5), {
+    data: { httpMeta: o, contractorList: c }
+  } = u({ companyUuid: g, page: s, per: n }), t = Number(o.response.headers.get("x-total-pages") ?? 1), h = Number(o.response.headers.get("x-total-count") ?? 1);
   return {
     contractors: c,
     currentPage: s,
@@ -21,7 +21,8 @@ function C({ companyUuid: r }) {
       e((a) => Math.max(a - 1, 1));
     },
     totalCount: h,
-    totalPages: t
+    totalPages: t,
+    itemsPerPage: n
   };
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/ContractorList/useContractorList.ts"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useState } from 'react'\n\nexport interface ContractorListContext {\n  contractors: Contractor[]\n}\n\nexport interface useContractorsArgs {\n  companyUuid: string\n}\n\nexport function useContractors({ companyUuid }: useContractorsArgs) {\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState(5)\n\n  const {\n    data: { httpMeta, contractorList: contractors },\n  } = useContractorsListSuspense({ companyUuid, page: currentPage, per: itemsPerPage })\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n  const totalCount = Number(httpMeta.response.headers.get('x-total-count') ?? 1)\n\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n\n  return {\n    contractors: contractors!,\n    currentPage,\n    handleFirstPage,\n    handleItemsPerPageChange: setItemsPerPage,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    totalCount,\n    totalPages,\n  }\n}\n"],"names":["useContractors","companyUuid","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","httpMeta","contractors","useContractorsListSuspense","totalPages","totalCount","prevPage"],"mappings":";;AAYO,SAASA,EAAe,EAAE,aAAAC,KAAmC;AAClE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAS,CAAC,GAE5C;AAAA,IACJ,MAAM,EAAE,UAAAG,GAAU,gBAAgBC,EAAA;AAAA,EAAY,IAC5CC,EAA2B,EAAE,aAAAR,GAAa,MAAMC,GAAa,KAAKG,GAAc,GAC9EK,IAAa,OAAOH,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC,GACvEI,IAAa,OAAOJ,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC;AAe7E,SAAO;AAAA,IACL,aAAAC;AAAA,IACA,aAAAN;AAAA,IACA,iBAhBsB,MAAM;AAC5B,MAAAC,EAAe,CAAC;AAAA,IAClB;AAAA,IAeE,0BAA0BG;AAAA,IAC1B,gBAfqB,MAAM;AAC3B,MAAAH,EAAeO,CAAU;AAAA,IAC3B;AAAA,IAcE,gBAbqB,MAAM;AAC3B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,IAC/D;AAAA,IAYE,oBAXyB,MAAM;AAC/B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IAUE,YAAAD;AAAA,IACA,YAAAD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/ContractorList/useContractorList.ts"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useContractorsListSuspense } from '@gusto/embedded-api/react-query/contractorsList'\nimport { useState } from 'react'\nimport type { PaginationItemsPerPage } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\nexport interface ContractorListContext {\n  contractors: Contractor[]\n}\n\nexport interface useContractorsArgs {\n  companyUuid: string\n}\n\nexport function useContractors({ companyUuid }: useContractorsArgs) {\n  const [currentPage, setCurrentPage] = useState(1)\n  const [itemsPerPage, setItemsPerPage] = useState<PaginationItemsPerPage>(5)\n\n  const {\n    data: { httpMeta, contractorList: contractors },\n  } = useContractorsListSuspense({ companyUuid, page: currentPage, per: itemsPerPage })\n  const totalPages = Number(httpMeta.response.headers.get('x-total-pages') ?? 1)\n  const totalCount = Number(httpMeta.response.headers.get('x-total-count') ?? 1)\n\n  const handleFirstPage = () => {\n    setCurrentPage(1)\n  }\n  const handleLastPage = () => {\n    setCurrentPage(totalPages)\n  }\n  const handleNextPage = () => {\n    setCurrentPage(prevPage => Math.min(prevPage + 1, totalPages))\n  }\n  const handlePreviousPage = () => {\n    setCurrentPage(prevPage => Math.max(prevPage - 1, 1))\n  }\n\n  return {\n    contractors: contractors!,\n    currentPage,\n    handleFirstPage,\n    handleItemsPerPageChange: setItemsPerPage,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    totalCount,\n    totalPages,\n    itemsPerPage,\n  }\n}\n"],"names":["useContractors","companyUuid","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","httpMeta","contractors","useContractorsListSuspense","totalPages","totalCount","prevPage"],"mappings":";;AAaO,SAASA,EAAe,EAAE,aAAAC,KAAmC;AAClE,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,CAAC,GAC1C,CAACC,GAAcC,CAAe,IAAIF,EAAiC,CAAC,GAEpE;AAAA,IACJ,MAAM,EAAE,UAAAG,GAAU,gBAAgBC,EAAA;AAAA,EAAY,IAC5CC,EAA2B,EAAE,aAAAR,GAAa,MAAMC,GAAa,KAAKG,GAAc,GAC9EK,IAAa,OAAOH,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC,GACvEI,IAAa,OAAOJ,EAAS,SAAS,QAAQ,IAAI,eAAe,KAAK,CAAC;AAe7E,SAAO;AAAA,IACL,aAAAC;AAAA,IACA,aAAAN;AAAA,IACA,iBAhBsB,MAAM;AAC5B,MAAAC,EAAe,CAAC;AAAA,IAClB;AAAA,IAeE,0BAA0BG;AAAA,IAC1B,gBAfqB,MAAM;AAC3B,MAAAH,EAAeO,CAAU;AAAA,IAC3B;AAAA,IAcE,gBAbqB,MAAM;AAC3B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,IAC/D;AAAA,IAYE,oBAXyB,MAAM;AAC/B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IAUE,YAAAD;AAAA,IACA,YAAAD;AAAA,IACA,cAAAL;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js

@@ -1,57 +1,57 @@
-import { state as s, transition as o, reduce as r, guard as p } from "robot3";
+import { state as a, transition as r, reduce as o, guard as p } from "robot3";
 import { ContractorListContextual as l, AddressContextual as u, NewHireReportContextual as d, ProfileContextual as i, SubmitContextual as O, PaymentMethodContextual as R } from "./OnboardingFlowComponents.js";
 import { componentEvents as n } from "../../../shared/constants.js";
 const c = (t) => (e) => ({
   ...e,
   ...t
-}), a = () => o(
+}), s = () => r(
   n.CANCEL,
   "list",
-  r(
+  o(
     c({
       component: l,
-      showProgress: !1,
+      progressBarType: null,
       currentStep: 0,
       contractorId: void 0,
       successMessage: void 0
     })
   )
-), E = {
-  list: s(
-    o(
+), g = {
+  list: a(
+    r(
       n.CONTRACTOR_CREATE,
       "profile",
-      r(
+      o(
         c({
           component: i,
           currentStep: 1,
-          showProgress: !0,
+          progressBarType: "progress",
           contractorId: void 0,
           successMessage: void 0
         })
       )
     ),
-    o(
+    r(
       n.CONTRACTOR_UPDATE,
       "profile",
-      r(
+      o(
         (t, e) => ({
           ...t,
           component: i,
           currentStep: 1,
-          showProgress: !0,
+          progressBarType: "progress",
           contractorId: e.payload.contractorId,
           successMessage: void 0
         })
       )
     )
   ),
-  profile: s(
-    a(),
-    o(
+  profile: a(
+    s(),
+    r(
       n.CONTRACTOR_PROFILE_DONE,
       "address",
-      r(
+      o(
         (t, e) => ({
           ...t,
           component: u,
@@ -63,10 +63,10 @@ const c = (t) => (e) => ({
       p((t, e) => !e.payload.selfOnboarding)
       // Only allow transition to address if not self-onboarding
     ),
-    o(
+    r(
       n.CONTRACTOR_PROFILE_DONE,
       "newHireReport",
-      r(
+      o(
         (t, e) => ({
           ...t,
           component: d,
@@ -80,20 +80,20 @@ const c = (t) => (e) => ({
       // Only allow transition to new hire report if self-onboarding
     )
   ),
-  address: s(
-    a(),
-    o(
+  address: a(
+    s(),
+    r(
       n.CONTRACTOR_ADDRESS_DONE,
       "paymentMethod",
-      r(c({ component: R, currentStep: 3 }))
+      o(c({ component: R, currentStep: 3 }))
     )
   ),
-  paymentMethod: s(
-    a(),
-    o(
+  paymentMethod: a(
+    s(),
+    r(
       n.CONTRACTOR_PAYMENT_METHOD_DONE,
       "newHireReport",
-      r(
+      o(
         c({
           component: d,
           currentStep: 4
@@ -101,12 +101,12 @@ const c = (t) => (e) => ({
       )
     )
   ),
-  newHireReport: s(
-    a(),
-    o(
+  newHireReport: a(
+    s(),
+    r(
       n.CONTRACTOR_NEW_HIRE_REPORT_DONE,
       "submit",
-      r(
+      o(
         c({
           component: O,
           currentStep: 5
@@ -114,25 +114,25 @@ const c = (t) => (e) => ({
       )
     )
   ),
-  submit: s(
-    a(),
-    o(
+  submit: a(
+    s(),
+    r(
       n.CONTRACTOR_SUBMIT_DONE,
       "list",
-      r(
+      o(
         (t, e) => ({
           ...t,
           component: l,
           currentStep: 0,
-          showProgress: !1,
+          progressBarType: null,
           successMessage: e.payload.message
         })
       )
     )
   ),
-  final: s()
+  final: a()
 };
 export {
-  E as onboardingMachine
+  g as onboardingMachine
 };
 //# sourceMappingURL=onboardingStateMachine.js.map

package/dist/components/Contractor/OnboardingFlow/onboardingStateMachine.js.map

@@ -1 +1 @@
-{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        showProgress: false,\n        currentStep: 0,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          currentStep: 1,\n          showProgress: true,\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            currentStep: 1,\n            showProgress: true,\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            currentStep: 2,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding), // Only allow transition to address if not self-onboarding\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            currentStep: 2,\n            totalSteps: 3,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding), // Only allow transition to new hire report if self-onboarding\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, currentStep: 3 })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          currentStep: 4,\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          currentStep: 5,\n        }),\n      ),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            currentStep: 0,\n            showProgress: false,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual"],"mappings":"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"}
+{"version":3,"file":"onboardingStateMachine.js","sources":["../../../../src/components/Contractor/OnboardingFlow/onboardingStateMachine.ts"],"sourcesContent":["import { transition, reduce, state, guard } from 'robot3'\nimport {\n  AddressContextual,\n  ContractorListContextual,\n  NewHireReportContextual,\n  PaymentMethodContextual,\n  ProfileContextual,\n  SubmitContextual,\n  type OnboardingFlowContextInterface,\n} from './OnboardingFlowComponents'\nimport { componentEvents } from '@/shared/constants'\nimport type { MachineEventType, MachineTransition } from '@/types/Helpers'\n\ntype EventPayloads = {\n  [componentEvents.CONTRACTOR_UPDATE]: {\n    contractorId: string\n  }\n  [componentEvents.CONTRACTOR_PROFILE_DONE]: { contractorId: string; selfOnboarding: boolean }\n  [componentEvents.CONTRACTOR_SUBMIT_DONE]: { message?: string }\n}\n\nconst createReducer = (props: Partial<OnboardingFlowContextInterface>) => {\n  return (ctx: OnboardingFlowContextInterface): OnboardingFlowContextInterface => ({\n    ...ctx,\n    ...props,\n  })\n}\nconst cancelTransition = () =>\n  transition(\n    componentEvents.CANCEL,\n    'list',\n    reduce(\n      createReducer({\n        component: ContractorListContextual,\n        progressBarType: null,\n        currentStep: 0,\n        contractorId: undefined,\n        successMessage: undefined,\n      }),\n    ),\n  )\n\nexport const onboardingMachine = {\n  list: state<MachineTransition>(\n    transition(\n      componentEvents.CONTRACTOR_CREATE,\n      'profile',\n      reduce(\n        createReducer({\n          component: ProfileContextual,\n          currentStep: 1,\n          progressBarType: 'progress',\n          contractorId: undefined,\n          successMessage: undefined,\n        }),\n      ),\n    ),\n    transition(\n      componentEvents.CONTRACTOR_UPDATE,\n      'profile',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_UPDATE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ProfileContextual,\n            currentStep: 1,\n            progressBarType: 'progress',\n            contractorId: ev.payload.contractorId,\n            successMessage: undefined,\n          }\n        },\n      ),\n    ),\n  ),\n  profile: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'address',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: AddressContextual,\n            currentStep: 2,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n          }\n        },\n      ),\n      guard((ctx, ev) => !ev.payload.selfOnboarding), // Only allow transition to address if not self-onboarding\n    ),\n    transition(\n      componentEvents.CONTRACTOR_PROFILE_DONE,\n      'newHireReport',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_PROFILE_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: NewHireReportContextual,\n            contractorId: ev.payload.contractorId,\n            selfOnboarding: ev.payload.selfOnboarding,\n            currentStep: 2,\n            totalSteps: 3,\n          }\n        },\n      ),\n      guard((ctx, ev) => ev.payload.selfOnboarding), // Only allow transition to new hire report if self-onboarding\n    ),\n  ),\n  address: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_ADDRESS_DONE,\n      'paymentMethod',\n      reduce(createReducer({ component: PaymentMethodContextual, currentStep: 3 })),\n    ),\n  ),\n  paymentMethod: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_PAYMENT_METHOD_DONE,\n      'newHireReport',\n      reduce(\n        createReducer({\n          component: NewHireReportContextual,\n          currentStep: 4,\n        }),\n      ),\n    ),\n  ),\n  newHireReport: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_NEW_HIRE_REPORT_DONE,\n      'submit',\n      reduce(\n        createReducer({\n          component: SubmitContextual,\n          currentStep: 5,\n        }),\n      ),\n    ),\n  ),\n  submit: state<MachineTransition>(\n    cancelTransition(),\n    transition(\n      componentEvents.CONTRACTOR_SUBMIT_DONE,\n      'list',\n      reduce(\n        (\n          ctx: OnboardingFlowContextInterface,\n          ev: MachineEventType<EventPayloads, typeof componentEvents.CONTRACTOR_SUBMIT_DONE>,\n        ): OnboardingFlowContextInterface => {\n          return {\n            ...ctx,\n            component: ContractorListContextual,\n            currentStep: 0,\n            progressBarType: null,\n            successMessage: ev.payload.message,\n          }\n        },\n      ),\n    ),\n  ),\n  final: state<MachineTransition>(),\n}\n"],"names":["createReducer","props","ctx","cancelTransition","transition","componentEvents","reduce","ContractorListContextual","onboardingMachine","state","ProfileContextual","ev","AddressContextual","guard","NewHireReportContextual","PaymentMethodContextual","SubmitContextual"],"mappings":"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"}

package/dist/components/Contractor/Profile/ContractorProfileForm.js

@@ -6,13 +6,13 @@ import { useComponentContext as D } from "../../../contexts/ComponentAdapter/use
 import { useI18n as I } from "../../../i18n/I18n.js";
 import { Form as O } from "../../Common/Form/Form.js";
 import { Grid as n } from "../../Common/Grid/Grid.js";
-import { Flex as x } from "../../Common/Flex/Flex.js";
-import { usePlaceholderSSN as w, normalizeSSN as E } from "../../../helpers/ssn.js";
-import { usePlaceholderEin as j, normalizeEin as v } from "../../../helpers/federalEin.js";
-import { ContractorOnboardingStatus as G } from "../../../shared/constants.js";
+import { usePlaceholderSSN as x, normalizeSSN as w } from "../../../helpers/ssn.js";
+import { usePlaceholderEin as E, normalizeEin as j } from "../../../helpers/federalEin.js";
+import { ContractorOnboardingStatus as v } from "../../../shared/constants.js";
 import { TextInputField as l } from "../../Common/Fields/TextInputField/TextInputField.js";
 import { RadioGroupField as d } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as z } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { NumberInputField as G } from "../../Common/Fields/NumberInputField/NumberInputField.js";
+import { Flex as z } from "../../Common/Flex/Flex.js";
 import { SwitchField as A } from "../../Common/Fields/SwitchField/SwitchField.js";
 import { DatePickerField as B } from "../../Common/Fields/DatePickerField/DatePickerField.js";
 function re({
@@ -33,7 +33,7 @@ function re({
 }) {
   const a = D();
   I("Contractor.Profile");
-  const { t: e } = T("Contractor.Profile"), q = w(t?.hasSsn ?? !1), P = j(t?.hasEin ?? !1);
+  const { t: e } = T("Contractor.Profile"), q = x(t?.hasSsn ?? !1), P = E(t?.hasEin ?? !1);
   return /* @__PURE__ */ i("section", { className: F, children: /* @__PURE__ */ i(S, { ...u, children: /* @__PURE__ */ r(O, { onSubmit: f, children: [
     /* @__PURE__ */ r(n, { gridTemplateColumns: "1fr", gap: 24, className: "mb-8", children: [
       /* @__PURE__ */ r("header", { children: [
@@ -47,7 +47,7 @@ function re({
             name: "selfOnboarding",
             label: e("fields.selfOnboarding.label"),
             description: e("fields.selfOnboarding.description"),
-            isDisabled: t && t.onboardingStatus !== G.ADMIN_ONBOARDING_INCOMPLETE
+            isDisabled: t && t.onboardingStatus !== v.ADMIN_ONBOARDING_INCOMPLETE
           }
         ),
         p && /* @__PURE__ */ i(
@@ -81,7 +81,7 @@ function re({
             name: "ssn",
             label: e("fields.ssn.label"),
             placeholder: q,
-            transform: E,
+            transform: w,
             isRequired: !0
           }
         )
@@ -101,7 +101,7 @@ function re({
             name: "ein",
             label: e("fields.ein.label"),
             placeholder: P,
-            transform: v,
+            transform: j,
             isRequired: !0
           }
         )
@@ -116,7 +116,7 @@ function re({
         }
       ),
       h && /* @__PURE__ */ i(
-        z,
+        G,
         {
           name: "hourlyRate",
           label: e("fields.hourlyRate.label"),
@@ -135,7 +135,7 @@ function re({
         }
       )
     ] }),
-    /* @__PURE__ */ i(x, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
+    /* @__PURE__ */ i(z, { gap: 12, justifyContent: "flex-end", children: /* @__PURE__ */ i(a.Button, { type: "submit", variant: "primary", isDisabled: o.isSubmitting, children: o.isSubmitting ? e(s ? "buttons.updating" : "buttons.creating") : e(s ? "buttons.update" : "buttons.create") }) })
   ] }) }) });
 }
 export {

package/dist/components/Employee/EmployeeList/EmployeeList.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as C } from "react/jsx-runtime";
-import { useState as y } from "react";
+import { useState as h } from "react";
 import { useEmployeesList as G } from "@gusto/embedded-api/react-query/employeesList";
 import { useEmployeesDeleteMutation as F } from "@gusto/embedded-api/react-query/employeesDelete";
 import { useEmployeesUpdateOnboardingStatusMutation as Y } from "@gusto/embedded-api/react-query/employeesUpdateOnboardingStatus";
@@ -18,19 +18,19 @@ import { useFlow as X } from "../../Flow/useFlow.js";
 function Z(n) {
   return /* @__PURE__ */ o(q, { ...n, children: /* @__PURE__ */ o($, { ...n, children: n.children }) });
 }
-function $({ companyId: n, className: m, children: l, dictionary: h }) {
-  z("Employee.EmployeeList"), J("Employee.EmployeeList", h);
-  const { onEvent: a, baseSubmitHandler: r } = j(), [p, i] = y(1), [P, g] = y(5), { data: u, fetchStatus: f, isFetching: O } = G(
+function $({ companyId: n, className: m, children: l, dictionary: P }) {
+  z("Employee.EmployeeList"), J("Employee.EmployeeList", P);
+  const { onEvent: a, baseSubmitHandler: r } = j(), [p, i] = h(1), [u, g] = h(5), { data: d, fetchStatus: f, isFetching: O } = G(
     {
       companyId: n,
       page: p,
-      per: P
+      per: u
     },
     { placeholderData: U }
   ), { mutateAsync: D } = F(), { mutateAsync: I } = Y();
-  if (f === "fetching" && !u)
+  if (f === "fetching" && !d)
     return /* @__PURE__ */ o(V, {});
-  const { httpMeta: N, showEmployees: A } = u, L = A, c = Number(N.response.headers.get("x-total-pages") ?? 1), _ = (e) => {
+  const { httpMeta: N, showEmployees: A } = d, L = A, c = Number(N.response.headers.get("x-total-pages") ?? 1), _ = (e) => {
     g(e);
   }, M = () => {
     i(1);
@@ -48,7 +48,7 @@ function $({ companyId: n, className: m, children: l, dictionary: h }) {
     });
   }, T = async (e) => {
     await r(e, async (t) => {
-      await d({
+      await y({
         employeeId: t,
         status: E.SELF_ONBOARDING_AWAITING_ADMIN_REVIEW
       }), a(s.EMPLOYEE_UPDATE, {
@@ -58,12 +58,12 @@ function $({ companyId: n, className: m, children: l, dictionary: h }) {
     });
   }, x = async (e) => {
     await r(e, async (t) => {
-      await d({
+      await y({
         employeeId: t,
         status: E.ADMIN_ONBOARDING_INCOMPLETE
       });
     });
-  }, d = async (e) => {
+  }, y = async (e) => {
     await r(e, async ({ employeeId: t, status: v }) => {
       const { employeeOnboardingStatus: B } = await I({
         request: { employeeId: t, requestBody: { onboardingStatus: v } }
@@ -95,6 +95,7 @@ function $({ companyId: n, className: m, children: l, dictionary: h }) {
         handleSkip: () => {
           a(s.EMPLOYEE_ONBOARDING_DONE);
         },
+        itemsPerPage: u,
         isFetching: O
       },
       children: l || /* @__PURE__ */ C(H, { flexDirection: "column", children: [