@gusto/embedded-react-sdk 0.11.3 → 0.12.1

package/dist/types/i18next.d.ts

@@ -379,6 +379,7 @@ export interface ContractorContractorList{
 "addAnotherCTA":string;
 "contractorListLabel":string;
 "editCTA":string;
+"deleteCTA":string;
 "emptyTableDescription":string;
 "emptyTableTitle":string;
 "listHeaders":{
@@ -386,18 +387,8 @@ export interface ContractorContractorList{
 "status":string;
 };
 "title":string;
-};
-export interface ContractorContractorSubmit{
-"doneTitle":string;
-"doneText":string;
-"doneCTA":string;
-"submitCTA":string;
-"title":string;
-"warningItems":{
-"0":string;
-"1":string;
-"2":string;
-};
+"continueCta":string;
+"progressBarCta":string;
 };
 export interface ContractorNewHireReport{
 "title":string;
@@ -438,7 +429,7 @@ export interface ContractorProfile{
 "title":string;
 "subtitle":string;
 "fields":{
-"inviteContractor":{
+"selfOnboarding":{
 "label":string;
 "description":string;
 };
@@ -459,7 +450,6 @@ export interface ContractorProfile{
 };
 "ssn":{
 "label":string;
-"placeholder":string;
 };
 "businessName":{
 "label":string;
@@ -476,7 +466,6 @@ export interface ContractorProfile{
 };
 "ein":{
 "label":string;
-"placeholder":string;
 };
 };
 "validations":{
@@ -498,6 +487,28 @@ export interface ContractorProfile{
 "updating":string;
 };
 };
+export interface ContractorSubmit{
+"doneTitle":string;
+"doneText":string;
+"doneCTA":string;
+"submitCTA":string;
+"title":string;
+"warningItems":{
+"0":string;
+"1":string;
+"2":string;
+};
+"inviteContractor":{
+"title":string;
+"description":string;
+"startDateLabel":string;
+"inviteCta":string;
+"successMessage":string;
+};
+"submitDone":{
+"successMessage":string;
+};
+};
 export interface EmployeeBankAccount{
 "accountNumberLabel":string;
 "accountTypeChecking":string;
@@ -591,7 +602,6 @@ export interface EmployeeDeductions{
 "continueCta":string;
 "addDeductionTitle":string;
 "editDeductionTitle":string;
-"addDeuctionDescription":string;
 "descriptionLabel":string;
 "frequencyLabel":string;
 "frequencyRecurringOption":string;
@@ -1075,6 +1085,6 @@ export interface common{
 
     interface CustomTypeOptions {
         defaultNS: 'common';
-        resources: { 'Company.AddBank': CompanyAddBank, 'Company.Addresses': CompanyAddresses, 'Company.AssignSignatory': CompanyAssignSignatory, 'Company.BankAccount': CompanyBankAccount, 'Company.DocumentList': CompanyDocumentList, 'Company.FederalTaxes': CompanyFederalTaxes, 'Company.Industry': CompanyIndustry, 'Company.Locations': CompanyLocations, 'Company.OnboardingOverview': CompanyOnboardingOverview, 'Company.PaySchedule': CompanyPaySchedule, 'Company.SignatureForm': CompanySignatureForm, 'Company.StateTaxes': CompanyStateTaxes, 'Contractor.Address': ContractorAddress, 'Contractor.ContractorList': ContractorContractorList, 'Contractor.ContractorSubmit': ContractorContractorSubmit, 'Contractor.NewHireReport': ContractorNewHireReport, 'Contractor.PaymentMethod': ContractorPaymentMethod, 'Contractor.Profile': ContractorProfile, 'Employee.BankAccount': EmployeeBankAccount, 'Employee.Compensation': EmployeeCompensation, 'Employee.Deductions': EmployeeDeductions, 'Employee.DocumentSigner': EmployeeDocumentSigner, 'Employee.EmployeeList': EmployeeEmployeeList, 'Employee.HomeAddress': EmployeeHomeAddress, 'Employee.Landing': EmployeeLanding, 'Employee.OnboardingSummary': EmployeeOnboardingSummary, 'Employee.PaySchedules': EmployeePaySchedules, 'Employee.PaymentMethod': EmployeePaymentMethod, 'Employee.Profile': EmployeeProfile, 'Employee.SplitPaycheck': EmployeeSplitPaycheck, 'Employee.StateTaxes': EmployeeStateTaxes, 'Employee.Taxes': EmployeeTaxes, 'Payroll.PayrollHistoryList': PayrollPayrollHistoryList, 'Payroll.PayrollSchedule': PayrollPayrollSchedule, 'common': common,  }
+        resources: { 'Company.AddBank': CompanyAddBank, 'Company.Addresses': CompanyAddresses, 'Company.AssignSignatory': CompanyAssignSignatory, 'Company.BankAccount': CompanyBankAccount, 'Company.DocumentList': CompanyDocumentList, 'Company.FederalTaxes': CompanyFederalTaxes, 'Company.Industry': CompanyIndustry, 'Company.Locations': CompanyLocations, 'Company.OnboardingOverview': CompanyOnboardingOverview, 'Company.PaySchedule': CompanyPaySchedule, 'Company.SignatureForm': CompanySignatureForm, 'Company.StateTaxes': CompanyStateTaxes, 'Contractor.Address': ContractorAddress, 'Contractor.ContractorList': ContractorContractorList, 'Contractor.NewHireReport': ContractorNewHireReport, 'Contractor.PaymentMethod': ContractorPaymentMethod, 'Contractor.Profile': ContractorProfile, 'Contractor.Submit': ContractorSubmit, 'Employee.BankAccount': EmployeeBankAccount, 'Employee.Compensation': EmployeeCompensation, 'Employee.Deductions': EmployeeDeductions, 'Employee.DocumentSigner': EmployeeDocumentSigner, 'Employee.EmployeeList': EmployeeEmployeeList, 'Employee.HomeAddress': EmployeeHomeAddress, 'Employee.Landing': EmployeeLanding, 'Employee.OnboardingSummary': EmployeeOnboardingSummary, 'Employee.PaySchedules': EmployeePaySchedules, 'Employee.PaymentMethod': EmployeePaymentMethod, 'Employee.Profile': EmployeeProfile, 'Employee.SplitPaycheck': EmployeeSplitPaycheck, 'Employee.StateTaxes': EmployeeStateTaxes, 'Employee.Taxes': EmployeeTaxes, 'Payroll.PayrollHistoryList': PayrollPayrollHistoryList, 'Payroll.PayrollSchedule': PayrollPayrollSchedule, 'common': common,  }
     };
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.11.3",
+  "version": "0.12.1",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -34,6 +34,7 @@
     "build:clean": "rm -rf ./dist && mkdir ./dist",
     "commitlint": "commitlint --edit",
     "adapter:docs:generate": "npx tsx ./build/generateAdapterPropDocs.ts",
+    "theme:docs:generate": "npx tsx ./build/generateThemeDocs.ts",
     "watch:vite": "vite build --watch --mode development",
     "watch:translations": "node ./build/translationWatcher.js",
     "dev": "node ./build/prompt.js && npm run i18n:generate && npm-run-all --parallel watch:vite watch:translations ladle",
@@ -73,8 +74,8 @@
     "@vitejs/plugin-react-swc": "^3.9.0",
     "@vitest/coverage-v8": "^3.2.4",
     "axe-core": "^4.10.2",
-    "dotenv": "^17.0.1",
-    "eslint": "^9.25.1",
+    "dotenv": "^17.2.1",
+    "eslint": "^9.33.0",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-react": "^7.37.5",
@@ -90,9 +91,9 @@
     "msw": "^2.7.5",
     "npm-run-all": "^4.1.5",
     "prettier": "^3.5.3",
-    "sass-embedded": "^1.87.0",
+    "sass-embedded": "^1.90.0",
     "ts-morph": "^26.0.0",
-    "tsx": "^4.19.3",
+    "tsx": "^4.20.4",
     "typescript-eslint": "^8.31.0",
     "vite": "^6.2.7",
     "vite-plugin-checker": "^0.9.1",
@@ -110,7 +111,7 @@
     "typescript": "^5.8.3"
   },
   "dependencies": {
-    "@gusto/embedded-api": "^0.6.6",
+    "@gusto/embedded-api": "^0.6.8",
     "@hookform/error-message": "^2.0.1",
     "@hookform/resolvers": "^3.10.0",
     "@internationalized/date": "^3.8.0",
@@ -124,8 +125,8 @@
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-error-boundary": "^4.1.2",
-    "react-hook-form": "^7.56.1",
-    "react-i18next": "^15.5.1",
+    "react-hook-form": "^7.62.0",
+    "react-i18next": "^15.7.1",
     "react-robot": "^1.2.0",
     "robot3": "^1.1.1",
     "zod": "^3.25.17"

package/dist/components/Common/UI/NumberInput/NumberInput.module.scss.js

@@ -1,8 +0,0 @@
-const o = "_root_5yyd4_1", t = {
-  root: o
-};
-export {
-  t as default,
-  o as root
-};
-//# sourceMappingURL=NumberInput.module.scss.js.map

package/dist/components/Common/UI/NumberInput/NumberInput.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Contractor/List/index.d.ts

@@ -1,25 +0,0 @@
-import "./types/i18next.d.ts"
-import { Contractor } from '@gusto/embedded-api/models/components/contractor';
-export type ContractorListDisplay = Pick<Contractor, 'onboardingStatus' | 'firstName' | 'lastName' | 'onboarded'>;
-export interface HeadProps {
-    count: number;
-    handleAdd: () => void;
-}
-export declare function Head({ count, handleAdd }: HeadProps): import("react/jsx-runtime").JSX.Element;
-export interface EmptyDataContractorsListProps {
-    handleAdd: () => void;
-}
-export declare function EmptyDataContractorsList({ handleAdd }: EmptyDataContractorsListProps): import("react/jsx-runtime").JSX.Element;
-export interface ContractorListProps {
-    contractors: ContractorListDisplay[];
-    handleAdd: () => void;
-    handleEdit: () => void;
-    totalCount: number;
-}
-export declare function ContractorList({ contractors, handleAdd, handleEdit, totalCount, }: ContractorListProps): import("react/jsx-runtime").JSX.Element;
-export interface ContractorListWithApiProps {
-    companyId: string;
-    handleAdd: () => void;
-    handleEdit: () => void;
-}
-export declare function ContractorListWithApi({ companyId, handleAdd, handleEdit, }: ContractorListWithApiProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,81 +0,0 @@
-import { jsx as t, jsxs as c } from "react/jsx-runtime";
-import { useTranslation as s } from "react-i18next";
-import { useContractors as d } from "./useContractorList.js";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import { Grid as f } from "../../Common/Grid/Grid.js";
-import { EmptyData as C } from "../../Common/EmptyData/EmptyData.js";
-import { ActionsLayout as L } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { firstLastName as g } from "../../../helpers/formattedStrings.js";
-import { HamburgerMenu as h } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import y from "../../../assets/icons/pencil.svg.js";
-import { useComponentContext as m } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { ContractorOnboardingStatusBadge as b } from "../../Common/OnboardingStatusBadge/index.js";
-import { useI18n as T } from "../../../i18n/I18n.js";
-import { useDataView as A } from "../../Common/DataView/useDataView.js";
-import { DataView as x } from "../../Common/DataView/DataView.js";
-function D({ count: e, handleAdd: o }) {
-  const { Button: r, Heading: i } = m(), { t: n } = s("Contractor.ContractorList");
-  return /* @__PURE__ */ c(u, { alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ t(i, { as: "h2", children: n("title") }),
-    e !== 0 && /* @__PURE__ */ t(r, { variant: "secondary", onClick: o, children: n("addAnotherCTA") })
-  ] });
-}
-function H({ handleAdd: e }) {
-  const { Button: o } = m(), { t: r } = s("Contractor.ContractorList");
-  return /* @__PURE__ */ t(C, { title: r("emptyTableTitle"), description: r("emptyTableDescription"), children: /* @__PURE__ */ t(L, { justifyContent: "center", children: /* @__PURE__ */ t(o, { onClick: e, children: r("addContractorCTA") }) }) });
-}
-function j({
-  contractors: e,
-  handleAdd: o,
-  handleEdit: r,
-  totalCount: i
-}) {
-  T("Contractor.ContractorList");
-  const { t: n } = s("Contractor.ContractorList"), l = A({
-    columns: [
-      {
-        title: n("listHeaders.name"),
-        render: (a) => g({ first_name: a.firstName, last_name: a.lastName })
-      },
-      {
-        title: n("listHeaders.status"),
-        render: ({ onboarded: a, onboardingStatus: p }) => /* @__PURE__ */ t(
-          b,
-          {
-            onboarded: a,
-            onboardingStatus: p
-          }
-        )
-      }
-    ],
-    data: e,
-    itemMenu: () => /* @__PURE__ */ t(
-      h,
-      {
-        items: [{ label: n("editCTA"), icon: /* @__PURE__ */ t(y, { "aria-hidden": !0 }), onClick: r }],
-        triggerLabel: n("editCTA"),
-        isLoading: !1
-      }
-    ),
-    emptyState: () => /* @__PURE__ */ t(H, { handleAdd: o })
-  });
-  return /* @__PURE__ */ c(f, { gap: 20, children: [
-    /* @__PURE__ */ t(D, { count: i, handleAdd: o }),
-    /* @__PURE__ */ t(x, { label: n("contractorListLabel"), ...l })
-  ] });
-}
-function U({
-  companyId: e,
-  handleAdd: o,
-  handleEdit: r
-}) {
-  const i = d({ companyUuid: e, handleAdd: o });
-  return /* @__PURE__ */ t(j, { handleEdit: r, ...i });
-}
-export {
-  j as ContractorList,
-  U as ContractorListWithApi,
-  H as EmptyDataContractorsList,
-  D as Head
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/List/index.tsx"],"sourcesContent":["import { type Contractor } from '@gusto/embedded-api/models/components/contractor'\nimport { useTranslation } from 'react-i18next'\nimport { useContractors } from './useContractorList'\nimport { ActionsLayout, DataView, EmptyData, Flex, Grid, 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'\n\nexport type ContractorListDisplay = Pick<\n  Contractor,\n  'onboardingStatus' | 'firstName' | 'lastName' | 'onboarded'\n>\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 {\n  contractors: ContractorListDisplay[]\n  handleAdd: () => void\n  handleEdit: () => void\n  totalCount: number\n}\n\nexport function ContractorList({\n  contractors,\n  handleAdd,\n  handleEdit,\n  totalCount,\n}: ContractorListProps) {\n  useI18n('Contractor.ContractorList')\n  const { t } = useTranslation('Contractor.ContractorList')\n\n  const dataViewProps = useDataView<ContractorListDisplay>({\n    columns: [\n      {\n        title: t('listHeaders.name'),\n        render: contractor =>\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: () => (\n      <HamburgerMenu\n        items={[{ label: t('editCTA'), icon: <PencilSvg aria-hidden />, onClick: handleEdit }]}\n        triggerLabel={t('editCTA')}\n        isLoading={false}\n      />\n    ),\n    emptyState: () => <EmptyDataContractorsList handleAdd={handleAdd} />,\n  })\n\n  return (\n    <Grid gap={20}>\n      <Head count={totalCount} handleAdd={handleAdd} />\n      <DataView label={t('contractorListLabel')} {...dataViewProps} />\n    </Grid>\n  )\n}\n\nexport interface ContractorListWithApiProps {\n  companyId: string\n  handleAdd: () => void\n  handleEdit: () => void\n}\n\nexport function ContractorListWithApi({\n  companyId,\n  handleAdd,\n  handleEdit,\n}: ContractorListWithApiProps) {\n  const contractorProps = useContractors({ companyUuid: companyId, handleAdd })\n\n  return <ContractorList handleEdit={handleEdit} {...contractorProps} />\n}\n"],"names":["Head","count","handleAdd","Button","Heading","useComponentContext","t","useTranslation","jsxs","Flex","jsx","EmptyDataContractorsList","EmptyData","ActionsLayout","ContractorList","contractors","handleEdit","totalCount","useI18n","dataViewProps","useDataView","contractor","firstLastName","onboarded","onboardingStatus","ContractorOnboardingStatusBadge","HamburgerMenu","PencilSvg","Grid","DataView","ContractorListWithApi","companyId","contractorProps","useContractors"],"mappings":";;;;;;;;;;;;;;;AAoBO,SAASA,EAAK,EAAE,OAAAC,GAAO,WAAAC,KAAwB;AACpD,QAAM,EAAE,QAAAC,GAAQ,SAAAC,EAAA,IAAYC,EAAA,GACtB,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACE,gBAAAC,EAACC,GAAA,EAAK,YAAW,UAAS,gBAAe,iBACvC,UAAA;AAAA,IAAA,gBAAAC,EAACN,GAAA,EAAQ,IAAG,MAAM,UAAAE,EAAE,OAAO,GAAE;AAAA,IAE5BL,MAAU,KACT,gBAAAS,EAACP,GAAA,EAAO,SAAQ,aAAY,SAASD,GAClC,UAAAI,EAAE,eAAe,EAAA,CACpB;AAAA,EAAA,GAEJ;AAEJ;AAKO,SAASK,EAAyB,EAAE,WAAAT,KAA4C;AACrF,QAAM,EAAE,QAAAC,EAAA,IAAWE,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAe,2BAA2B;AAExD,SACE,gBAAAG,EAACE,KAAU,OAAON,EAAE,iBAAiB,GAAG,aAAaA,EAAE,uBAAuB,GAC5E,UAAA,gBAAAI,EAACG,KAAc,gBAAe,UAC5B,4BAACV,GAAA,EAAO,SAASD,GAAY,UAAAI,EAAE,kBAAkB,EAAA,CAAE,EAAA,CACrD,EAAA,CACF;AAEJ;AASO,SAASQ,EAAe;AAAA,EAC7B,aAAAC;AAAA,EACA,WAAAb;AAAA,EACA,YAAAc;AAAA,EACA,YAAAC;AACF,GAAwB;AACtB,EAAAC,EAAQ,2BAA2B;AACnC,QAAM,EAAE,GAAAZ,EAAA,IAAMC,EAAe,2BAA2B,GAElDY,IAAgBC,EAAmC;AAAA,IACvD,SAAS;AAAA,MACP;AAAA,QACE,OAAOd,EAAE,kBAAkB;AAAA,QAC3B,QAAQ,CAAAe,MACNC,EAAc,EAAE,YAAYD,EAAW,WAAW,WAAWA,EAAW,SAAA,CAAU;AAAA,MAAA;AAAA,MAEtF;AAAA,QACE,OAAOf,EAAE,oBAAoB;AAAA,QAC7B,QAAQ,CAAC,EAAE,WAAAiB,GAAW,kBAAAC,QACpB,gBAAAd;AAAA,UAACe;AAAA,UAAA;AAAA,YACC,WAAAF;AAAA,YACA,kBAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAEJ;AAAA,IAEF,MAAMT;AAAA,IACN,UAAU,MACR,gBAAAL;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,OAAO,CAAC,EAAE,OAAOpB,EAAE,SAAS,GAAG,MAAM,gBAAAI,EAACiB,KAAU,eAAW,GAAA,CAAC,GAAI,SAASX,GAAY;AAAA,QACrF,cAAcV,EAAE,SAAS;AAAA,QACzB,WAAW;AAAA,MAAA;AAAA,IAAA;AAAA,IAGf,YAAY,MAAM,gBAAAI,EAACC,GAAA,EAAyB,WAAAT,EAAA,CAAsB;AAAA,EAAA,CACnE;AAED,SACE,gBAAAM,EAACoB,GAAA,EAAK,KAAK,IACT,UAAA;AAAA,IAAA,gBAAAlB,EAACV,GAAA,EAAK,OAAOiB,GAAY,WAAAf,EAAA,CAAsB;AAAA,sBAC9C2B,GAAA,EAAS,OAAOvB,EAAE,qBAAqB,GAAI,GAAGa,EAAA,CAAe;AAAA,EAAA,GAChE;AAEJ;AAQO,SAASW,EAAsB;AAAA,EACpC,WAAAC;AAAA,EACA,WAAA7B;AAAA,EACA,YAAAc;AACF,GAA+B;AAC7B,QAAMgB,IAAkBC,EAAe,EAAE,aAAaF,GAAW,WAAA7B,GAAW;AAE5E,SAAO,gBAAAQ,EAACI,GAAA,EAAe,YAAAE,GAAyB,GAAGgB,EAAA,CAAiB;AACtE;"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"useContractorList.js","sources":["../../../../src/components/Contractor/List/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  handleAdd: () => void\n}\n\nexport function useContractors({ companyUuid, handleAdd }: 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    handleAdd,\n    handleFirstPage,\n    handleItemsPerPageChange: setItemsPerPage,\n    handleLastPage,\n    handleNextPage,\n    handlePreviousPage,\n    totalCount,\n    totalPages,\n  }\n}\n"],"names":["useContractors","companyUuid","handleAdd","currentPage","setCurrentPage","useState","itemsPerPage","setItemsPerPage","httpMeta","contractors","useContractorsListSuspense","totalPages","totalCount","prevPage"],"mappings":";;AAaO,SAASA,EAAe,EAAE,aAAAC,GAAa,WAAAC,KAAiC;AAC7E,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,aAAAT,GAAa,MAAME,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,WAAAD;AAAA,IACA,iBAjBsB,MAAM;AAC5B,MAAAE,EAAe,CAAC;AAAA,IAClB;AAAA,IAgBE,0BAA0BG;AAAA,IAC1B,gBAhBqB,MAAM;AAC3B,MAAAH,EAAeO,CAAU;AAAA,IAC3B;AAAA,IAeE,gBAdqB,MAAM;AAC3B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAGF,CAAU,CAAC;AAAA,IAC/D;AAAA,IAaE,oBAZyB,MAAM;AAC/B,MAAAP,EAAe,OAAY,KAAK,IAAIS,IAAW,GAAG,CAAC,CAAC;AAAA,IACtD;AAAA,IAWE,YAAAD;AAAA,IACA,YAAAD;AAAA,EAAA;AAEJ;"}

package/dist/components/Contractor/Submit/ContractorSubmitWithApi.d.ts

@@ -1,6 +0,0 @@
-interface ContractorSubmitWithApiProps {
-    contractorUuid: string;
-    onDone: () => void;
-}
-export declare const ContractorSubmitWithApi: ({ contractorUuid, onDone, }: ContractorSubmitWithApiProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Contractor/Submit/ContractorSubmitWithApi.js

@@ -1,27 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useContractorsUpdateOnboardingStatusMutation as m } from "@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus";
-import { useState as a } from "react";
-import { SubmitDone as u } from "./SubmitDone.js";
-import { ContractorSubmit as c } from "./index.js";
-const y = ({
-  contractorUuid: o,
-  onDone: r
-}) => {
-  const [n, s] = a(!1), e = () => {
-    s(!0);
-  }, { mutateAsync: i } = m({ onSuccess: e });
-  return n ? /* @__PURE__ */ t(u, { onDone: r }) : /* @__PURE__ */ t(c, { onSubmit: async () => {
-    await i({
-      request: {
-        contractorUuid: o,
-        requestBody: {
-          onboardingStatus: "onboarding_completed"
-        }
-      }
-    });
-  } });
-};
-export {
-  y as ContractorSubmitWithApi
-};
-//# sourceMappingURL=ContractorSubmitWithApi.js.map

package/dist/components/Contractor/Submit/ContractorSubmitWithApi.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContractorSubmitWithApi.js","sources":["../../../../src/components/Contractor/Submit/ContractorSubmitWithApi.tsx"],"sourcesContent":["import { useContractorsUpdateOnboardingStatusMutation } from '@gusto/embedded-api/react-query/contractorsUpdateOnboardingStatus'\nimport { useState } from 'react'\nimport { SubmitDone } from './SubmitDone'\nimport { ContractorSubmit } from '.'\n\ninterface ContractorSubmitWithApiProps {\n  contractorUuid: string\n  onDone: () => void\n}\n\nexport const ContractorSubmitWithApi = ({\n  contractorUuid,\n  onDone,\n}: ContractorSubmitWithApiProps) => {\n  const [isDone, setIsDone] = useState(false)\n  const onSuccess = () => {\n    setIsDone(true)\n  }\n  const { mutateAsync } = useContractorsUpdateOnboardingStatusMutation({ onSuccess })\n\n  const onSubmit = async () => {\n    await mutateAsync({\n      request: {\n        contractorUuid,\n        requestBody: {\n          onboardingStatus: 'onboarding_completed',\n        },\n      },\n    })\n  }\n\n  return isDone ? <SubmitDone onDone={onDone} /> : <ContractorSubmit onSubmit={onSubmit} />\n}\n"],"names":["ContractorSubmitWithApi","contractorUuid","onDone","isDone","setIsDone","useState","onSuccess","mutateAsync","useContractorsUpdateOnboardingStatusMutation","jsx","SubmitDone","ContractorSubmit"],"mappings":";;;;;AAUO,MAAMA,IAA0B,CAAC;AAAA,EACtC,gBAAAC;AAAA,EACA,QAAAC;AACF,MAAoC;AAClC,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAY,MAAM;AACtB,IAAAF,EAAU,EAAI;AAAA,EAChB,GACM,EAAE,aAAAG,EAAA,IAAgBC,EAA6C,EAAE,WAAAF,GAAW;AAalF,SAAOH,IAAS,gBAAAM,EAACC,GAAA,EAAW,QAAAR,GAAgB,IAAK,gBAAAO,EAACE,KAAiB,UAXlD,YAAY;AAC3B,UAAMJ,EAAY;AAAA,MAChB,SAAS;AAAA,QACP,gBAAAN;AAAA,QACA,aAAa;AAAA,UACX,kBAAkB;AAAA,QAAA;AAAA,MACpB;AAAA,IACF,CACD;AAAA,EACH,GAEuF;AACzF;"}

package/dist/components/Contractor/Submit/index.d.ts

@@ -1,6 +0,0 @@
-import "./types/i18next.d.ts"
-interface ContractorSubmitProps {
-    onSubmit: () => void;
-}
-export declare const ContractorSubmit: ({ onSubmit }: ContractorSubmitProps) => import("react/jsx-runtime").JSX.Element;
-export {};

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

@@ -1,20 +0,0 @@
-import { jsxs as s, Fragment as l, jsx as r } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import a from "./index.module.scss.js";
-import { Flex as u } from "../../Common/Flex/Flex.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as C } from "../../../i18n/I18n.js";
-const I = ({ onSubmit: o }) => {
-  C("Contractor.ContractorSubmit");
-  const { Alert: e, Button: n, UnorderedList: i } = p(), { t } = c("Contractor.ContractorSubmit"), m = Object.values(t("warningItems", { returnObjects: !0 }));
-  return /* @__PURE__ */ s(l, { children: [
-    /* @__PURE__ */ r(e, { label: t("title"), status: "warning", className: a.alert, children: /* @__PURE__ */ r(i, { items: m }) }),
-    /* @__PURE__ */ r(u, { flexDirection: "column", alignItems: "flex-end", children: /* @__PURE__ */ r(n, { title: t("submitCTA"), onClick: o, children: t("submitCTA") }) })
-  ] });
-};
-export {
-  I as ContractorSubmit
-};
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Contractor/Submit/index.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport styles from './index.module.scss'\nimport { Flex } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\ninterface ContractorSubmitProps {\n  onSubmit: () => void\n}\n\nexport const ContractorSubmit = ({ onSubmit }: ContractorSubmitProps) => {\n  useI18n('Contractor.ContractorSubmit')\n  const { Alert, Button, UnorderedList } = useComponentContext()\n  const { t } = useTranslation('Contractor.ContractorSubmit')\n  const items = Object.values(t('warningItems', { returnObjects: true }))\n\n  return (\n    <>\n      <Alert label={t('title')} status=\"warning\" className={styles.alert}>\n        <UnorderedList items={items} />\n      </Alert>\n      <Flex flexDirection=\"column\" alignItems=\"flex-end\">\n        <Button title={t('submitCTA')} onClick={onSubmit}>\n          {t('submitCTA')}\n        </Button>\n      </Flex>\n    </>\n  )\n}\n"],"names":["ContractorSubmit","onSubmit","useI18n","Alert","Button","UnorderedList","useComponentContext","useTranslation","items","jsxs","Fragment","jsx","styles","Flex"],"mappings":";;;;;;;;AAUO,MAAMA,IAAmB,CAAC,EAAE,UAAAC,QAAsC;AACvE,EAAAC,EAAQ,6BAA6B;AACrC,QAAM,EAAE,OAAAC,GAAO,QAAAC,GAAQ,eAAAC,EAAA,IAAkBC,EAAA,GACnC,EAAE,EAAA,IAAMC,EAAe,6BAA6B,GACpDC,IAAQ,OAAO,OAAO,EAAE,gBAAgB,EAAE,eAAe,GAAA,CAAM,CAAC;AAEtE,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACR,GAAA,EAAM,OAAO,EAAE,OAAO,GAAG,QAAO,WAAU,WAAWS,EAAO,OAC3D,UAAA,gBAAAD,EAACN,GAAA,EAAc,OAAAG,GAAc,GAC/B;AAAA,sBACCK,GAAA,EAAK,eAAc,UAAS,YAAW,YACtC,UAAA,gBAAAF,EAACP,GAAA,EAAO,OAAO,EAAE,WAAW,GAAG,SAASH,GACrC,UAAA,EAAE,WAAW,GAChB,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Contractor/Submit/index.module.scss.js

@@ -1,8 +0,0 @@
-const t = "_alert_e0ggq_1", e = {
-  alert: t
-};
-export {
-  t as alert,
-  e as default
-};
-//# sourceMappingURL=index.module.scss.js.map

package/dist/components/Contractor/Submit/index.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/Employee/Deductions/Actions.js

@@ -1,27 +0,0 @@
-import { jsxs as a, jsx as i } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { useDeductions as m } from "./useDeductions.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const T = () => {
-  const { mode: o, handleAdd: e, handleCancel: r, handlePassthrough: s, isPending: c } = m(), { t: n } = d("Employee.Deductions"), t = l();
-  return /* @__PURE__ */ a(u, { children: [
-    (o === "ADD" || o === "EDIT") && /* @__PURE__ */ i(t.Button, { variant: "secondary", onClick: r, children: n("cancelCta") }),
-    o === "LIST" && /* @__PURE__ */ i(t.Button, { variant: "secondary", onClick: e, children: n("addDeductionCta") }),
-    /* @__PURE__ */ i(
-      t.Button,
-      {
-        type: o === "LIST" ? "button" : "submit",
-        isLoading: c,
-        onClick: o === "LIST" ? s : void 0,
-        children: n("continueCta")
-      }
-    )
-  ] });
-};
-export {
-  T as Actions
-};
-//# sourceMappingURL=Actions.js.map

package/dist/components/Employee/Deductions/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Actions.js","sources":["../../../../src/components/Employee/Deductions/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDeductions } from './useDeductions'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { mode, handleAdd, handleCancel, handlePassthrough, isPending } = useDeductions()\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {(mode === 'ADD' || mode === 'EDIT') && (\n        <Components.Button variant=\"secondary\" onClick={handleCancel}>\n          {t('cancelCta')}\n        </Components.Button>\n      )}\n      {mode === 'LIST' && (\n        <Components.Button variant=\"secondary\" onClick={handleAdd}>\n          {t('addDeductionCta')}\n        </Components.Button>\n      )}\n      <Components.Button\n        type={mode === 'LIST' ? 'button' : 'submit'}\n        isLoading={isPending}\n        onClick={mode === 'LIST' ? handlePassthrough : undefined}\n      >\n        {t('continueCta')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","mode","handleAdd","handleCancel","handlePassthrough","isPending","useDeductions","t","useTranslation","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,MAAAC,GAAM,WAAAC,GAAW,cAAAC,GAAc,mBAAAC,GAAmB,WAAAC,EAAA,IAAcC,EAAA,GAClE,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAV,MAAS,SAASA,MAAS,WAC3B,gBAAAW,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASN,GAC7C,UAAAI,EAAE,WAAW,GAChB;AAAA,IAEDN,MAAS,UACR,gBAAAW,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAC7C,UAAAK,EAAE,iBAAiB,EAAA,CACtB;AAAA,IAEF,gBAAAK;AAAA,MAACH,EAAW;AAAA,MAAX;AAAA,QACC,MAAMR,MAAS,SAAS,WAAW;AAAA,QACnC,WAAWI;AAAA,QACX,SAASJ,MAAS,SAASG,IAAoB;AAAA,QAE9C,YAAE,aAAa;AAAA,MAAA;AAAA,IAAA;AAAA,EAClB,GACF;AAEJ;"}

package/dist/components/Employee/Deductions/DeductionForm.d.ts

@@ -1 +0,0 @@
-export declare const DeductionForm: () => import("react/jsx-runtime").JSX.Element | undefined;

package/dist/components/Employee/Deductions/DeductionForm.js

@@ -1,78 +0,0 @@
-import { jsxs as m, Fragment as l, jsx as t } from "react/jsx-runtime";
-import { useFormContext as s, useWatch as i } from "react-hook-form";
-import { useTranslation as p } from "react-i18next";
-import { useDeductions as b } from "./useDeductions.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { TextInputField as f } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { NumberInputField as u } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { useI18n as D } from "../../../i18n/I18n.js";
-import { useComponentContext as g } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { CheckboxField as x } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const E = () => {
-  const { mode: n } = b(), { control: r } = s();
-  D("Employee.Deductions");
-  const { t: e } = p("Employee.Deductions"), o = g(), c = i({ control: r, name: "recurring" }), d = i({ control: r, name: "deductAsPercentage" });
-  if (!(n !== "ADD" && n !== "EDIT"))
-    return /* @__PURE__ */ m(l, { children: [
-      /* @__PURE__ */ t(o.Heading, { as: "h2", children: e(n === "EDIT" ? "editDeductionTitle" : "addDeductionTitle") }),
-      /* @__PURE__ */ t(o.Text, { children: e("addDeuctionDescription") }),
-      /* @__PURE__ */ t(
-        f,
-        {
-          name: "description",
-          label: e("descriptionLabel"),
-          isRequired: !0,
-          errorMessage: e("validations.description")
-        }
-      ),
-      /* @__PURE__ */ t(
-        a,
-        {
-          name: "recurring",
-          label: e("frequencyLabel"),
-          options: [
-            { value: "true", label: e("frequencyRecurringOption") },
-            { value: "false", label: e("frequencyOneTimeOption") }
-          ]
-        }
-      ),
-      /* @__PURE__ */ t(
-        a,
-        {
-          name: "deductAsPercentage",
-          label: e("deductionTypeLabel"),
-          options: [
-            { value: "true", label: e("deductionTypePercentageOption") },
-            { value: "false", label: e("deductionTypeFixedAmountOption") }
-          ]
-        }
-      ),
-      /* @__PURE__ */ t("div", { className: "deduction-amount-section", children: /* @__PURE__ */ t(
-        u,
-        {
-          name: "amount",
-          isRequired: !0,
-          label: e("deductionAmountLabel"),
-          format: d === "true" ? "percent" : "currency",
-          min: 0,
-          errorMessage: e("validations.amount")
-        }
-      ) }),
-      c === "true" && /* @__PURE__ */ t(
-        u,
-        {
-          name: "annualMaximum",
-          label: e("annualMaxLabel"),
-          format: "currency",
-          min: 0
-        }
-      ),
-      /* @__PURE__ */ t(x, { name: "courtOrdered", label: e("courtOrderedLabel") })
-    ] });
-};
-export {
-  E as DeductionForm
-};
-//# sourceMappingURL=DeductionForm.js.map

package/dist/components/Employee/Deductions/DeductionForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeductionForm.js","sources":["../../../../src/components/Employee/Deductions/DeductionForm.tsx"],"sourcesContent":["import { useFormContext, useWatch } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { useDeductions, type DeductionInputs } from './useDeductions'\nimport {\n  CheckboxField,\n  NumberInputField,\n  RadioGroupField,\n  TextInputField,\n} from '@/components/Common'\nimport { useI18n } from '@/i18n'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const DeductionForm = () => {\n  const { mode } = useDeductions()\n  const { control } = useFormContext<DeductionInputs>()\n  useI18n('Employee.Deductions')\n  const { t } = useTranslation('Employee.Deductions')\n  const Components = useComponentContext()\n\n  const watchedRecurring = useWatch({ control, name: 'recurring' })\n  const watchedDeductAsPercentage = useWatch({ control, name: 'deductAsPercentage' })\n\n  if (mode !== 'ADD' && mode !== 'EDIT') return\n\n  return (\n    <>\n      <Components.Heading as=\"h2\">\n        {mode === 'EDIT' ? t('editDeductionTitle') : t('addDeductionTitle')}\n      </Components.Heading>\n      <Components.Text>{t('addDeuctionDescription')}</Components.Text>\n      <TextInputField\n        name=\"description\"\n        label={t('descriptionLabel')}\n        isRequired\n        errorMessage={t('validations.description')}\n      />\n      <RadioGroupField\n        name=\"recurring\"\n        label={t('frequencyLabel')}\n        options={[\n          { value: 'true', label: t('frequencyRecurringOption') },\n          { value: 'false', label: t('frequencyOneTimeOption') },\n        ]}\n      />\n      <RadioGroupField\n        name=\"deductAsPercentage\"\n        label={t('deductionTypeLabel')}\n        options={[\n          { value: 'true', label: t('deductionTypePercentageOption') },\n          { value: 'false', label: t('deductionTypeFixedAmountOption') },\n        ]}\n      />\n      <div className=\"deduction-amount-section\">\n        <NumberInputField\n          name=\"amount\"\n          isRequired\n          label={t('deductionAmountLabel')}\n          format={watchedDeductAsPercentage === 'true' ? 'percent' : 'currency'}\n          min={0}\n          errorMessage={t('validations.amount')}\n        />\n      </div>\n      {watchedRecurring === 'true' && (\n        <NumberInputField\n          name=\"annualMaximum\"\n          label={t('annualMaxLabel')}\n          format=\"currency\"\n          min={0}\n        />\n      )}\n      <CheckboxField name=\"courtOrdered\" label={t('courtOrderedLabel')} />\n    </>\n  )\n}\n"],"names":["DeductionForm","mode","useDeductions","control","useFormContext","useI18n","t","useTranslation","Components","useComponentContext","watchedRecurring","useWatch","watchedDeductAsPercentage","jsxs","Fragment","jsx","TextInputField","RadioGroupField","NumberInputField","CheckboxField"],"mappings":";;;;;;;;;;;;AAYO,MAAMA,IAAgB,MAAM;AACjC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,SAAAC,EAAA,IAAYC,EAAA;AACpB,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAA,GAEbC,IAAmBC,EAAS,EAAE,SAAAR,GAAS,MAAM,aAAa,GAC1DS,IAA4BD,EAAS,EAAE,SAAAR,GAAS,MAAM,sBAAsB;AAElF,MAAI,EAAAF,MAAS,SAASA,MAAS;AAE/B,WACE,gBAAAY,EAAAC,GAAA,EACE,UAAA;AAAA,MAAA,gBAAAC,EAACP,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAkBF,EAAlBL,MAAS,SAAW,uBAA0B,mBAAN,EAAyB,CACpE;AAAA,wBACCO,EAAW,MAAX,EAAiB,UAAAF,EAAE,wBAAwB,GAAE;AAAA,MAC9C,gBAAAS;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOV,EAAE,kBAAkB;AAAA,UAC3B,YAAU;AAAA,UACV,cAAcA,EAAE,yBAAyB;AAAA,QAAA;AAAA,MAAA;AAAA,MAE3C,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,EAAE,gBAAgB;AAAA,UACzB,SAAS;AAAA,YACP,EAAE,OAAO,QAAQ,OAAOA,EAAE,0BAA0B,EAAA;AAAA,YACpD,EAAE,OAAO,SAAS,OAAOA,EAAE,wBAAwB,EAAA;AAAA,UAAE;AAAA,QACvD;AAAA,MAAA;AAAA,MAEF,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,EAAE,oBAAoB;AAAA,UAC7B,SAAS;AAAA,YACP,EAAE,OAAO,QAAQ,OAAOA,EAAE,+BAA+B,EAAA;AAAA,YACzD,EAAE,OAAO,SAAS,OAAOA,EAAE,gCAAgC,EAAA;AAAA,UAAE;AAAA,QAC/D;AAAA,MAAA;AAAA,MAEF,gBAAAS,EAAC,OAAA,EAAI,WAAU,4BACb,UAAA,gBAAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,YAAU;AAAA,UACV,OAAOZ,EAAE,sBAAsB;AAAA,UAC/B,QAAQM,MAA8B,SAAS,YAAY;AAAA,UAC3D,KAAK;AAAA,UACL,cAAcN,EAAE,oBAAoB;AAAA,QAAA;AAAA,MAAA,GAExC;AAAA,MACCI,MAAqB,UACpB,gBAAAK;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOZ,EAAE,gBAAgB;AAAA,UACzB,QAAO;AAAA,UACP,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,wBAGRa,GAAA,EAAc,MAAK,gBAAe,OAAOb,EAAE,mBAAmB,EAAA,CAAG;AAAA,IAAA,GACpE;AAEJ;"}

package/dist/components/Employee/Deductions/DeductionsList.d.ts

@@ -1,2 +0,0 @@
-import { default as React } from 'react';
-export declare const DeductionsList: React.FC;

package/dist/components/Employee/Deductions/DeductionsList.js

@@ -1,60 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as f } from "react-i18next";
-import { useDeductions as g } from "./useDeductions.js";
-import "classnames";
-import "../../../shared/constants.js";
-import o from "../../Common/hooks/useNumberFormatter.js";
-import b from "../../../assets/icons/pencil.svg.js";
-import C from "../../../assets/icons/trashcan.svg.js";
-import { HamburgerMenu as h } from "../../Common/HamburgerMenu/HamburgerMenu.js";
-import { useDataView as y } from "../../Common/DataView/useDataView.js";
-import { DataView as D } from "../../Common/DataView/DataView.js";
-const E = () => {
-  const { mode: i, deductions: m, handleDelete: a, handleEdit: u, isPending: c } = g(), { t: r } = f("Employee.Deductions"), s = o("currency"), l = o("percent"), d = m.filter((e) => e.active), { ...p } = y({
-    data: d,
-    columns: [
-      { key: "description", title: r("nameColumn") },
-      {
-        key: "recurring",
-        title: r("frequencyColumn"),
-        render: (e) => e.recurring ? r("recurringText") : r("nonRecurringText")
-      },
-      {
-        key: "amount",
-        title: r("withheldColumn"),
-        render: (e) => {
-          const n = e.deductAsPercentage ? l(Number(e.amount)) : s(Number(e.amount));
-          return e.recurring ? r("recurringAmount", { value: n }) : n;
-        }
-      }
-    ],
-    itemMenu: (e) => /* @__PURE__ */ t(
-      h,
-      {
-        isLoading: c,
-        items: [
-          {
-            label: r("editCta"),
-            onClick: () => {
-              u(e);
-            },
-            icon: /* @__PURE__ */ t(b, { "aria-hidden": !0 })
-          },
-          {
-            label: r("deleteCta"),
-            onClick: () => {
-              a(e);
-            },
-            icon: /* @__PURE__ */ t(C, { "aria-hidden": !0 })
-          }
-        ]
-      }
-    )
-  });
-  if (i === "LIST")
-    return /* @__PURE__ */ t(D, { label: r("deductionsTableLabel"), ...p });
-};
-export {
-  E as DeductionsList
-};
-//# sourceMappingURL=DeductionsList.js.map

package/dist/components/Employee/Deductions/DeductionsList.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeductionsList.js","sources":["../../../../src/components/Employee/Deductions/DeductionsList.tsx"],"sourcesContent":["import type React from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { useDeductions } from './useDeductions'\nimport { useDataView, DataView } from '@/components/Common'\nimport useNumberFormatter from '@/components/Common/hooks/useNumberFormatter'\nimport PencilSvg from '@/assets/icons/pencil.svg?react'\nimport TrashCanSvg from '@/assets/icons/trashcan.svg?react'\nimport { HamburgerMenu } from '@/components/Common/HamburgerMenu'\n\nexport const DeductionsList: React.FC = () => {\n  const { mode, deductions, handleDelete, handleEdit, isPending } = useDeductions()\n  const { t } = useTranslation('Employee.Deductions')\n  const formatCurrency = useNumberFormatter('currency')\n  const formatPercent = useNumberFormatter('percent')\n\n  const activeDeductions = deductions.filter(deduction => deduction.active)\n\n  const { ...dataViewProps } = useDataView({\n    data: activeDeductions,\n    columns: [\n      { key: 'description', title: t('nameColumn') },\n      {\n        key: 'recurring',\n        title: t('frequencyColumn'),\n        render: deduction => {\n          return deduction.recurring ? t('recurringText') : t('nonRecurringText')\n        },\n      },\n      {\n        key: 'amount',\n        title: t('withheldColumn'),\n        render: deduction => {\n          const formattedAmount = deduction.deductAsPercentage\n            ? formatPercent(Number(deduction.amount))\n            : formatCurrency(Number(deduction.amount))\n          return deduction.recurring\n            ? t('recurringAmount', { value: formattedAmount })\n            : formattedAmount\n        },\n      },\n    ],\n    itemMenu: deduction => {\n      return (\n        <HamburgerMenu\n          isLoading={isPending}\n          items={[\n            {\n              label: t('editCta'),\n              onClick: () => {\n                handleEdit(deduction)\n              },\n              icon: <PencilSvg aria-hidden />,\n            },\n            {\n              label: t('deleteCta'),\n              onClick: () => {\n                handleDelete(deduction)\n              },\n              icon: <TrashCanSvg aria-hidden />,\n            },\n          ]}\n        />\n      )\n    },\n  })\n\n  if (mode !== 'LIST') return\n  return <DataView label={t('deductionsTableLabel')} {...dataViewProps} />\n}\n"],"names":["DeductionsList","mode","deductions","handleDelete","handleEdit","isPending","useDeductions","t","useTranslation","formatCurrency","useNumberFormatter","formatPercent","activeDeductions","deduction","dataViewProps","useDataView","formattedAmount","jsx","HamburgerMenu","PencilSvg","TrashCanSvg","DataView"],"mappings":";;;;;;;;;;;AASO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,MAAAC,GAAM,YAAAC,GAAY,cAAAC,GAAc,YAAAC,GAAY,WAAAC,EAAA,IAAcC,EAAA,GAC5D,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAiBC,EAAmB,UAAU,GAC9CC,IAAgBD,EAAmB,SAAS,GAE5CE,IAAmBV,EAAW,OAAO,CAAAW,MAAaA,EAAU,MAAM,GAElE,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMH;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,eAAe,OAAOL,EAAE,YAAY,EAAA;AAAA,MAC3C;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAAM,MACCA,EAAU,YAAYN,EAAE,eAAe,IAAIA,EAAE,kBAAkB;AAAA,MACxE;AAAA,MAEF;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,gBAAgB;AAAA,QACzB,QAAQ,CAAAM,MAAa;AACnB,gBAAMG,IAAkBH,EAAU,qBAC9BF,EAAc,OAAOE,EAAU,MAAM,CAAC,IACtCJ,EAAe,OAAOI,EAAU,MAAM,CAAC;AAC3C,iBAAOA,EAAU,YACbN,EAAE,mBAAmB,EAAE,OAAOS,EAAA,CAAiB,IAC/CA;AAAA,QACN;AAAA,MAAA;AAAA,IACF;AAAA,IAEF,UAAU,CAAAH,MAEN,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,WAAWb;AAAA,QACX,OAAO;AAAA,UACL;AAAA,YACE,OAAOE,EAAE,SAAS;AAAA,YAClB,SAAS,MAAM;AACb,cAAAH,EAAWS,CAAS;AAAA,YACtB;AAAA,YACA,MAAM,gBAAAI,EAACE,GAAA,EAAU,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,UAE/B;AAAA,YACE,OAAOZ,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAJ,EAAaU,CAAS;AAAA,YACxB;AAAA,YACA,MAAM,gBAAAI,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,IAAA;AAAA,EAGN,CACD;AAED,MAAInB,MAAS;AACb,6BAAQoB,GAAA,EAAS,OAAOd,EAAE,sBAAsB,GAAI,GAAGO,GAAe;AACxE;"}

package/dist/components/Employee/Deductions/Head.js

@@ -1,13 +0,0 @@
-import { jsx as e, Fragment as r } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-import { useDeductions as m } from "./useDeductions.js";
-import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function d() {
-  const { t } = i("Employee.Deductions"), { mode: o } = m(), n = s();
-  if (!(o !== "INITIAL" && o !== "LIST"))
-    return /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(n.Heading, { as: "h2", children: t("pageTitle") }) });
-}
-export {
-  d as Head
-};
-//# sourceMappingURL=Head.js.map

package/dist/components/Employee/Deductions/Head.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Head.js","sources":["../../../../src/components/Employee/Deductions/Head.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDeductions } from './useDeductions'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport function Head() {\n  const { t } = useTranslation('Employee.Deductions')\n  const { mode } = useDeductions()\n  const Components = useComponentContext()\n\n  if (mode !== 'INITIAL' && mode !== 'LIST') return\n  return (\n    <>\n      <Components.Heading as=\"h2\">{t('pageTitle')}</Components.Heading>\n    </>\n  )\n}\n"],"names":["Head","useTranslation","mode","useDeductions","Components","useComponentContext","jsx","Fragment"],"mappings":";;;;AAIO,SAASA,IAAO;AACrB,QAAM,EAAE,EAAA,IAAMC,EAAe,qBAAqB,GAC5C,EAAE,MAAAC,EAAA,IAASC,EAAA,GACXC,IAAaC,EAAA;AAEnB,MAAI,EAAAH,MAAS,aAAaA,MAAS;AACnC,WACE,gBAAAI,EAAAC,GAAA,EACE,UAAA,gBAAAD,EAACF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,WAAW,EAAA,CAAE,EAAA,CAC9C;AAEJ;"}

package/dist/components/Employee/Deductions/IncludeDeductionsForm.d.ts

@@ -1 +0,0 @@
-export declare const IncludeDeductionsForm: () => import("react/jsx-runtime").JSX.Element | undefined;