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

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.2",
+  "version": "0.11.3-rc.1",
   "homepage": "https://github.com/Gusto/embedded-react-sdk",
   "bugs": {
     "url": "https://github.com/Gusto/embedded-react-sdk/issues"

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,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;

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

@@ -1,27 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useTranslation as t } from "react-i18next";
-import { useDeductions as n } from "./useDeductions.js";
-import "classnames";
-import "../../../shared/constants.js";
-import { RadioGroupField as r } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const p = () => {
-  const { mode: o } = n(), { t: e } = t("Employee.Deductions");
-  if (o === "INITIAL")
-    return /* @__PURE__ */ i(
-      r,
-      {
-        name: "includeDeductions",
-        isRequired: !0,
-        label: e("includeDeductionsFormLabel"),
-        description: e("includeDeductionsDescription"),
-        options: [
-          { value: "Yes", label: e("includeDeductionsYes") },
-          { value: "No", label: e("includeDeductionsNo") }
-        ]
-      }
-    );
-};
-export {
-  p 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;AACzC,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAA,GACX,EAAE,GAAAC,EAAA,IAAMC,EAAe,qBAAqB;AAClD,MAAIH,MAAS;AACb,WACE,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,EAAA;AAAA,UAC/C,EAAE,OAAO,MAAM,OAAOA,EAAE,qBAAqB,EAAA;AAAA,QAAE;AAAA,MACjD;AAAA,IAAA;AAGN;"}

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 "classnames";
-import "dompurify";
-import "../../../contexts/ComponentAdapter/useComponentContext.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":";;;;;;;;;;;;;;;AAMO,MAAMA,IAAkBC,EAAE,OAAO;AAAA,EACtC,QAAQA,EAAE,QAAA;AAAA,EACV,QAAQA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,UAAU,MAAM;AAAA,EAC1C,aAAaA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC7B,cAAcA,EAAE,QAAA;AAAA,EAChB,OAAOA,EAAE,OAAA,EAAS,SAAA;AAAA;AAAA,EAClB,WAAWA,EAAE,OAAA,EAAS,UAAU,CAAAC,MAAOA,MAAQ,MAAM;AAAA,EACrD,eAAeD,EACZ,OAAA,EACA,IAAI,CAAC,EACL,UAAU,CAAAC,MAAQA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK,EAClD,SAAA;AAAA,EACH,kBAAkBD,EACf,OAAA,EACA,IAAI,CAAC,EACL,UAAU,CAAAC,MAAQA,IAAM,IAAIA,EAAI,SAAA,IAAa,IAAK,EAClD,SAAA;AAAA,EACH,oBAAoBD,EAAE,OAAA,EAAS,UAAU,CAAAC,MAAOA,MAAQ,MAAM;AAChE,CAAC,GAgBK,CAACC,GAAeC,CAAkB,IACtCC,EAA6C,mBAAmB;"}

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

@@ -1,21 +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;
-    transitionDuration: string;
-};

package/dist/contexts/ThemeProvider/createTheme.js

@@ -1,269 +0,0 @@
-import t from "deepmerge";
-import { toRem as e, getRootFontSize as k } from "../../helpers/rem.js";
-const n = {
-  gray: {
-    100: "#FFFFFF",
-    200: "#FBFAFA",
-    300: "#F4F4F3",
-    400: "#EAEAEA",
-    500: "#DCDCDC",
-    600: "#BABABC",
-    700: "#919197",
-    800: "#6C6C72",
-    900: "#525257",
-    1e3: "#1C1C1C"
-  },
-  error: {
-    100: "#FFF7F5",
-    500: "#D5351F",
-    800: "#B41D08"
-  },
-  warning: {
-    100: "#FFFAF2",
-    500: "#E9B550",
-    700: "#B88023",
-    800: "#B88023"
-  },
-  success: {
-    100: "#F3FAFB",
-    400: "#2BABAD",
-    500: "#0A8080",
-    800: "#005961"
-  },
-  orange: {
-    800: "#CA464A"
-  }
-}, p = {
-  4: e(4),
-  8: e(8),
-  12: e(12),
-  16: e(16),
-  20: e(20),
-  24: e(24),
-  28: e(28),
-  32: e(32),
-  36: e(36),
-  40: e(40)
-}, u = "6px", l = "200ms", m = ({
-  colors: r = n
-}) => ({
-  font: "Geist",
-  fontSize: {
-    small: e(14),
-    regular: e(16),
-    medium: e(18)
-  },
-  fontWeight: {
-    regular: 400,
-    medium: 500,
-    semibold: 600,
-    bold: 700
-  },
-  textColor: r.gray[1e3],
-  disabledTextColor: r.gray[600],
-  datePickerErrorTextColor: r.gray[100],
-  defaultLineHeight: "1.5rem",
-  headings: {
-    1: e(32),
-    2: e(24),
-    3: e(20),
-    4: e(18),
-    5: e(16),
-    6: e(14)
-  }
-}), T = ({
-  colors: r = n,
-  typography: a = m({ colors: r }),
-  spacing: i = p,
-  radius: g = u,
-  transitionDuration: d = l
-}) => ({
-  focus: {
-    color: r.gray[1e3],
-    borderWidth: "2px"
-  },
-  shadow: {
-    100: "0px 1px 2px 0px rgba(10, 13, 18, 0.05)",
-    200: "0px 4px 6px 0px rgba(28, 28, 28, 0.05), 0px 10px 15px 0px rgba(28, 28, 28, 0.10)"
-  },
-  badge: {
-    fontSize: e(12),
-    fontWeight: a.fontWeight.medium,
-    borderWidth: "1px",
-    borderRadius: e(16),
-    paddingX: e(10),
-    paddingY: e(2),
-    success: {
-      color: r.success[800],
-      backgroundColor: r.success[100],
-      borderColor: r.success[400]
-    }
-  },
-  button: {
-    fontSize: e(14),
-    fontWeight: a.fontWeight.medium,
-    borderWidth: "1px",
-    borderRadius: g,
-    textStyle: "none",
-    paddingX: e(16),
-    paddingY: e(8),
-    primary: {
-      color: r.gray[100],
-      bg: r.gray[1e3],
-      borderColor: r.gray[1e3],
-      hoverBg: r.gray[900],
-      hoverColor: r.gray[100],
-      disabledBg: r.gray[700],
-      focusColor: r.gray[1e3]
-    },
-    secondary: {
-      color: r.gray[1e3],
-      bg: r.gray[100],
-      borderColor: r.gray[500],
-      hoverBg: r.gray[300],
-      hoverColor: r.gray[1e3],
-      disabledBg: r.gray[100],
-      focusColor: r.gray[900]
-    },
-    tertiary: {
-      color: r.gray[1e3],
-      bg: "transparent",
-      borderColor: "transparent",
-      hoverBg: r.gray[200],
-      hoverColor: r.gray[900],
-      disabledBg: r.gray[100],
-      focusColor: r.gray[900]
-    },
-    shadow: "0px 1px 2px rgba(0, 0, 0, 0.1)"
-  },
-  calendarPreview: {
-    primaryHighlight: r.gray[1e3],
-    secondaryHighlight: r.orange[800],
-    lightFont: r.gray[100],
-    darkFont: r.gray[1e3],
-    borderColor: r.gray[600]
-  },
-  card: {
-    borderColor: r.gray[400],
-    dividerColor: r.gray[400],
-    headerTextColor: r.gray[1e3],
-    contentTextColor: r.gray[900],
-    columnTitleColor: r.gray[900],
-    columnTitleFontSize: e(14)
-  },
-  input: {
-    fontSize: e(14),
-    radius: e(8),
-    textColor: r.gray[1e3],
-    borderWidth: "1px",
-    borderColor: r.gray[500],
-    background: r.gray[100],
-    disabled: {
-      color: r.gray[700],
-      border: r.gray[500],
-      bg: r.gray[200]
-    },
-    hovered: {
-      borderColor: r.gray[1e3]
-    },
-    error: {
-      borderColor: r.error[500]
-    },
-    placeholderColor: r.gray[800],
-    height: e(40),
-    paddingX: e(12),
-    paddingY: e(8),
-    descriptionColor: r.gray[900],
-    disabledColor: r.gray[600],
-    labelFontSize: e(15),
-    labelColor: r.gray[1e3],
-    labelFontWeight: a.fontWeight.medium,
-    adornmentFontSize: e(16),
-    adornmentColor: r.gray[800]
-  },
-  link: {
-    color: r.gray[1e3],
-    decoration: "underline",
-    hoverColor: r.gray[900],
-    hoverDecoration: "underline",
-    pressedColor: r.gray[1e3],
-    currentColor: r.gray[800]
-  },
-  checkbox: {
-    borderColor: r.gray[700],
-    borderWidth: "1px",
-    selectedColor: r.gray[1e3],
-    checkmarkColor: r.gray[100],
-    radius: g,
-    transitionDuration: d,
-    hover: {
-      uncheckedBackground: r.gray[300],
-      uncheckedBorderColor: r.gray[900],
-      checkedBackground: r.gray[900],
-      checkedBorderColor: r.gray[900]
-    },
-    disabled: {
-      borderColor: r.gray[500],
-      background: r.gray[300],
-      checkmarkColor: a.disabledTextColor
-    }
-  },
-  radio: {
-    borderColor: r.gray[700],
-    hoveredBorderColor: r.gray[800],
-    pressedBorderColor: r.gray[1e3],
-    selectedBorderColor: r.gray[1e3],
-    disabledBorderColor: r.gray[500],
-    disabledBackground: r.gray[300],
-    disabledDotColor: a.disabledTextColor,
-    disabledLabelColor: r.gray[600],
-    labelColor: r.gray[1e3],
-    focusRingColor: r.gray[1e3],
-    errorBorderColor: r.error[500],
-    errorLabelColor: r.error[800],
-    borderWidth: "1px",
-    transitionDuration: d
-  },
-  table: {
-    paddingX: e(16),
-    paddingY: e(20),
-    fontSize: e(14),
-    textColor: r.gray[1e3],
-    borderColor: r.gray[500],
-    background: r.gray[100],
-    headerColor: r.gray[800],
-    headerBg: r.gray[200],
-    highlightBg: r.gray[200],
-    highlightFg: r.gray[800],
-    columnWeight: a.fontWeight.regular
-  }
-}), A = (r = {}) => {
-  const {
-    colors: a = {},
-    spacing: i = {},
-    typography: g = {},
-    radius: d,
-    transitionDuration: F,
-    rootFS: x,
-    ...B
-  } = r, o = t(n, a), y = t(p, i), C = t(
-    m({ colors: o }),
-    g
-  ), b = d ?? u, h = F ?? l, f = t(
-    T({ colors: o, typography: C, spacing: y, radius: b, transitionDuration: h }),
-    B
-  );
-  return {
-    spacing: y,
-    typography: C,
-    colors: o,
-    radius: b,
-    rootFS: x ?? k(),
-    transitionDuration: h,
-    ...f
-  };
-};
-export {
-  A as createTheme
-};
-//# sourceMappingURL=createTheme.js.map