@gusto/embedded-react-sdk 0.44.2 → 0.46.0

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js

@@ -1,86 +1,97 @@
-import { jsx as n, jsxs as g, Fragment as P } from "react/jsx-runtime";
-import { useTranslation as b } from "react-i18next";
-import { EmployeeTable as E } from "../EmployeeTable/EmployeeTable.js";
+import { jsx as i, jsxs as P, Fragment as b } from "react/jsx-runtime";
+import { useTranslation as S } from "react-i18next";
+import { EmployeeTable as D } from "../EmployeeTable/EmployeeTable.js";
 import "classnames";
 import "../../../../shared/constants.js";
-import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useI18n as S } from "../../../../i18n/I18n.js";
-import { DetailViewLayout as L } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
-const x = "employees";
-function B({
+import { EmptyData as L } from "../../../Common/EmptyData/EmptyData.js";
+import { useComponentContext as O } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useI18n as T } from "../../../../i18n/I18n.js";
+import x from "../../../../assets/icons/plus-circle.svg.js";
+import { DetailViewLayout as A } from "../../../Common/DetailViewLayout/DetailViewLayout.js";
+const v = "employees";
+function w({
   title: l,
-  subtitle: r,
+  subtitle: m,
   onBack: c,
-  backLabel: m,
-  actions: s,
-  firstTab: o,
+  backLabel: s,
+  actions: p,
+  firstTab: a,
   selectedTabId: d,
   onTabChange: h,
-  employees: e,
-  removeDialog: i,
-  successAlert: a,
-  onDismissAlert: p
+  employees: t,
+  onAddEmployee: n,
+  removeDialog: o,
+  successAlert: r,
+  onDismissAlert: u
 }) {
-  S("Company.TimeOff.PolicyDetail");
-  const { t } = b("Company.TimeOff.PolicyDetail"), { Alert: u, Dialog: C, Box: f } = D(), y = [
+  T("Company.TimeOff.PolicyDetail");
+  const { t: e } = S("Company.TimeOff.PolicyDetail"), { Alert: y, Dialog: C, Button: f } = O(), E = t.emptyState ?? (n ? () => /* @__PURE__ */ i(L, { title: e("emptyEmployees.title"), children: /* @__PURE__ */ i(
+    f,
     {
-      id: o.id,
-      label: o.label,
-      content: o.content
+      variant: "secondary",
+      icon: /* @__PURE__ */ i(x, { "aria-hidden": !0 }),
+      onClick: n,
+      children: e("emptyEmployees.addEmployeeCta")
+    }
+  ) }) : void 0), g = [
+    {
+      id: a.id,
+      label: a.label,
+      content: a.content
     },
     {
-      id: x,
-      label: t("tabs.employees"),
-      content: /* @__PURE__ */ n(f, { withPadding: !1, children: /* @__PURE__ */ n(
-        E,
+      id: v,
+      label: e("tabs.employees"),
+      content: /* @__PURE__ */ i(
+        D,
         {
-          data: e.data,
-          searchValue: e.searchValue,
-          onSearchChange: e.onSearchChange,
-          onSearchClear: e.onSearchClear,
-          searchPlaceholder: e.searchPlaceholder,
-          itemMenu: e.itemMenu,
-          pagination: e.pagination,
-          isFetching: e.isFetching,
-          emptyState: e.emptyState,
-          additionalColumns: e.additionalColumns,
-          hideJobTitle: e.hideJobTitle
+          data: t.data,
+          searchValue: t.searchValue,
+          onSearchChange: t.onSearchChange,
+          onSearchClear: t.onSearchClear,
+          searchPlaceholder: t.searchPlaceholder,
+          itemMenu: t.itemMenu,
+          pagination: t.pagination,
+          isFetching: t.isFetching,
+          emptyState: E,
+          additionalColumns: t.additionalColumns,
+          hideJobTitle: t.hideJobTitle
         }
-      ) })
+      )
     }
   ];
-  return /* @__PURE__ */ g(P, { children: [
-    a && /* @__PURE__ */ n(u, { status: "success", label: a, onDismiss: p }),
-    /* @__PURE__ */ n(
-      L,
+  return /* @__PURE__ */ P(b, { children: [
+    r && /* @__PURE__ */ i(y, { status: "success", label: r, onDismiss: u }),
+    /* @__PURE__ */ i(
+      A,
       {
         title: l,
-        subtitle: r,
+        subtitle: m,
         onBack: c,
-        backLabel: m,
-        actions: s,
-        tabs: y,
+        backLabel: s,
+        actions: p,
+        tabs: g,
         selectedTabId: d,
         onTabChange: h
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ i(
       C,
       {
-        isOpen: i.isOpen,
-        onClose: i.onClose,
-        onPrimaryActionClick: i.onConfirm,
-        isPrimaryActionLoading: i.isPending,
+        isOpen: o.isOpen,
+        onClose: o.onClose,
+        onPrimaryActionClick: o.onConfirm,
+        isPrimaryActionLoading: o.isPending,
         isDestructive: !0,
-        title: t("removeEmployeeDialog.title", { name: i.employeeName }),
-        primaryActionLabel: t("removeEmployeeDialog.confirmCta"),
-        closeActionLabel: t("removeEmployeeDialog.cancelCta"),
-        children: t("removeEmployeeDialog.description", { name: i.employeeName })
+        title: e("removeEmployeeDialog.title", { name: o.employeeName }),
+        primaryActionLabel: e("removeEmployeeDialog.confirmCta"),
+        closeActionLabel: e("removeEmployeeDialog.cancelCta"),
+        children: e("removeEmployeeDialog.description", { name: o.employeeName })
       }
     )
   ] });
 }
 export {
-  B as PolicyDetailLayout
+  w as PolicyDetailLayout
 };
 //# sourceMappingURL=PolicyDetailLayout.js.map

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Box } = useComponentContext()\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <Box withPadding={false}>\n          <EmployeeTable<T>\n            data={employees.data}\n            searchValue={employees.searchValue}\n            onSearchChange={employees.onSearchChange}\n            onSearchClear={employees.onSearchClear}\n            searchPlaceholder={employees.searchPlaceholder}\n            itemMenu={employees.itemMenu}\n            pagination={employees.pagination}\n            isFetching={employees.isFetching}\n            emptyState={employees.emptyState}\n            additionalColumns={employees.additionalColumns}\n            hideJobTitle={employees.hideJobTitle}\n          />\n        </Box>\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","removeDialog","successAlert","onDismissAlert","useI18n","useTranslation","Alert","Dialog","Box","useComponentContext","tabs","jsx","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;AAQA,MAAMA,IAAmB;AAElB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,KAAAC,EAAA,IAAQC,EAAA,GAEzBC,IAAO;AAAA,IACX;AAAA,MACE,IAAIb,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAO,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAqB,EAACH,GAAA,EAAI,aAAa,IAChB,UAAA,gBAAAG;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,MAAMZ,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,mBAAmBA,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA,EAC1B,CACF;AAAA,IAAA;AAAA,EAEJ;AAGF,SACE,gBAAAa,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAZ,uBAAiBI,GAAA,EAAM,QAAO,WAAU,OAAOJ,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAQ;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAAvB;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAc;AAAA,QACA,eAAAZ;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAY;AAAA,MAACJ;AAAA,MAAA;AAAA,QACC,QAAQN,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAO,EAAE,8BAA8B,EAAE,MAAMA,EAAa,cAAc;AAAA,QAC1E,oBAAoB,EAAE,iCAAiC;AAAA,QACvD,kBAAkB,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMA,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}
+{"version":3,"file":"PolicyDetailLayout.js","sources":["../../../../../src/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayout.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { EmployeeTableItem } from '../EmployeeTable/EmployeeTableTypes'\nimport { EmployeeTable } from '../EmployeeTable/EmployeeTable'\nimport type { PolicyDetailLayoutProps } from './PolicyDetailLayoutTypes'\nimport { DetailViewLayout, EmptyData } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useI18n } from '@/i18n'\nimport PlusCircleIcon from '@/assets/icons/plus-circle.svg?react'\n\nconst EMPLOYEES_TAB_ID = 'employees'\n\nexport function PolicyDetailLayout<T extends EmployeeTableItem>({\n  title,\n  subtitle,\n  onBack,\n  backLabel,\n  actions,\n  firstTab,\n  selectedTabId,\n  onTabChange,\n  employees,\n  onAddEmployee,\n  removeDialog,\n  successAlert,\n  onDismissAlert,\n}: PolicyDetailLayoutProps<T>) {\n  useI18n('Company.TimeOff.PolicyDetail')\n  const { t } = useTranslation('Company.TimeOff.PolicyDetail')\n  const { Alert, Dialog, Button } = useComponentContext()\n\n  const emptyEmployeesState =\n    employees.emptyState ??\n    (onAddEmployee\n      ? () => (\n          <EmptyData title={t('emptyEmployees.title')}>\n            <Button\n              variant=\"secondary\"\n              icon={<PlusCircleIcon aria-hidden />}\n              onClick={onAddEmployee}\n            >\n              {t('emptyEmployees.addEmployeeCta')}\n            </Button>\n          </EmptyData>\n        )\n      : undefined)\n\n  const tabs = [\n    {\n      id: firstTab.id,\n      label: firstTab.label,\n      content: firstTab.content,\n    },\n    {\n      id: EMPLOYEES_TAB_ID,\n      label: t('tabs.employees'),\n      content: (\n        <EmployeeTable<T>\n          data={employees.data}\n          searchValue={employees.searchValue}\n          onSearchChange={employees.onSearchChange}\n          onSearchClear={employees.onSearchClear}\n          searchPlaceholder={employees.searchPlaceholder}\n          itemMenu={employees.itemMenu}\n          pagination={employees.pagination}\n          isFetching={employees.isFetching}\n          emptyState={emptyEmployeesState}\n          additionalColumns={employees.additionalColumns}\n          hideJobTitle={employees.hideJobTitle}\n        />\n      ),\n    },\n  ]\n\n  return (\n    <>\n      {successAlert && <Alert status=\"success\" label={successAlert} onDismiss={onDismissAlert} />}\n\n      <DetailViewLayout\n        title={title}\n        subtitle={subtitle}\n        onBack={onBack}\n        backLabel={backLabel}\n        actions={actions}\n        tabs={tabs}\n        selectedTabId={selectedTabId}\n        onTabChange={onTabChange}\n      />\n\n      <Dialog\n        isOpen={removeDialog.isOpen}\n        onClose={removeDialog.onClose}\n        onPrimaryActionClick={removeDialog.onConfirm}\n        isPrimaryActionLoading={removeDialog.isPending}\n        isDestructive\n        title={t('removeEmployeeDialog.title', { name: removeDialog.employeeName })}\n        primaryActionLabel={t('removeEmployeeDialog.confirmCta')}\n        closeActionLabel={t('removeEmployeeDialog.cancelCta')}\n      >\n        {t('removeEmployeeDialog.description', { name: removeDialog.employeeName })}\n      </Dialog>\n    </>\n  )\n}\n"],"names":["EMPLOYEES_TAB_ID","PolicyDetailLayout","title","subtitle","onBack","backLabel","actions","firstTab","selectedTabId","onTabChange","employees","onAddEmployee","removeDialog","successAlert","onDismissAlert","useI18n","t","useTranslation","Alert","Dialog","Button","useComponentContext","emptyEmployeesState","EmptyData","jsx","PlusCircleIcon","tabs","EmployeeTable","jsxs","Fragment","DetailViewLayout"],"mappings":";;;;;;;;;;AASA,MAAMA,IAAmB;AAElB,SAASC,EAAgD;AAAA,EAC9D,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AACF,GAA+B;AAC7B,EAAAC,EAAQ,8BAA8B;AACtC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,8BAA8B,GACrD,EAAE,OAAAC,GAAO,QAAAC,GAAQ,QAAAC,EAAA,IAAWC,EAAA,GAE5BC,IACJZ,EAAU,eACTC,IACG,wBACGY,GAAA,EAAU,OAAOP,EAAE,sBAAsB,GACxC,UAAA,gBAAAQ;AAAA,IAACJ;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAM,gBAAAI,EAACC,GAAA,EAAe,eAAW,GAAA,CAAC;AAAA,MAClC,SAASd;AAAA,MAER,YAAE,+BAA+B;AAAA,IAAA;AAAA,EAAA,GAEtC,IAEF,SAEAe,IAAO;AAAA,IACX;AAAA,MACE,IAAInB,EAAS;AAAA,MACb,OAAOA,EAAS;AAAA,MAChB,SAASA,EAAS;AAAA,IAAA;AAAA,IAEpB;AAAA,MACE,IAAIP;AAAA,MACJ,OAAOgB,EAAE,gBAAgB;AAAA,MACzB,SACE,gBAAAQ;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAMjB,EAAU;AAAA,UAChB,aAAaA,EAAU;AAAA,UACvB,gBAAgBA,EAAU;AAAA,UAC1B,eAAeA,EAAU;AAAA,UACzB,mBAAmBA,EAAU;AAAA,UAC7B,UAAUA,EAAU;AAAA,UACpB,YAAYA,EAAU;AAAA,UACtB,YAAYA,EAAU;AAAA,UACtB,YAAYY;AAAA,UACZ,mBAAmBZ,EAAU;AAAA,UAC7B,cAAcA,EAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAC1B;AAAA,EAEJ;AAGF,SACE,gBAAAkB,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAhB,uBAAiBK,GAAA,EAAM,QAAO,WAAU,OAAOL,GAAc,WAAWC,GAAgB;AAAA,IAEzF,gBAAAU;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,OAAA5B;AAAA,QACA,UAAAC;AAAA,QACA,QAAAC;AAAA,QACA,WAAAC;AAAA,QACA,SAAAC;AAAA,QACA,MAAAoB;AAAA,QACA,eAAAlB;AAAA,QACA,aAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAGF,gBAAAe;AAAA,MAACL;AAAA,MAAA;AAAA,QACC,QAAQP,EAAa;AAAA,QACrB,SAASA,EAAa;AAAA,QACtB,sBAAsBA,EAAa;AAAA,QACnC,wBAAwBA,EAAa;AAAA,QACrC,eAAa;AAAA,QACb,OAAOI,EAAE,8BAA8B,EAAE,MAAMJ,EAAa,cAAc;AAAA,QAC1E,oBAAoBI,EAAE,iCAAiC;AAAA,QACvD,kBAAkBA,EAAE,gCAAgC;AAAA,QAEnD,YAAE,oCAAoC,EAAE,MAAMJ,EAAa,cAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAC5E,GACF;AAEJ;"}

package/dist/components/TimeOff/shared/PolicyDetailLayout/PolicyDetailLayoutTypes.d.ts

@@ -21,6 +21,7 @@ export interface PolicyDetailLayoutProps<T extends EmployeeTableItem> {
     selectedTabId: string;
     onTabChange: (id: string) => void;
     employees: Pick<EmployeeTableProps<T>, 'data' | 'searchValue' | 'onSearchChange' | 'onSearchClear' | 'searchPlaceholder' | 'itemMenu' | 'pagination' | 'isFetching' | 'emptyState' | 'additionalColumns' | 'hideJobTitle'>;
+    onAddEmployee?: () => void;
     removeDialog: RemoveDialogState;
     successAlert?: string;
     onDismissAlert?: () => void;

package/dist/contexts/ApiProvider/ApiProvider.js

@@ -1,49 +1,43 @@
-import { jsx as c } from "react/jsx-runtime";
-import { QueryClient as H, QueryClientProvider as b } from "@tanstack/react-query";
-import { GustoEmbeddedProvider as g } from "@gusto/embedded-api/react-query/_context";
-import { GustoEmbeddedCore as E } from "@gusto/embedded-api/core";
-import { SDKHooks as R } from "@gusto/embedded-api/hooks/hooks";
+import { jsx as u } from "react/jsx-runtime";
+import { QueryClientProvider as E } from "@tanstack/react-query";
+import { GustoEmbeddedProvider as R } from "@gusto/embedded-api/react-query/_context";
+import { GustoEmbeddedCore as q } from "@gusto/embedded-api/core";
+import { SDKHooks as C } from "@gusto/embedded-api/hooks/hooks";
 import { useMemo as a } from "react";
-import { apiVersionHook as q } from "./apiVersionHook.js";
-function A({
-  url: f,
-  headers: s,
+import { apiVersionHook as b } from "./apiVersionHook.js";
+import { createSdkQueryClient as g } from "./createSdkQueryClient.js";
+function G({
+  url: s,
+  headers: i,
   hooks: e,
-  children: d,
-  queryClient: i
+  children: m,
+  queryClient: f
 }) {
-  const m = a(() => {
-    const r = new E({
-      serverURL: f
-    }), t = r._options.hooks || new R();
-    if (t.registerBeforeRequestHook(q), s) {
-      const o = {
-        beforeRequest: (y, n) => (new Headers(s).forEach((u, l) => {
-          u && n.headers.set(l, u);
+  const d = a(() => {
+    const t = new q({
+      serverURL: s
+    }), o = t._options.hooks || new C();
+    if (o.registerBeforeRequestHook(b), i) {
+      const r = {
+        beforeRequest: (k, n) => (new Headers(i).forEach((c, H) => {
+          c && n.headers.set(H, c);
         }), n)
       };
-      t.registerBeforeRequestHook(o);
+      o.registerBeforeRequestHook(r);
     }
-    return e?.beforeCreateRequest && e.beforeCreateRequest.forEach((o) => {
-      t.registerBeforeCreateRequestHook(o);
-    }), e?.beforeRequest && e.beforeRequest.forEach((o) => {
-      t.registerBeforeRequestHook(o);
-    }), e?.afterSuccess && e.afterSuccess.forEach((o) => {
-      t.registerAfterSuccessHook(o);
-    }), e?.afterError && e.afterError.forEach((o) => {
-      t.registerAfterErrorHook(o);
-    }), r._options.hooks || (r._options.hooks = t), r;
-  }, [f, s, e]), p = a(() => {
-    if (i)
-      return i;
-    const r = new H(), t = async () => {
-      await r.invalidateQueries({ queryKey: ["@gusto/embedded-api"] });
-    };
-    return r.setQueryDefaults(["@gusto/embedded-api"], { retry: !1 }), r.setMutationDefaults(["@gusto/embedded-api"], { onSuccess: t, retry: !1 }), r;
-  }, [i]);
-  return /* @__PURE__ */ c(b, { client: p, children: /* @__PURE__ */ c(g, { client: m, children: d }) });
+    return e?.beforeCreateRequest && e.beforeCreateRequest.forEach((r) => {
+      o.registerBeforeCreateRequestHook(r);
+    }), e?.beforeRequest && e.beforeRequest.forEach((r) => {
+      o.registerBeforeRequestHook(r);
+    }), e?.afterSuccess && e.afterSuccess.forEach((r) => {
+      o.registerAfterSuccessHook(r);
+    }), e?.afterError && e.afterError.forEach((r) => {
+      o.registerAfterErrorHook(r);
+    }), t._options.hooks || (t._options.hooks = o), t;
+  }, [s, i, e]), p = a(() => f ?? g(), [f]);
+  return /* @__PURE__ */ u(E, { client: p, children: /* @__PURE__ */ u(R, { client: d, children: m }) });
 }
 export {
-  A as ApiProvider
+  G as ApiProvider
 };
 //# sourceMappingURL=ApiProvider.js.map

package/dist/contexts/ApiProvider/ApiProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApiProvider.js","sources":["../../../src/contexts/ApiProvider/ApiProvider.tsx"],"sourcesContent":["import { QueryClient, QueryClientProvider } from '@tanstack/react-query'\nimport { GustoEmbeddedProvider } from '@gusto/embedded-api/react-query/_context'\nimport { GustoEmbeddedCore } from '@gusto/embedded-api/core'\nimport { SDKHooks as NativeSDKHooks } from '@gusto/embedded-api/hooks/hooks'\nimport { useMemo } from 'react'\nimport { apiVersionHook } from './apiVersionHook'\nimport type { SDKHooks, BeforeRequestHook } from '@/types/hooks'\n\nexport interface ApiProviderProps {\n  url: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  children: React.ReactNode\n  queryClient?: QueryClient\n}\n\nexport function ApiProvider({\n  url,\n  headers,\n  hooks,\n  children,\n  queryClient: queryClientFromProps,\n}: ApiProviderProps) {\n  const gustoClient = useMemo(() => {\n    const client = new GustoEmbeddedCore({\n      serverURL: url,\n    })\n\n    const sdkHooks = client._options.hooks || new NativeSDKHooks()\n\n    sdkHooks.registerBeforeRequestHook(apiVersionHook)\n\n    if (headers) {\n      const defaultHeaderHook: BeforeRequestHook = {\n        beforeRequest: (context, request) => {\n          const headersInstance = new Headers(headers)\n          headersInstance.forEach((headerValue, headerName) => {\n            if (headerValue) {\n              request.headers.set(headerName, headerValue)\n            }\n          })\n          return request\n        },\n      }\n      sdkHooks.registerBeforeRequestHook(defaultHeaderHook)\n    }\n\n    if (hooks?.beforeCreateRequest) {\n      hooks.beforeCreateRequest.forEach(hook => {\n        sdkHooks.registerBeforeCreateRequestHook(hook)\n      })\n    }\n\n    if (hooks?.beforeRequest) {\n      hooks.beforeRequest.forEach(hook => {\n        sdkHooks.registerBeforeRequestHook(hook)\n      })\n    }\n\n    if (hooks?.afterSuccess) {\n      hooks.afterSuccess.forEach(hook => {\n        sdkHooks.registerAfterSuccessHook(hook)\n      })\n    }\n\n    if (hooks?.afterError) {\n      hooks.afterError.forEach(hook => {\n        sdkHooks.registerAfterErrorHook(hook)\n      })\n    }\n\n    if (!client._options.hooks) {\n      client._options.hooks = sdkHooks\n    }\n\n    return client\n  }, [url, headers, hooks])\n\n  const queryClient = useMemo(() => {\n    if (queryClientFromProps) {\n      return queryClientFromProps\n    }\n\n    // Create and configure a new QueryClient for internal SDK use\n    const client = new QueryClient()\n\n    const onSuccess = async () => {\n      await client.invalidateQueries({ queryKey: ['@gusto/embedded-api'] })\n    }\n    client.setQueryDefaults(['@gusto/embedded-api'], { retry: false })\n    client.setMutationDefaults(['@gusto/embedded-api'], { onSuccess, retry: false })\n\n    return client\n  }, [queryClientFromProps])\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <GustoEmbeddedProvider client={gustoClient}>{children}</GustoEmbeddedProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["ApiProvider","url","headers","hooks","children","queryClientFromProps","gustoClient","useMemo","client","GustoEmbeddedCore","sdkHooks","NativeSDKHooks","apiVersionHook","defaultHeaderHook","context","request","headerValue","headerName","hook","queryClient","QueryClient","onSuccess","jsx","QueryClientProvider","GustoEmbeddedProvider"],"mappings":";;;;;;;AAgBO,SAASA,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AACf,GAAqB;AACnB,QAAMC,IAAcC,EAAQ,MAAM;AAChC,UAAMC,IAAS,IAAIC,EAAkB;AAAA,MACnC,WAAWR;AAAA,IAAA,CACZ,GAEKS,IAAWF,EAAO,SAAS,SAAS,IAAIG,EAAA;AAI9C,QAFAD,EAAS,0BAA0BE,CAAc,GAE7CV,GAAS;AACX,YAAMW,IAAuC;AAAA,QAC3C,eAAe,CAACC,GAASC,OACC,IAAI,QAAQb,CAAO,EAC3B,QAAQ,CAACc,GAAaC,MAAe;AACnD,UAAID,KACFD,EAAQ,QAAQ,IAAIE,GAAYD,CAAW;AAAA,QAE/C,CAAC,GACMD;AAAA,MACT;AAEF,MAAAL,EAAS,0BAA0BG,CAAiB;AAAA,IACtD;AAEA,WAAIV,GAAO,uBACTA,EAAM,oBAAoB,QAAQ,CAAAe,MAAQ;AACxC,MAAAR,EAAS,gCAAgCQ,CAAI;AAAA,IAC/C,CAAC,GAGCf,GAAO,iBACTA,EAAM,cAAc,QAAQ,CAAAe,MAAQ;AAClC,MAAAR,EAAS,0BAA0BQ,CAAI;AAAA,IACzC,CAAC,GAGCf,GAAO,gBACTA,EAAM,aAAa,QAAQ,CAAAe,MAAQ;AACjC,MAAAR,EAAS,yBAAyBQ,CAAI;AAAA,IACxC,CAAC,GAGCf,GAAO,cACTA,EAAM,WAAW,QAAQ,CAAAe,MAAQ;AAC/B,MAAAR,EAAS,uBAAuBQ,CAAI;AAAA,IACtC,CAAC,GAGEV,EAAO,SAAS,UACnBA,EAAO,SAAS,QAAQE,IAGnBF;AAAA,EACT,GAAG,CAACP,GAAKC,GAASC,CAAK,CAAC,GAElBgB,IAAcZ,EAAQ,MAAM;AAChC,QAAIF;AACF,aAAOA;AAIT,UAAMG,IAAS,IAAIY,EAAA,GAEbC,IAAY,YAAY;AAC5B,YAAMb,EAAO,kBAAkB,EAAE,UAAU,CAAC,qBAAqB,GAAG;AAAA,IACtE;AACA,WAAAA,EAAO,iBAAiB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GACjEA,EAAO,oBAAoB,CAAC,qBAAqB,GAAG,EAAE,WAAAa,GAAW,OAAO,IAAO,GAExEb;AAAA,EACT,GAAG,CAACH,CAAoB,CAAC;AAEzB,SACE,gBAAAiB,EAACC,KAAoB,QAAQJ,GAC3B,4BAACK,GAAA,EAAsB,QAAQlB,GAAc,UAAAF,EAAA,CAAS,EAAA,CACxD;AAEJ;"}
+{"version":3,"file":"ApiProvider.js","sources":["../../../src/contexts/ApiProvider/ApiProvider.tsx"],"sourcesContent":["import { QueryClientProvider, type QueryClient } from '@tanstack/react-query'\nimport { GustoEmbeddedProvider } from '@gusto/embedded-api/react-query/_context'\nimport { GustoEmbeddedCore } from '@gusto/embedded-api/core'\nimport { SDKHooks as NativeSDKHooks } from '@gusto/embedded-api/hooks/hooks'\nimport { useMemo } from 'react'\nimport { apiVersionHook } from './apiVersionHook'\nimport { createSdkQueryClient } from './createSdkQueryClient'\nimport type { SDKHooks, BeforeRequestHook } from '@/types/hooks'\n\nexport interface ApiProviderProps {\n  url: string\n  headers?: HeadersInit\n  hooks?: SDKHooks\n  children: React.ReactNode\n  queryClient?: QueryClient\n}\n\nexport function ApiProvider({\n  url,\n  headers,\n  hooks,\n  children,\n  queryClient: queryClientFromProps,\n}: ApiProviderProps) {\n  const gustoClient = useMemo(() => {\n    const client = new GustoEmbeddedCore({\n      serverURL: url,\n    })\n\n    const sdkHooks = client._options.hooks || new NativeSDKHooks()\n\n    sdkHooks.registerBeforeRequestHook(apiVersionHook)\n\n    if (headers) {\n      const defaultHeaderHook: BeforeRequestHook = {\n        beforeRequest: (context, request) => {\n          const headersInstance = new Headers(headers)\n          headersInstance.forEach((headerValue, headerName) => {\n            if (headerValue) {\n              request.headers.set(headerName, headerValue)\n            }\n          })\n          return request\n        },\n      }\n      sdkHooks.registerBeforeRequestHook(defaultHeaderHook)\n    }\n\n    if (hooks?.beforeCreateRequest) {\n      hooks.beforeCreateRequest.forEach(hook => {\n        sdkHooks.registerBeforeCreateRequestHook(hook)\n      })\n    }\n\n    if (hooks?.beforeRequest) {\n      hooks.beforeRequest.forEach(hook => {\n        sdkHooks.registerBeforeRequestHook(hook)\n      })\n    }\n\n    if (hooks?.afterSuccess) {\n      hooks.afterSuccess.forEach(hook => {\n        sdkHooks.registerAfterSuccessHook(hook)\n      })\n    }\n\n    if (hooks?.afterError) {\n      hooks.afterError.forEach(hook => {\n        sdkHooks.registerAfterErrorHook(hook)\n      })\n    }\n\n    if (!client._options.hooks) {\n      client._options.hooks = sdkHooks\n    }\n\n    return client\n  }, [url, headers, hooks])\n\n  const queryClient = useMemo(() => {\n    return queryClientFromProps ?? createSdkQueryClient()\n  }, [queryClientFromProps])\n\n  return (\n    <QueryClientProvider client={queryClient}>\n      <GustoEmbeddedProvider client={gustoClient}>{children}</GustoEmbeddedProvider>\n    </QueryClientProvider>\n  )\n}\n"],"names":["ApiProvider","url","headers","hooks","children","queryClientFromProps","gustoClient","useMemo","client","GustoEmbeddedCore","sdkHooks","NativeSDKHooks","apiVersionHook","defaultHeaderHook","context","request","headerValue","headerName","hook","queryClient","createSdkQueryClient","jsx","QueryClientProvider","GustoEmbeddedProvider"],"mappings":";;;;;;;;AAiBO,SAASA,EAAY;AAAA,EAC1B,KAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAaC;AACf,GAAqB;AACnB,QAAMC,IAAcC,EAAQ,MAAM;AAChC,UAAMC,IAAS,IAAIC,EAAkB;AAAA,MACnC,WAAWR;AAAA,IAAA,CACZ,GAEKS,IAAWF,EAAO,SAAS,SAAS,IAAIG,EAAA;AAI9C,QAFAD,EAAS,0BAA0BE,CAAc,GAE7CV,GAAS;AACX,YAAMW,IAAuC;AAAA,QAC3C,eAAe,CAACC,GAASC,OACC,IAAI,QAAQb,CAAO,EAC3B,QAAQ,CAACc,GAAaC,MAAe;AACnD,UAAID,KACFD,EAAQ,QAAQ,IAAIE,GAAYD,CAAW;AAAA,QAE/C,CAAC,GACMD;AAAA,MACT;AAEF,MAAAL,EAAS,0BAA0BG,CAAiB;AAAA,IACtD;AAEA,WAAIV,GAAO,uBACTA,EAAM,oBAAoB,QAAQ,CAAAe,MAAQ;AACxC,MAAAR,EAAS,gCAAgCQ,CAAI;AAAA,IAC/C,CAAC,GAGCf,GAAO,iBACTA,EAAM,cAAc,QAAQ,CAAAe,MAAQ;AAClC,MAAAR,EAAS,0BAA0BQ,CAAI;AAAA,IACzC,CAAC,GAGCf,GAAO,gBACTA,EAAM,aAAa,QAAQ,CAAAe,MAAQ;AACjC,MAAAR,EAAS,yBAAyBQ,CAAI;AAAA,IACxC,CAAC,GAGCf,GAAO,cACTA,EAAM,WAAW,QAAQ,CAAAe,MAAQ;AAC/B,MAAAR,EAAS,uBAAuBQ,CAAI;AAAA,IACtC,CAAC,GAGEV,EAAO,SAAS,UACnBA,EAAO,SAAS,QAAQE,IAGnBF;AAAA,EACT,GAAG,CAACP,GAAKC,GAASC,CAAK,CAAC,GAElBgB,IAAcZ,EAAQ,MACnBF,KAAwBe,EAAA,GAC9B,CAACf,CAAoB,CAAC;AAEzB,SACE,gBAAAgB,EAACC,KAAoB,QAAQH,GAC3B,4BAACI,GAAA,EAAsB,QAAQjB,GAAc,UAAAF,EAAA,CAAS,EAAA,CACxD;AAEJ;"}

package/dist/contexts/ApiProvider/createSdkQueryClient.d.ts

@@ -0,0 +1,17 @@
+import { QueryClient } from '@tanstack/react-query';
+/**
+ * Creates a QueryClient pre-configured with the SDK's defaults for queries and
+ * mutations under the `['@gusto/embedded-api']` key:
+ *
+ * - `retry: false` on both queries and mutations.
+ * - On any successful mutation, all SDK queries are invalidated so the next
+ *   read sees fresh data.
+ *
+ * `ApiProvider` uses this when no `queryClient` prop is supplied. `GustoTestProvider`
+ * uses it so tests faithfully replicate production mutation/refetch behavior.
+ *
+ * Partners who supply their own `QueryClient` to `ApiProvider` are responsible
+ * for configuring equivalent defaults if they want mutations to invalidate
+ * cached reads.
+ */
+export declare function createSdkQueryClient(): QueryClient;

package/dist/contexts/ApiProvider/createSdkQueryClient.js

@@ -0,0 +1,14 @@
+import { QueryClient as t } from "@tanstack/react-query";
+function a() {
+  const e = new t();
+  return e.setQueryDefaults(["@gusto/embedded-api"], { retry: !1 }), e.setMutationDefaults(["@gusto/embedded-api"], {
+    retry: !1,
+    onSuccess: async () => {
+      await e.invalidateQueries({ queryKey: ["@gusto/embedded-api"] });
+    }
+  }), e;
+}
+export {
+  a as createSdkQueryClient
+};
+//# sourceMappingURL=createSdkQueryClient.js.map

package/dist/contexts/ApiProvider/createSdkQueryClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSdkQueryClient.js","sources":["../../../src/contexts/ApiProvider/createSdkQueryClient.ts"],"sourcesContent":["import { QueryClient } from '@tanstack/react-query'\n\n/**\n * Creates a QueryClient pre-configured with the SDK's defaults for queries and\n * mutations under the `['@gusto/embedded-api']` key:\n *\n * - `retry: false` on both queries and mutations.\n * - On any successful mutation, all SDK queries are invalidated so the next\n *   read sees fresh data.\n *\n * `ApiProvider` uses this when no `queryClient` prop is supplied. `GustoTestProvider`\n * uses it so tests faithfully replicate production mutation/refetch behavior.\n *\n * Partners who supply their own `QueryClient` to `ApiProvider` are responsible\n * for configuring equivalent defaults if they want mutations to invalidate\n * cached reads.\n */\nexport function createSdkQueryClient(): QueryClient {\n  const client = new QueryClient()\n  client.setQueryDefaults(['@gusto/embedded-api'], { retry: false })\n  client.setMutationDefaults(['@gusto/embedded-api'], {\n    retry: false,\n    onSuccess: async () => {\n      await client.invalidateQueries({ queryKey: ['@gusto/embedded-api'] })\n    },\n  })\n  return client\n}\n"],"names":["createSdkQueryClient","client","QueryClient"],"mappings":";AAiBO,SAASA,IAAoC;AAClD,QAAMC,IAAS,IAAIC,EAAA;AACnB,SAAAD,EAAO,iBAAiB,CAAC,qBAAqB,GAAG,EAAE,OAAO,IAAO,GACjEA,EAAO,oBAAoB,CAAC,qBAAqB,GAAG;AAAA,IAClD,OAAO;AAAA,IACP,WAAW,YAAY;AACrB,YAAMA,EAAO,kBAAkB,EAAE,UAAU,CAAC,qBAAqB,GAAG;AAAA,IACtE;AAAA,EAAA,CACD,GACMA;AACT;"}

package/dist/helpers/formattedStrings.d.ts

@@ -22,6 +22,18 @@ export declare const formatPayRate: ({ rate, paymentUnit, t, locale, }: {
     locale?: string;
 }) => string;
 export declare const useFormatPayRate: () => (rate: number, paymentUnit: string) => string;
+/**
+ * Formats a compensation rate as-is, without annualizing weekly or monthly
+ * values. Use this for displaying compensation card data where the stored rate
+ * should be shown directly (e.g. "$950 per week", "$3,500 per month").
+ */
+export declare const formatCompensationRate: ({ rate, paymentUnit, t, locale, }: {
+    rate: number;
+    paymentUnit: string;
+    t: TFunction;
+    locale?: string;
+}) => string;
+export declare const useFormatCompensationRate: () => (rate: number, paymentUnit: string) => string;
 export declare function createMarkup(dirty: string): {
     __html: string;
 };

package/dist/helpers/formattedStrings.js

@@ -1,31 +1,31 @@
-import i from "dompurify";
-import { useTranslation as m } from "react-i18next";
+import m from "dompurify";
+import { useTranslation as i } from "react-i18next";
 import { useCallback as u } from "react";
 import { useLocale as l } from "../contexts/LocaleProvider/useLocale.js";
-const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), L = ({
+const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), S = ({
   first_name: t,
   last_name: e
-}) => `${t ? c(t) : ""}${e ? o(c(e)) : ""}`, o = (t) => t ? ` ${t}` : "", p = (t) => {
-  const e = o(t.street1), r = o(t.street2);
+}) => `${t ? c(t) : ""}${e ? a(c(e)) : ""}`, a = (t) => t ? ` ${t}` : "", p = (t) => {
+  const e = a(t.street1), r = a(t.street2);
   return `${e},${r}`;
-}, R = (t) => [t.street1?.trim(), t.street2?.trim()].filter(
+}, D = (t) => [t.street1?.trim(), t.street2?.trim()].filter(
   (r) => !!r
-).join(", "), f = (t) => `${o(t.city)}, ${o(t.state)} ${o(t.zip)}`, k = (t) => `${p(t)} ${f(t)}`, y = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
+).join(", "), y = (t) => `${a(t.city)}, ${a(t.state)} ${a(t.zip)}`, L = (t) => `${p(t)} ${y(t)}`, f = (t, e) => e ? `${t}%` : `$${t}`, s = (t, e = "en-US") => {
   const r = t.toLocaleString(e, {
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
   });
-  return y(r, !1);
-}, $ = ({
+  return f(r, !1);
+}, A = ({
   rate: t,
   paymentUnit: e,
   t: r,
   locale: n = "en-US"
 }) => {
-  const a = s(t, n);
+  const o = s(t, n);
   switch (e) {
     case "Hour":
-      return r("payRateFormats.hourly", { amount: a, ns: "common" });
+      return r("payRateFormats.hourly", { amount: o, ns: "common" });
     case "Week":
       return r("payRateFormats.weekly", {
         amount: s(t * 52, n),
@@ -37,41 +37,63 @@ const c = (t) => t.charAt(0).toLocaleUpperCase() + t.slice(1), L = ({
         ns: "common"
       });
     case "Year":
-      return r("payRateFormats.yearly", { amount: a, ns: "common" });
+      return r("payRateFormats.yearly", { amount: o, ns: "common" });
+    case "Paycheck":
+      return r("payRateFormats.paycheck", { amount: o, ns: "common" });
+    default:
+      return o;
+  }
+}, $ = ({
+  rate: t,
+  paymentUnit: e,
+  t: r,
+  locale: n = "en-US"
+}) => {
+  const o = s(t, n);
+  switch (e) {
+    case "Hour":
+      return r("compensationRateFormats.hourly", { amount: o, ns: "common" });
+    case "Week":
+      return r("compensationRateFormats.weekly", { amount: o, ns: "common" });
+    case "Month":
+      return r("compensationRateFormats.monthly", { amount: o, ns: "common" });
+    case "Year":
+      return r("compensationRateFormats.yearly", { amount: o, ns: "common" });
     case "Paycheck":
-      return r("payRateFormats.paycheck", { amount: a, ns: "common" });
+      return r("compensationRateFormats.paycheck", { amount: o, ns: "common" });
     default:
-      return a;
+      return o;
   }
-}, A = () => {
-  const { t } = m("common"), { locale: e } = l();
+}, _ = () => {
+  const { t } = i("common"), { locale: e } = l();
   return u(
     (r, n) => $({ rate: r, paymentUnit: n, t, locale: e }),
     [t, e]
   );
-}, g = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
-function _(t) {
-  return t ? { __html: i.sanitize(t, g) } : { __html: "" };
+}, h = { ALLOWED_TAGS: ["a", "b", "strong"], ALLOWED_ATTR: ["href", "target"] };
+function b(t) {
+  return t ? { __html: m.sanitize(t, h) } : { __html: "" };
 }
-const h = (t) => t.replace(/\D/g, ""), b = (t) => t.replace(/\.value$/, ""), z = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase()), P = (t) => {
+const g = (t) => t.replace(/\D/g, ""), z = (t) => t.replace(/\.value$/, ""), P = (t) => t.replace(/_([a-z])/g, (e, r) => r.toUpperCase()), T = (t) => {
   if (!t) return "";
-  const e = h(String(t));
+  const e = g(String(t));
   return e.length === 10 ? `${e.slice(0, 3)}-${e.slice(3, 6)}-${e.slice(6)}` : e.length === 11 && e.startsWith("1") ? `${e.slice(1, 4)}-${e.slice(4, 7)}-${e.slice(7)}` : e || "";
 };
 export {
-  k as addressInline,
-  y as amountStr,
-  _ as createMarkup,
-  L as firstLastName,
+  L as addressInline,
+  f as amountStr,
+  b as createMarkup,
+  S as firstLastName,
+  $ as formatCompensationRate,
   s as formatNumberAsCurrency,
-  $ as formatPayRate,
-  P as formatPhoneNumber,
-  R as formatStreetForDisplay,
-  f as getCityStateZip,
+  A as formatPayRate,
+  T as formatPhoneNumber,
+  D as formatStreetForDisplay,
+  y as getCityStateZip,
   p as getStreet,
-  b as normalizeErrorKeyForForm,
-  h as removeNonDigits,
-  z as snakeCaseToCamelCase,
-  A as useFormatPayRate
+  z as normalizeErrorKeyForForm,
+  g as removeNonDigits,
+  P as snakeCaseToCamelCase,
+  _ as useFormatCompensationRate
 };
 //# sourceMappingURL=formattedStrings.js.map

package/dist/helpers/formattedStrings.js.map

@@ -1 +1 @@
-{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\n/** Joins street lines with a comma for display (avoids getStreet’s leading-space/comma quirks). */\nexport const formatStreetForDisplay = (address: EmployeeAddress | Location) => {\n  const parts = [address.street1?.trim(), address.street2?.trim()].filter((part): part is string =>\n    Boolean(part),\n  )\n  return parts.join(', ')\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const normalizeErrorKeyForForm = (errorKey: string): string =>\n  errorKey.replace(/\\.value$/, '')\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n\nexport const formatPhoneNumber = (phoneNumber: string | number | null | undefined): string => {\n  if (!phoneNumber) return ''\n\n  const digits = removeNonDigits(String(phoneNumber))\n\n  if (digits.length === 10) {\n    return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6)}`\n  }\n\n  if (digits.length === 11 && digits.startsWith('1')) {\n    return `${digits.slice(1, 4)}-${digits.slice(4, 7)}-${digits.slice(7)}`\n  }\n\n  return digits || ''\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","formatStreetForDisplay","part","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","useFormatPayRate","useTranslation","useLocale","useCallback","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","normalizeErrorKeyForForm","errorKey","snakeCaseToCamelCase","s","_","char","formatPhoneNumber","phoneNumber","digits"],"mappings":"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"}
+{"version":3,"file":"formattedStrings.js","sources":["../../src/helpers/formattedStrings.ts"],"sourcesContent":["import DOMPurify from 'dompurify'\nimport { type Location } from '@gusto/embedded-api/models/components/location'\nimport { type EmployeeAddress } from '@gusto/embedded-api/models/components/employeeaddress'\nimport { type TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useCallback } from 'react'\nimport { useLocale } from '@/contexts/LocaleProvider/useLocale'\n\nconst capitalize = (word: string) => word.charAt(0).toLocaleUpperCase() + word.slice(1)\n\nexport const firstLastName = ({\n  first_name,\n  last_name,\n}: {\n  first_name?: string | null\n  last_name?: string | null\n}) =>\n  `${first_name ? capitalize(first_name) : ''}${last_name ? maybeString(capitalize(last_name)) : ''}`\n\nconst maybeString = (str: string | null | undefined) => {\n  return str ? ` ${str}` : ''\n}\n\nexport const getStreet = (address: EmployeeAddress | Location) => {\n  const street1 = maybeString(address.street1)\n  const street2 = maybeString(address.street2)\n\n  return `${street1},${street2}`\n}\n\n/** Joins street lines with a comma for display (avoids getStreet’s leading-space/comma quirks). */\nexport const formatStreetForDisplay = (address: EmployeeAddress | Location) => {\n  const parts = [address.street1?.trim(), address.street2?.trim()].filter((part): part is string =>\n    Boolean(part),\n  )\n  return parts.join(', ')\n}\n\nexport const getCityStateZip = (address: EmployeeAddress | Location) =>\n  `${maybeString(address.city)}, ${maybeString(address.state)} ${maybeString(address.zip)}`\n\nexport const addressInline = (address: EmployeeAddress | Location) =>\n  `${getStreet(address)} ${getCityStateZip(address)}`\n\nexport const currentDateString = () => {\n  const d = new Date()\n  const dateString = `${String(d.getFullYear())}-${('0' + String(d.getMonth() + 1)).slice(-2)}-${('0' + String(d.getDate())).slice(-2)}`\n  return dateString\n}\n\nexport function isNumberKey({ which, keyCode }: KeyboardEvent) {\n  const charCode = which ? which : keyCode\n  if (charCode > 31 && charCode != 46 && (charCode < 48 || charCode > 57)) return false\n  return true\n}\n\nexport const booleanToString = (value: boolean) => (value ? 'true' : 'false')\n\nexport const amountStr = (amount: string, isPercentage: boolean) =>\n  isPercentage ? `${amount}%` : `$${amount}`\n\nexport const formatNumberAsCurrency = (amount: number, locale: string = 'en-US') => {\n  const formattedNumber = amount.toLocaleString(locale, {\n    minimumFractionDigits: 2,\n    maximumFractionDigits: 2,\n  })\n  return amountStr(formattedNumber, false)\n}\n\nexport const formatPayRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('payRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('payRateFormats.weekly', {\n        amount: formatNumberAsCurrency(rate * 52, locale),\n        ns: 'common',\n      })\n    case 'Month':\n      return t('payRateFormats.monthly', {\n        amount: formatNumberAsCurrency(rate * 12, locale),\n        ns: 'common',\n      })\n    case 'Year':\n      return t('payRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('payRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatPayRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatPayRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\n/**\n * Formats a compensation rate as-is, without annualizing weekly or monthly\n * values. Use this for displaying compensation card data where the stored rate\n * should be shown directly (e.g. \"$950 per week\", \"$3,500 per month\").\n */\nexport const formatCompensationRate = ({\n  rate,\n  paymentUnit,\n  t,\n  locale = 'en-US',\n}: {\n  rate: number\n  paymentUnit: string\n  t: TFunction\n  locale?: string\n}) => {\n  const amount = formatNumberAsCurrency(rate, locale)\n\n  switch (paymentUnit) {\n    case 'Hour':\n      return t('compensationRateFormats.hourly', { amount, ns: 'common' })\n    case 'Week':\n      return t('compensationRateFormats.weekly', { amount, ns: 'common' })\n    case 'Month':\n      return t('compensationRateFormats.monthly', { amount, ns: 'common' })\n    case 'Year':\n      return t('compensationRateFormats.yearly', { amount, ns: 'common' })\n    case 'Paycheck':\n      return t('compensationRateFormats.paycheck', { amount, ns: 'common' })\n    default:\n      return amount\n  }\n}\n\nexport const useFormatCompensationRate = () => {\n  const { t } = useTranslation('common')\n  const { locale } = useLocale()\n\n  return useCallback(\n    (rate: number, paymentUnit: string) => {\n      return formatCompensationRate({ rate, paymentUnit, t, locale })\n    },\n    [t, locale],\n  )\n}\n\nconst dompurifyConfig = { ALLOWED_TAGS: ['a', 'b', 'strong'], ALLOWED_ATTR: ['href', 'target'] }\nexport function createMarkup(dirty: string) {\n  if (!dirty) return { __html: '' }\n  return { __html: DOMPurify.sanitize(dirty, dompurifyConfig) }\n}\n\nexport const removeNonDigits = (value: string): string => {\n  return value.replace(/\\D/g, '')\n}\n\nexport const normalizeErrorKeyForForm = (errorKey: string): string =>\n  errorKey.replace(/\\.value$/, '')\n\nexport const snakeCaseToCamelCase = (s: string) => {\n  return s.replace(/_([a-z])/g, (_: string, char: string) => char.toUpperCase())\n}\n\nexport const camelCaseToSnakeCase = (s: string) => {\n  return s\n    .replace(\n      /([a-z0-9])([A-Z])/g,\n      (_: string, group1: string, group2: string) => `${group1}_${group2.toLowerCase()}`,\n    )\n    .replace(\n      /([A-Z])([A-Z])(?=[a-z])/g,\n      (_: string, group1: string, group2: string) =>\n        `${group1.toLowerCase()}_${group2.toLowerCase()}`,\n    )\n    .toLowerCase()\n}\n\nexport const formatPhoneNumber = (phoneNumber: string | number | null | undefined): string => {\n  if (!phoneNumber) return ''\n\n  const digits = removeNonDigits(String(phoneNumber))\n\n  if (digits.length === 10) {\n    return `${digits.slice(0, 3)}-${digits.slice(3, 6)}-${digits.slice(6)}`\n  }\n\n  if (digits.length === 11 && digits.startsWith('1')) {\n    return `${digits.slice(1, 4)}-${digits.slice(4, 7)}-${digits.slice(7)}`\n  }\n\n  return digits || ''\n}\n"],"names":["capitalize","word","firstLastName","first_name","last_name","maybeString","str","getStreet","address","street1","street2","formatStreetForDisplay","part","getCityStateZip","addressInline","amountStr","amount","isPercentage","formatNumberAsCurrency","locale","formattedNumber","formatPayRate","rate","paymentUnit","t","formatCompensationRate","useFormatCompensationRate","useTranslation","useLocale","useCallback","dompurifyConfig","createMarkup","dirty","DOMPurify","removeNonDigits","value","normalizeErrorKeyForForm","errorKey","snakeCaseToCamelCase","s","_","char","formatPhoneNumber","phoneNumber","digits"],"mappings":"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"}

package/dist/hooks/useClientPagination/useClientPagination.d.ts

@@ -0,0 +1,44 @@
+import { PaginationControlProps, PaginationItemsPerPage } from '../../components/Common/PaginationControl/PaginationControlTypes';
+interface UseClientPaginationOptions<TItem> {
+    /**
+     * Optional substring/fuzzy/etc. predicate run against the debounced,
+     * deferred, trimmed search value. The hook owns search state and
+     * resets to page 1 once the debounce settles. A trimmed-empty value is
+     * treated as "no search" and the predicate is not called. Omit to skip
+     * search entirely.
+     */
+    searchPredicate?: (item: TItem, query: string) => boolean;
+    /** Display rows-per-page. Default 5. */
+    defaultItemsPerPage?: PaginationItemsPerPage;
+    /**
+     * Debounce window (ms) applied to the search value before it reaches
+     * the predicate and page reset. Keeps the controlled input responsive
+     * while preventing the filter from running on every keystroke for
+     * large lists or expensive predicates. Defaults to 120ms. Pass 0 to
+     * disable debouncing entirely (useful for tests).
+     */
+    searchDebounceMs?: number;
+}
+export interface UseClientPaginationResult<TItem> {
+    /** Current-page slice. */
+    data: TItem[];
+    /** Drop-in `PaginationControlProps` for `useDataView` / `PaginationControl`. */
+    pagination: PaginationControlProps;
+    /** Current search value (controlled). */
+    searchValue: string;
+    actions: {
+        onSearchChange: (value: string) => void;
+        onSearchClear: () => void;
+    };
+}
+/**
+ * Client-side pagination + optional search over an in-memory array.
+ *
+ * Returns a `PaginationControlProps`-shaped pagination object that drops
+ * straight into `useDataView` / `PaginationControl`. Use this when the
+ * caller already has the full list of items and wants to paginate/search
+ * it locally. Pair with `usePagination` if you want to page through an
+ * API endpoint instead.
+ */
+export declare function useClientPagination<TItem>(allItems: TItem[], options?: UseClientPaginationOptions<TItem>): UseClientPaginationResult<TItem>;
+export {};