@gusto/embedded-react-sdk 0.11.1 → 0.11.3-rc.1

package/dist/types/hooks.d.ts

@@ -0,0 +1,36 @@
+import { BeforeCreateRequestHook, BeforeRequestHook, AfterSuccessHook, AfterErrorHook, BeforeCreateRequestContext, BeforeRequestContext, AfterSuccessContext, AfterErrorContext } from '@gusto/embedded-api/hooks/types';
+export type { BeforeCreateRequestHook, BeforeRequestHook, AfterSuccessHook, AfterErrorHook, BeforeCreateRequestContext, BeforeRequestContext, AfterSuccessContext, AfterErrorContext, };
+/**
+ * SDK hooks interface for consumers
+ *
+ * This interface defines the supported hook types that can be passed to the GustoProvider.
+ * Each hook type must implement the corresponding interface from @gusto/embedded-api/hooks/types.
+ *
+ * Only the following hook types are supported:
+ * - beforeCreateRequest: Hooks executed before creating a Request object
+ * - beforeRequest: Hooks executed after Request creation but before sending
+ * - afterSuccess: Hooks executed after successful responses (2xx status codes)
+ * - afterError: Hooks executed after error responses (4xx, 5xx) or network failures
+ *
+ * @example
+ * ```typescript
+ * const hooks: SDKHooks = {
+ *   beforeRequest: [{
+ *     beforeRequest: (context, request) => {
+ *       request.headers.set('Authorization', 'Bearer token')
+ *       return request
+ *     }
+ *   }]
+ * }
+ * ```
+ */
+export interface SDKHooks {
+    /** Hooks executed before creating a Request object */
+    beforeCreateRequest?: BeforeCreateRequestHook[];
+    /** Hooks executed after Request creation but before sending */
+    beforeRequest?: BeforeRequestHook[];
+    /** Hooks executed after successful responses (2xx status codes) */
+    afterSuccess?: AfterSuccessHook[];
+    /** Hooks executed after error responses (4xx, 5xx) or network failures */
+    afterError?: AfterErrorHook[];
+}

package/dist/types/i18next.d.ts

@@ -591,7 +591,6 @@ export interface EmployeeDeductions{
 "continueCta":string;
 "addDeductionTitle":string;
 "editDeductionTitle":string;
-"addDeuctionDescription":string;
 "descriptionLabel":string;
 "frequencyLabel":string;
 "frequencyRecurringOption":string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gusto/embedded-react-sdk",
-  "version": "0.11.1",
+  "version": "0.11.3-rc.1",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"
@@ -71,7 +71,7 @@
     "@types/js-yaml": "^4.0.9",
     "@types/react": "^19.1.2",
     "@vitejs/plugin-react-swc": "^3.9.0",
-    "@vitest/coverage-v8": "^2.1.9",
+    "@vitest/coverage-v8": "^3.2.4",
     "axe-core": "^4.10.2",
     "dotenv": "^17.0.1",
     "eslint": "^9.25.1",
@@ -94,14 +94,14 @@
     "ts-morph": "^26.0.0",
     "tsx": "^4.19.3",
     "typescript-eslint": "^8.31.0",
-    "vite": "^5.4.19",
+    "vite": "^6.2.7",
     "vite-plugin-checker": "^0.9.1",
     "vite-plugin-circular-dependency": "^0.5.0",
     "vite-plugin-dts": "^4.5.3",
     "vite-plugin-externalize-deps": "^0.9.0",
-    "vite-plugin-stylelint": "^5.3.1",
+    "vite-plugin-stylelint": "^6.0.2",
     "vite-plugin-svgr": "^4.3.0",
-    "vitest": "^2.1.9"
+    "vitest": "^3.2.4"
   },
   "peerDependencies": {
     "@tanstack/react-query": "^5",

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/Employee/Deductions/Actions.js

@@ -1,25 +0,0 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { useTranslation as d } from "react-i18next";
-import { useDeductions as m } from "./useDeductions.js";
-import { ActionsLayout as u } from "../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as l } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-const y = () => {
-  const { mode: n, handleAdd: i, handleCancel: r, handlePassthrough: s, isPending: c } = m(), { t: o } = d("Employee.Deductions"), t = l();
-  return /* @__PURE__ */ a(u, { children: [
-    (n === "ADD" || n === "EDIT") && /* @__PURE__ */ e(t.Button, { variant: "secondary", onClick: r, children: o("cancelCta") }),
-    n === "LIST" && /* @__PURE__ */ e(t.Button, { variant: "secondary", onClick: i, children: o("addDeductionCta") }),
-    /* @__PURE__ */ e(
-      t.Button,
-      {
-        type: n === "LIST" ? "button" : "submit",
-        isLoading: c,
-        onClick: n === "LIST" ? s : void 0,
-        children: o("continueCta")
-      }
-    )
-  ] });
-};
-export {
-  y 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,MAAcC,EAAc,GAChF,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB;AAEvC,2BACGC,GACG,EAAA,UAAA;AAAA,KAAAV,MAAS,SAASA,MAAS,WAC3B,gBAAAW,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASN,GAC7C,UAAAI,EAAE,WAAW,GAChB;AAAA,IAEDN,MAAS,UACP,gBAAAW,EAAAH,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASP,GAC7C,UAAEK,EAAA,iBAAiB,EACtB,CAAA;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,76 +0,0 @@
-import { jsxs as l, Fragment as m, 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 { useI18n as f } from "../../../i18n/I18n.js";
-import { useComponentContext as D } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { TextInputField as g } from "../../Common/Fields/TextInputField/TextInputField.js";
-import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import { NumberInputField as u } from "../../Common/Fields/NumberInputField/NumberInputField.js";
-import { CheckboxField as x } from "../../Common/Fields/CheckboxField/CheckboxField.js";
-const I = () => {
-  const { mode: n } = b(), { control: r } = s();
-  f("Employee.Deductions");
-  const { t: e } = p("Employee.Deductions"), o = D(), c = i({ control: r, name: "recurring" }), d = i({ control: r, name: "deductAsPercentage" });
-  if (!(n !== "ADD" && n !== "EDIT"))
-    return /* @__PURE__ */ l(m, { children: [
-      /* @__PURE__ */ t(o.Heading, { as: "h2", children: e(n === "EDIT" ? "editDeductionTitle" : "addDeductionTitle") }),
-      /* @__PURE__ */ t(o.Text, { children: e("addDeuctionDescription") }),
-      /* @__PURE__ */ t(
-        g,
-        {
-          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 {
-  I 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;AAC3B,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAc,GACzB,EAAE,SAAAC,EAAQ,IAAIC,EAAgC;AACpD,EAAAC,EAAQ,qBAAqB;AAC7B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB,GAC5CC,IAAaC,EAAoB,GAEjCC,IAAmBC,EAAS,EAAE,SAAAR,GAAS,MAAM,aAAa,GAC1DS,IAA4BD,EAAS,EAAE,SAAAR,GAAS,MAAM,sBAAsB;AAE9E,MAAA,EAAAF,MAAS,SAASA,MAAS;AAE/B,WAEI,gBAAAY,EAAAC,GAAA,EAAA,UAAA;AAAA,MAAA,gBAAAC,EAACP,EAAW,SAAX,EAAmB,IAAG,MACpB,UAAkBF,EAAlBL,MAAS,SAAW,uBAA0B,mBAAN,EAC3C,CAAA;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,MAC3C;AAAA,MACA,gBAAAS;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOX,EAAE,gBAAgB;AAAA,UACzB,SAAS;AAAA,YACP,EAAE,OAAO,QAAQ,OAAOA,EAAE,0BAA0B,EAAE;AAAA,YACtD,EAAE,OAAO,SAAS,OAAOA,EAAE,wBAAwB,EAAE;AAAA,UAAA;AAAA,QACvD;AAAA,MACF;AAAA,MACA,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,EAAE;AAAA,YAC3D,EAAE,OAAO,SAAS,OAAOA,EAAE,gCAAgC,EAAE;AAAA,UAAA;AAAA,QAC/D;AAAA,MACF;AAAA,MACA,gBAAAS,EAAC,OAAI,EAAA,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,MACP;AAAA,wBAEDa,GAAc,EAAA,MAAK,gBAAe,OAAOb,EAAE,mBAAmB,EAAG,CAAA;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,58 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { useDeductions as g } from "./useDeductions.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 S = () => {
-  const { mode: i, deductions: m, handleDelete: a, handleEdit: u, isPending: c } = g(), { t: r } = p("Employee.Deductions"), s = o("currency"), l = o("percent"), d = m.filter((e) => e.active), { ...f } = 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"), ...f });
-};
-export {
-  S 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,MAAcC,EAAc,GAC1E,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,EAAc,IAAIC,EAAY;AAAA,IACvC,MAAMH;AAAA,IACN,SAAS;AAAA,MACP,EAAE,KAAK,eAAe,OAAOL,EAAE,YAAY,EAAE;AAAA,MAC7C;AAAA,QACE,KAAK;AAAA,QACL,OAAOA,EAAE,iBAAiB;AAAA,QAC1B,QAAQ,CAAaM,MACZA,EAAU,YAAYN,EAAE,eAAe,IAAIA,EAAE,kBAAkB;AAAA,MAE1E;AAAA,MACA;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;AACpC,iBAAAA,EAAU,YACbN,EAAE,mBAAmB,EAAE,OAAOS,EAAiB,CAAA,IAC/CA;AAAA,QAAA;AAAA,MACN;AAAA,IAEJ;AAAA,IACA,UAAU,CAAaH,MAEnB,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,GAAU,EAAA,eAAW,GAAC,CAAA;AAAA,UAC/B;AAAA,UACA;AAAA,YACE,OAAOZ,EAAE,WAAW;AAAA,YACpB,SAAS,MAAM;AACb,cAAAJ,EAAaU,CAAS;AAAA,YACxB;AAAA,YACA,MAAM,gBAAAI,EAACG,GAAY,EAAA,eAAW,GAAC,CAAA;AAAA,UAAA;AAAA,QACjC;AAAA,MACF;AAAA,IACF;AAAA,EAEJ,CACD;AAED,MAAInB,MAAS;AACb,6BAAQoB,GAAS,EAAA,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,EAAK,IAAIC,EAAc,GACzBC,IAAaC,EAAoB;AAEnC,MAAA,EAAAH,MAAS,aAAaA,MAAS;AAEjC,WAAA,gBAAAI,EAAAC,GAAA,EACE,UAAC,gBAAAD,EAAAF,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAA,EAAE,WAAW,EAAA,CAAE,EAC9C,CAAA;AAEJ;"}

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

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

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

@@ -1,25 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useTranslation as n } from "react-i18next";
-import { useDeductions as t } from "./useDeductions.js";
-import { RadioGroupField as u } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const l = () => {
-  const { mode: o } = t(), { t: e } = n("Employee.Deductions");
-  if (o === "INITIAL")
-    return /* @__PURE__ */ i(
-      u,
-      {
-        name: "includeDeductions",
-        isRequired: !0,
-        label: e("includeDeductionsFormLabel"),
-        description: e("includeDeductionsDescription"),
-        options: [
-          { value: "Yes", label: e("includeDeductionsYes") },
-          { value: "No", label: e("includeDeductionsNo") }
-        ]
-      }
-    );
-};
-export {
-  l as IncludeDeductionsForm
-};
-//# sourceMappingURL=IncludeDeductionsForm.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"IncludeDeductionsForm.js","sources":["../../../../src/components/Employee/Deductions/IncludeDeductionsForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useDeductions } from './useDeductions'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const IncludeDeductionsForm = () => {\n  const { mode } = useDeductions()\n  const { t } = useTranslation('Employee.Deductions')\n  if (mode !== 'INITIAL') return\n  return (\n    <RadioGroupField\n      name=\"includeDeductions\"\n      isRequired\n      label={t('includeDeductionsFormLabel')}\n      description={t('includeDeductionsDescription')}\n      options={[\n        { value: 'Yes', label: t('includeDeductionsYes') },\n        { value: 'No', label: t('includeDeductionsNo') },\n      ]}\n    />\n  )\n}\n"],"names":["IncludeDeductionsForm","mode","useDeductions","t","useTranslation","jsx","RadioGroupField"],"mappings":";;;;AAIO,MAAMA,IAAwB,MAAM;AACnC,QAAA,EAAE,MAAAC,EAAK,IAAIC,EAAc,GACzB,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAClD,MAAIH,MAAS;AAEX,WAAA,gBAAAI;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAOH,EAAE,4BAA4B;AAAA,QACrC,aAAaA,EAAE,8BAA8B;AAAA,QAC7C,SAAS;AAAA,UACP,EAAE,OAAO,OAAO,OAAOA,EAAE,sBAAsB,EAAE;AAAA,UACjD,EAAE,OAAO,MAAM,OAAOA,EAAE,qBAAqB,EAAE;AAAA,QAAA;AAAA,MACjD;AAAA,IACF;AAEJ;"}

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

@@ -1,33 +0,0 @@
-import { z as r } from "zod";
-import "react/jsx-runtime";
-import "react";
-import "react-error-boundary";
-import "react-i18next";
-import "@gusto/embedded-api/models/errors/apierror";
-import "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import "@tanstack/react-query";
-import "../../Base/useBase.js";
-import "../../../shared/constants.js";
-import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { createCompoundContext as o } from "../../Base/createCompoundContext.js";
-const D = r.object({
-  active: r.boolean(),
-  amount: r.number().min(0).transform(String),
-  description: r.string().min(1),
-  courtOrdered: r.boolean(),
-  times: r.number().nullable(),
-  //The number of times to apply the garnishment. Ignored if recurring is true.
-  recurring: r.string().transform((t) => t === "true"),
-  annualMaximum: r.number().min(0).transform((t) => t > 0 ? t.toString() : null).nullable(),
-  payPeriodMaximum: r.number().min(0).transform((t) => t > 0 ? t.toString() : null).nullable(),
-  deductAsPercentage: r.string().transform((t) => t === "true")
-}), [S, C] = o("DeductionsContext");
-export {
-  D as DeductionSchema,
-  C as DeductionsProvider,
-  S as useDeductions
-};
-//# sourceMappingURL=useDeductions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useDeductions.js","sources":["../../../../src/components/Employee/Deductions/useDeductions.ts"],"sourcesContent":["import type { Garnishment } from '@gusto/embedded-api/models/components/garnishment'\nimport { z } from 'zod'\nimport { createCompoundContext } from '@/components/Base'\n\nexport type MODE = 'ADD' | 'LIST' | 'INITIAL' | 'EDIT'\n\nexport const DeductionSchema = z.object({\n  active: z.boolean(),\n  amount: z.number().min(0).transform(String),\n  description: z.string().min(1),\n  courtOrdered: z.boolean(),\n  times: z.number().nullable(), //The number of times to apply the garnishment. Ignored if recurring is true.\n  recurring: z.string().transform(val => val === 'true'),\n  annualMaximum: z\n    .number()\n    .min(0)\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  payPeriodMaximum: z\n    .number()\n    .min(0)\n    .transform(val => (val > 0 ? val.toString() : null))\n    .nullable(),\n  deductAsPercentage: z.string().transform(val => val === 'true'),\n})\n\nexport type DeductionInputs = z.input<typeof DeductionSchema>\nexport type DeductionPayload = z.output<typeof DeductionSchema>\n\ntype DeductionsContextType = {\n  isPending: boolean\n  deductions: Garnishment[]\n  employeeId: string\n  mode: MODE\n  handleAdd: () => void\n  handleCancel: () => void\n  handleEdit: (deduction: Garnishment) => void\n  handleDelete: (deduction: Garnishment) => void\n  handlePassthrough: () => void\n}\nconst [useDeductions, DeductionsProvider] =\n  createCompoundContext<DeductionsContextType>('DeductionsContext')\nexport { useDeductions, DeductionsProvider }\n"],"names":["DeductionSchema","z","val","useDeductions","DeductionsProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAAA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,QAAQ;AAAA,EAClB,QAAQA,EAAE,OAAO,EAAE,IAAI,CAAC,EAAE,UAAU,MAAM;AAAA,EAC1C,aAAaA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7B,cAAcA,EAAE,QAAQ;AAAA,EACxB,OAAOA,EAAE,OAAO,EAAE,SAAS;AAAA;AAAA,EAC3B,WAAWA,EAAE,SAAS,UAAU,CAAAC,MAAOA,MAAQ,MAAM;AAAA,EACrD,eAAeD,EACZ,OAAA,EACA,IAAI,CAAC,EACL,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK,EAClD,SAAS;AAAA,EACZ,kBAAkBD,EACf,OAAA,EACA,IAAI,CAAC,EACL,UAAU,CAAQC,MAAAA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK,EAClD,SAAS;AAAA,EACZ,oBAAoBD,EAAE,SAAS,UAAU,CAAAC,MAAOA,MAAQ,MAAM;AAChE,CAAC,GAgBK,CAACC,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}

package/dist/contexts/ThemeProvider/createTheme.d.ts

@@ -1,22 +0,0 @@
-import { GTheme, GThemeColors, GThemeSpacing, GThemeTypography } from '../../types/GTheme';
-import { DeepPartial } from '../../types/Helpers';
-export declare const createTheme: (overrides?: DeepPartial<GTheme>) => {
-    link: import('../../types/GTheme').GThemeLink & DeepPartial<import('../../types/GTheme').GThemeLink>;
-    focus: import('../../types/GTheme').GThemeFocus & DeepPartial<import('../../types/GTheme').GThemeFocus>;
-    button: import('../../types/GTheme').GThemeButton & DeepPartial<import('../../types/GTheme').GThemeButton>;
-    checkbox: import('../../types/GTheme').GThemeCheckbox & DeepPartial<import('../../types/GTheme').GThemeCheckbox>;
-    radio: import('../../types/GTheme').GThemeRadio & DeepPartial<import('../../types/GTheme').GThemeRadio>;
-    table: import('../../types/GTheme').GThemeTable & DeepPartial<import('../../types/GTheme').GThemeTable>;
-    card: import('../../types/GTheme').GThemeCard & DeepPartial<import('../../types/GTheme').GThemeCard>;
-    input: import('../../types/GTheme').GThemeInput & DeepPartial<import('../../types/GTheme').GThemeInput>;
-    shadow: import('../../types/GTheme').GThemeShadow & DeepPartial<import('../../types/GTheme').GThemeShadow>;
-    calendarPreview: import('../../types/GTheme').GThemeCalendarPreview & DeepPartial<import('../../types/GTheme').GThemeCalendarPreview>;
-    badge: import('../../types/GTheme').GThemeBadge & DeepPartial<import('../../types/GTheme').GThemeBadge>;
-    spacing: GThemeSpacing & DeepPartial<GThemeSpacing>;
-    typography: GThemeTypography & DeepPartial<GThemeTypography>;
-    colors: GThemeColors & DeepPartial<GThemeColors>;
-    radius: string;
-    rootFS: string;
-    optionalLabel: string;
-    transitionDuration: string;
-};