@gusto/embedded-react-sdk 0.20.0 → 0.22.0

package/CHANGELOG.md

@@ -1,5 +1,67 @@
 # Changelog
 
+## 0.22.0
+
+### Features & Enhancements
+
+- Add support for fed/state lien garnishments
+- Add notification for wire payroll submitted
+- Update employee federal taxes to support pre 2020 W4
+- Implement payroll overview updates based on radio selection
+- Add contractor payment walking skeleton with FSM scaffolding
+
+### Fixes
+
+- Clean up confirm wire details with correct selected wire in
+- Add .md extensions to internal doc links for GitHub browsing
+- Update readme to reference existing docs files
+
+### Chores & Maintenance
+
+- Upgrade embedded API to 0.11.2
+- Bump embedded-api version to 0.11.1
+- Bump typescript-eslint from 8.48.0 to 8.49.0
+- Bump dompurify from 3.3.0 to 3.3.1
+- Bump vite-plugin-checker from 0.11.0 to 0.12.0
+- Bump i18next from 25.7.1 to 25.7.2
+- Bump @commitlint/config-conventional from 20.0.0 to 20.2.0
+- Bump react-i18next from 16.3.5 to 16.4.0
+- Bump @commitlint/cli from 20.1.0 to 20.2.0
+- Bump msw from 2.12.3 to 2.12.4
+- Bump react-hook-form from 7.67.0 to 7.68.0
+- Bump prettier from 3.6.2 to 3.7.3
+
+## 0.21.0
+
+### Features & Enhancements
+
+- Update base submit to separate UI portions
+- Implement advance payroll status badges
+- Add wire transfer confirmation flow for payroll
+- Add infrastructure for experimental payroll hooks
+- Update wire in form to use selected wire in id
+- Add Contractor Payment Create component
+- Add Contractor Payment Detail component
+- Add Contractor Payment Overview component
+- Add Contractor Payment Edit component
+- Add Contractor Payment History component
+
+### Fixes
+
+- Fixed modal button styling
+- Update footer to right-align when single button
+
+### Chores & Maintenance
+
+- Swap in new deductions/child support form components
+- Bump msw from 2.12.2 to 2.12.3
+- Bump @types/react from 19.2.6 to 19.2.7
+- Bump typescript-eslint from 8.47.0 to 8.48.0
+- Bump react-hook-form from 7.66.1 to 7.67.0
+- Bump i18next from 25.6.3 to 25.7.1
+- Bump mdast-util-to-hast from 13.2.0 to 13.2.1
+- Bump tsx from 4.20.6 to 4.21.0
+
 ## 0.20.0
 
 ### Features & Enhancements

package/README.md

@@ -14,20 +14,35 @@ https://codesandbox.io/p/sandbox/gusto-embedded-sdk-demo-employeelist-nzpslw
 
 Live documentation is available at: https://docs.gusto.com/embedded-payroll/docs/what-is-the-gep-react-sdk
 
-- [What is the GEP React SDK](docs/01/what-is-the-gep-react-sdk.md)
-- [Deciding to build with the SDK](docs/02/deciding-to-build-with-the-sdk.md)
-  - [Build Pathways - SDK, Flows & APIs](docs/02/01/build-pathways-sdk-flows-api.md)
-  - [Component Types](docs/02/01/component-types.md)
-- [Getting Started](docs/03/getting-started-1.md)
-  - [Authentication](docs/03/01/authentication-1.md)
-- [Integration Guide](docs/04/integration-guide.md)
-  - [Versioning](docs/04/01/versioning.md)
-  - [Event Handling](docs/04/01/event-handling.md)
-  - [Styles and Theming](docs/04/01/styles-and-theming.md)
-  - [Composition](docs/04/01/composition.md)
-  - [Providing your own data](docs/04/01/providing-your-own-data.md)
-  - [Translation](docs/04/01/translation.md)
-  - [Routing](docs/04/01/routing.md)
-- [Workflows Overview](docs/05/workflows-overview.md)
-  - [Employee Onboarding](docs/05/01/employee-onboarding.md)
-    - [Employee Self-Onboarding](docs/05/01/01/employee-self-onboarding.md)
+- [What is the GEP React SDK](docs/what-is-the-gep-react-sdk.md)
+- [Deciding to build with the SDK](docs/deciding-to-build-with-the-sdk/deciding-to-build-with-the-sdk.md)
+  - [Build Pathways - SDK, Flows & APIs](docs/deciding-to-build-with-the-sdk/build-pathways-sdk-flows-api.md)
+  - [Component Types](docs/deciding-to-build-with-the-sdk/component-types.md)
+- [Getting Started](docs/getting-started/getting-started.md)
+  - [Authentication](docs/getting-started/authentication.md)
+- [Integration Guide](docs/integration-guide/integration-guide.md)
+  - [Versioning](docs/integration-guide/versioning.md)
+  - [Event Handling](docs/integration-guide/event-handling.md)
+  - [Event Types](docs/integration-guide/event-types.md)
+  - [Error Handling](docs/integration-guide/error-handling.md)
+  - [Composition](docs/integration-guide/composition.md)
+  - [Providing your own data](docs/integration-guide/providing-your-own-data.md)
+  - [Translation](docs/integration-guide/translation.md)
+  - [Routing](docs/integration-guide/routing.md)
+  - [Request Interceptors](docs/integration-guide/request-interceptors.md)
+  - [Customizing SDK UI](docs/integration-guide/customizing-sdk-ui.md)
+- [Theming](docs/theming/theming.md)
+  - [Theming Guide](docs/theming/theming-guide.md)
+  - [Theme Variables](docs/theming/theme-variables.md)
+- [Component Adapter](docs/component-adapter/component-adapter.md)
+  - [How the Component Adapter Works](docs/component-adapter/how-the-component-adapter-works.md)
+  - [Component Adapter Types](docs/component-adapter/component-adapter-types.md)
+  - [Setting up your Component Adapter](docs/component-adapter/setting-up-your-component-adapter.md)
+  - [Component Inventory](docs/component-adapter/component-inventory.md)
+  - [Component Adapter FAQ](docs/component-adapter/component-adapter-faq.md)
+- [Workflows Overview](docs/workflows-overview/workflows-overview.md)
+  - [Company Onboarding](docs/workflows-overview/company-onboarding.md)
+  - [Contractor Onboarding](docs/workflows-overview/contractor-onboarding.md)
+  - [Employee Onboarding](docs/workflows-overview/employee-onboarding/employee-onboarding.md)
+    - [Employee Self-Onboarding](docs/workflows-overview/employee-onboarding/employee-self-onboarding.md)
+  - [Run Payroll](docs/workflows-overview/run-payroll.md)

package/dist/UNSTABLE_Hooks.d.ts

@@ -0,0 +1 @@
+export { PayrollConfiguration, PayrollConfigurationProvider, usePayrollConfiguration, type PayrollConfigurationContextValue, } from './components/Payroll/UNSTABLE_PayrollHooks';

package/dist/UNSTABLE_Hooks.js

@@ -0,0 +1,9 @@
+import { PayrollConfiguration as i } from "./components/Payroll/UNSTABLE_PayrollHooks/PayrollConfiguration/PayrollConfiguration.js";
+import { PayrollConfigurationProvider as f } from "./components/Payroll/UNSTABLE_PayrollHooks/PayrollConfiguration/PayrollConfigurationProvider.js";
+import { usePayrollConfiguration as n } from "./components/Payroll/UNSTABLE_PayrollHooks/PayrollConfiguration/usePayrollConfiguration.js";
+export {
+  i as PayrollConfiguration,
+  f as PayrollConfigurationProvider,
+  n as usePayrollConfiguration
+};
+//# sourceMappingURL=UNSTABLE_Hooks.js.map

package/dist/UNSTABLE_Hooks.js.map

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

package/dist/assets/icons/coins-hand.svg.js

@@ -0,0 +1,10 @@
+import * as C from "react";
+const o = ({
+  title: e,
+  titleId: t,
+  ...n
+}) => /* @__PURE__ */ C.createElement("svg", { width: 24, height: 25, viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": t, ...n }, e ? /* @__PURE__ */ C.createElement("title", { id: t }, e) : null, /* @__PURE__ */ C.createElement("path", { d: "M13.5295 8.85186C12.9571 9.25995 12.2566 9.5 11.5 9.5C9.567 9.5 8 7.933 8 6C8 4.067 9.567 2.5 11.5 2.5C12.753 2.5 13.8522 3.15842 14.4705 4.14814M6 20.5872H8.61029C8.95063 20.5872 9.28888 20.6277 9.61881 20.7086L12.3769 21.3789C12.9753 21.5247 13.5988 21.5388 14.2035 21.4214L17.253 20.8281C18.0585 20.6712 18.7996 20.2854 19.3803 19.7205L21.5379 17.6217C22.154 17.0234 22.154 16.0524 21.5379 15.4531C20.9832 14.9134 20.1047 14.8527 19.4771 15.3103L16.9626 17.1449C16.6025 17.4081 16.1643 17.5498 15.7137 17.5498H13.2855L14.8311 17.5498C15.7022 17.5498 16.4079 16.8633 16.4079 16.0159V15.7091C16.4079 15.0055 15.9156 14.392 15.2141 14.2219L12.8286 13.6417C12.4404 13.5476 12.0428 13.5 11.6431 13.5C10.6783 13.5 8.93189 14.2988 8.93189 14.2988L6 15.5249M20 7C20 8.933 18.433 10.5 16.5 10.5C14.567 10.5 13 8.933 13 7C13 5.067 14.567 3.5 16.5 3.5C18.433 3.5 20 5.067 20 7ZM2 15.1L2 20.9C2 21.4601 2 21.7401 2.10899 21.954C2.20487 22.1422 2.35785 22.2951 2.54601 22.391C2.75992 22.5 3.03995 22.5 3.6 22.5H4.4C4.96005 22.5 5.24008 22.5 5.45399 22.391C5.64215 22.2951 5.79513 22.1422 5.89101 21.954C6 21.7401 6 21.4601 6 20.9V15.1C6 14.5399 6 14.2599 5.89101 14.046C5.79513 13.8578 5.64215 13.7049 5.45399 13.609C5.24008 13.5 4.96005 13.5 4.4 13.5L3.6 13.5C3.03995 13.5 2.75992 13.5 2.54601 13.609C2.35785 13.7049 2.20487 13.8578 2.10899 14.046C2 14.2599 2 14.5399 2 15.1Z", stroke: "#414651", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  o as default
+};
+//# sourceMappingURL=coins-hand.svg.js.map

package/dist/assets/icons/coins-hand.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"coins-hand.svg.js","sources":["../../../src/assets/icons/coins-hand.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgCoinsHand = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 24, height: 25, viewBox: \"0 0 24 25\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M13.5295 8.85186C12.9571 9.25995 12.2566 9.5 11.5 9.5C9.567 9.5 8 7.933 8 6C8 4.067 9.567 2.5 11.5 2.5C12.753 2.5 13.8522 3.15842 14.4705 4.14814M6 20.5872H8.61029C8.95063 20.5872 9.28888 20.6277 9.61881 20.7086L12.3769 21.3789C12.9753 21.5247 13.5988 21.5388 14.2035 21.4214L17.253 20.8281C18.0585 20.6712 18.7996 20.2854 19.3803 19.7205L21.5379 17.6217C22.154 17.0234 22.154 16.0524 21.5379 15.4531C20.9832 14.9134 20.1047 14.8527 19.4771 15.3103L16.9626 17.1449C16.6025 17.4081 16.1643 17.5498 15.7137 17.5498H13.2855L14.8311 17.5498C15.7022 17.5498 16.4079 16.8633 16.4079 16.0159V15.7091C16.4079 15.0055 15.9156 14.392 15.2141 14.2219L12.8286 13.6417C12.4404 13.5476 12.0428 13.5 11.6431 13.5C10.6783 13.5 8.93189 14.2988 8.93189 14.2988L6 15.5249M20 7C20 8.933 18.433 10.5 16.5 10.5C14.567 10.5 13 8.933 13 7C13 5.067 14.567 3.5 16.5 3.5C18.433 3.5 20 5.067 20 7ZM2 15.1L2 20.9C2 21.4601 2 21.7401 2.10899 21.954C2.20487 22.1422 2.35785 22.2951 2.54601 22.391C2.75992 22.5 3.03995 22.5 3.6 22.5H4.4C4.96005 22.5 5.24008 22.5 5.45399 22.391C5.64215 22.2951 5.79513 22.1422 5.89101 21.954C6 21.7401 6 21.4601 6 20.9V15.1C6 14.5399 6 14.2599 5.89101 14.046C5.79513 13.8578 5.64215 13.7049 5.45399 13.609C5.24008 13.5 4.96005 13.5 4.4 13.5L3.6 13.5C3.03995 13.5 2.75992 13.5 2.54601 13.609C2.35785 13.7049 2.20487 13.8578 2.10899 14.046C2 14.2599 2 14.5399 2 15.1Z\", stroke: \"#414651\", strokeWidth: 2, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgCoinsHand;\n"],"names":["SvgCoinsHand","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAe,CAAC;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,01CAA01C,QAAQ,WAAW,aAAa,GAAG,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/assets/icons/icon-file-outline.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const r = ({
+  title: t,
+  titleId: C,
+  ...o
+}) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": C, ...o }, t ? /* @__PURE__ */ e.createElement("title", { id: C }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M9.33317 1.51367V4.26737C9.33317 4.64073 9.33317 4.82742 9.40583 4.97003C9.46975 5.09547 9.57174 5.19745 9.69718 5.26137C9.83978 5.33403 10.0265 5.33403 10.3998 5.33403H13.1535M9.33317 11.334H5.33317M10.6665 8.66732H5.33317M13.3332 6.65947V11.4673C13.3332 12.5874 13.3332 13.1475 13.1152 13.5753C12.9234 13.9516 12.6175 14.2576 12.2412 14.4493C11.8133 14.6673 11.2533 14.6673 10.1332 14.6673H5.8665C4.7464 14.6673 4.18635 14.6673 3.75852 14.4493C3.3822 14.2576 3.07624 13.9516 2.88449 13.5753C2.6665 13.1475 2.6665 12.5874 2.6665 11.4673V4.53398C2.6665 3.41388 2.6665 2.85383 2.88449 2.426C3.07624 2.04968 3.3822 1.74372 3.75852 1.55197C4.18635 1.33398 4.7464 1.33398 5.8665 1.33398H8.00769C8.49687 1.33398 8.74146 1.33398 8.97163 1.38924C9.17571 1.43824 9.3708 1.51905 9.54974 1.6287C9.75157 1.75239 9.92453 1.92534 10.2704 2.27124L12.3959 4.39673C12.7418 4.74263 12.9148 4.91558 13.0385 5.11741C13.1481 5.29636 13.2289 5.49145 13.2779 5.69552C13.3332 5.9257 13.3332 6.17029 13.3332 6.65947Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  r as default
+};
+//# sourceMappingURL=icon-file-outline.svg.js.map

package/dist/assets/icons/icon-file-outline.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-file-outline.svg.js","sources":["../../../src/assets/icons/icon-file-outline.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgIconFileOutline = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M9.33317 1.51367V4.26737C9.33317 4.64073 9.33317 4.82742 9.40583 4.97003C9.46975 5.09547 9.57174 5.19745 9.69718 5.26137C9.83978 5.33403 10.0265 5.33403 10.3998 5.33403H13.1535M9.33317 11.334H5.33317M10.6665 8.66732H5.33317M13.3332 6.65947V11.4673C13.3332 12.5874 13.3332 13.1475 13.1152 13.5753C12.9234 13.9516 12.6175 14.2576 12.2412 14.4493C11.8133 14.6673 11.2533 14.6673 10.1332 14.6673H5.8665C4.7464 14.6673 4.18635 14.6673 3.75852 14.4493C3.3822 14.2576 3.07624 13.9516 2.88449 13.5753C2.6665 13.1475 2.6665 12.5874 2.6665 11.4673V4.53398C2.6665 3.41388 2.6665 2.85383 2.88449 2.426C3.07624 2.04968 3.3822 1.74372 3.75852 1.55197C4.18635 1.33398 4.7464 1.33398 5.8665 1.33398H8.00769C8.49687 1.33398 8.74146 1.33398 8.97163 1.38924C9.17571 1.43824 9.3708 1.51905 9.54974 1.6287C9.75157 1.75239 9.92453 1.92534 10.2704 2.27124L12.3959 4.39673C12.7418 4.74263 12.9148 4.91558 13.0385 5.11741C13.1481 5.29636 13.2289 5.49145 13.2779 5.69552C13.3332 5.9257 13.3332 6.17029 13.3332 6.65947Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgIconFileOutline;\n"],"names":["SvgIconFileOutline","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAqB,CAAC;AAAA,EAC1B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,o+BAAo+B,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/assets/icons/icon-receipt-outline.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const n = ({
+  title: t,
+  titleId: o,
+  ...r
+}) => /* @__PURE__ */ e.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-labelledby": o, ...r }, t ? /* @__PURE__ */ e.createElement("title", { id: o }, t) : null, /* @__PURE__ */ e.createElement("path", { d: "M2.6665 5.2C2.6665 4.0799 2.6665 3.51984 2.88449 3.09202C3.07624 2.71569 3.3822 2.40973 3.75852 2.21799C4.18635 2 4.7464 2 5.8665 2H10.1332C11.2533 2 11.8133 2 12.2412 2.21799C12.6175 2.40973 12.9234 2.71569 13.1152 3.09202C13.3332 3.51984 13.3332 4.0799 13.3332 5.2V14L11.4998 12.6667L9.83317 14L7.99984 12.6667L6.1665 14L4.49984 12.6667L2.6665 14V5.2Z", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  n as default
+};
+//# sourceMappingURL=icon-receipt-outline.svg.js.map

package/dist/assets/icons/icon-receipt-outline.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-receipt-outline.svg.js","sources":["../../../src/assets/icons/icon-receipt-outline.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgIconReceiptOutline = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 16, height: 16, viewBox: \"0 0 16 16\", fill: \"none\", xmlns: \"http://www.w3.org/2000/svg\", \"aria-labelledby\": titleId, ...props }, title ? /* @__PURE__ */ React.createElement(\"title\", { id: titleId }, title) : null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M2.6665 5.2C2.6665 4.0799 2.6665 3.51984 2.88449 3.09202C3.07624 2.71569 3.3822 2.40973 3.75852 2.21799C4.18635 2 4.7464 2 5.8665 2H10.1332C11.2533 2 11.8133 2 12.2412 2.21799C12.6175 2.40973 12.9234 2.71569 13.1152 3.09202C13.3332 3.51984 13.3332 4.0799 13.3332 5.2V14L11.4998 12.6667L9.83317 14L7.99984 12.6667L6.1665 14L4.49984 12.6667L2.6665 14V5.2Z\", stroke: \"currentColor\", strokeWidth: 1.5, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgIconReceiptOutline;\n"],"names":["SvgIconReceiptOutline","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAwB,CAAC;AAAA,EAC7B,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,MAAsB,gBAAAC,EAAM,cAAc,OAAO,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,aAAa,MAAM,QAAQ,OAAO,8BAA8B,mBAAmBF,GAAS,GAAGC,EAAK,GAAIF,IAAwB,gBAAAG,EAAM,cAAc,SAAS,EAAE,IAAIF,KAAWD,CAAK,IAAI,MAAsB,gBAAAG,EAAM,cAAc,QAAQ,EAAE,GAAG,qWAAqW,QAAQ,gBAAgB,aAAa,KAAK,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/components/Base/Base.d.ts

@@ -1,6 +1,7 @@
-import { ReactNode, JSX } from 'react';
+import { ReactNode, JSX, ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
-import { OnEventType } from './useBase';
+import { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject';
+import { KnownErrors, OnEventType } from './useBase';
 import { EventType } from '../../shared/constants';
 import { ResourceDictionary, Resources } from '../../types/Helpers';
 import { LoadingIndicatorContextProps } from '../../contexts/LoadingIndicatorProvider/useLoadingIndicator';
@@ -11,8 +12,22 @@ export interface CommonComponentInterface<TResourceKey extends keyof Resources =
     dictionary?: ResourceDictionary<TResourceKey>;
 }
 export interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources> extends CommonComponentInterface<TResourceKey> {
-    FallbackComponent?: (props: FallbackProps) => JSX.Element;
-    LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];
+    FallbackComponent?: BaseBoundariesProps['FallbackComponent'];
+    LoaderComponent?: BaseBoundariesProps['LoaderComponent'];
     onEvent: OnEventType<EventType, unknown>;
 }
 export declare const BaseComponent: <TResourceKey extends keyof Resources = keyof Resources>({ children, FallbackComponent, LoaderComponent: LoadingIndicatorFromProps, onEvent, }: BaseComponentInterface<TResourceKey>) => import("react/jsx-runtime").JSX.Element;
+interface BaseLayoutProps {
+    children?: ReactNode;
+    error: KnownErrors | null;
+    fieldErrors: Array<EntityErrorObject> | null;
+}
+export declare const BaseLayout: ({ children, error, fieldErrors }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export interface BaseBoundariesProps {
+    children?: ReactNode;
+    FallbackComponent?: (props: FallbackProps) => JSX.Element;
+    LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];
+    onErrorBoundaryError?: (error: Error, info: ErrorInfo) => void;
+}
+export declare const BaseBoundaries: ({ children, FallbackComponent, LoaderComponent: LoadingIndicatorFromProps, onErrorBoundaryError, }: BaseBoundariesProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Base/Base.js

@@ -1,74 +1,80 @@
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import { useState as f, useCallback as u, Suspense as R } from "react";
-import { ErrorBoundary as B } from "react-error-boundary";
-import { useTranslation as S } from "react-i18next";
-import { APIError as E } from "@gusto/embedded-api/models/errors/apierror";
-import { SDKValidationError as h } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { UnprocessableEntityErrorObject as y } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { QueryErrorResetBoundary as j } from "@tanstack/react-query";
-import { FadeIn as T } from "../Common/FadeIn/FadeIn.js";
-import { BaseContext as k } from "./useBase.js";
-import { componentEvents as v } from "../../shared/constants.js";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { Suspense as C } from "react";
+import { ErrorBoundary as E } from "react-error-boundary";
+import { useTranslation as x } from "react-i18next";
+import { APIError as B } from "@gusto/embedded-api/models/errors/apierror";
+import { SDKValidationError as I } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { QueryErrorResetBoundary as h } from "@tanstack/react-query";
+import { FadeIn as g } from "../Common/FadeIn/FadeIn.js";
+import { BaseContext as y } from "./useBase.js";
+import { useBaseSubmit as b } from "./useBaseSubmit.js";
+import { componentEvents as R } from "../../shared/constants.js";
 import "classnames";
-import { InternalError as w } from "../Common/InternalError/InternalError.js";
-import { useComponentContext as O } from "../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLoadingIndicator as P } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { renderErrorList as U, getFieldErrors as D } from "../../helpers/apiErrorToList.js";
-import { useAsyncError as H } from "../../hooks/useAsyncError.js";
-const tr = ({
-  children: C,
-  FallbackComponent: x = w,
-  LoaderComponent: L,
-  onEvent: l
+import { InternalError as c } from "../Common/InternalError/InternalError.js";
+import { useComponentContext as S } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLoadingIndicator as p } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { renderErrorList as F } from "../../helpers/apiErrorToList.js";
+const M = ({
+  children: i,
+  FallbackComponent: o = c,
+  LoaderComponent: n,
+  onEvent: t
 }) => {
-  const [t, s] = f(null), [i, m] = f(null), c = H(), { t: b } = S(), a = O(), { LoadingIndicator: I } = P(), d = L ?? I, g = u((r) => {
-    s(r), r || m(null);
-  }, []), A = (r) => {
-    s(r), r instanceof y && Array.isArray(r.errors) && m(r.errors.flatMap((e) => D(e)));
-  }, F = u(
-    async (r, e) => {
-      s(null), m(null);
-      try {
-        await e(r);
-      } catch (n) {
-        n instanceof E || n instanceof h || n instanceof y ? A(n) : c(n);
-      }
-    },
-    [s, c]
-  );
-  return /* @__PURE__ */ o(
-    k.Provider,
+  const { error: e, fieldErrors: m, baseSubmitHandler: s, setError: u } = b(), { LoadingIndicator: f } = p(), a = n ?? f, l = (L) => {
+    t(R.ERROR, L);
+  };
+  return /* @__PURE__ */ r(
+    y.Provider,
     {
       value: {
-        fieldErrors: i,
-        setError: g,
-        onEvent: l,
-        throwError: c,
-        baseSubmitHandler: F,
-        LoadingIndicator: d
+        error: e,
+        fieldErrors: m,
+        setError: u,
+        onEvent: t,
+        baseSubmitHandler: s,
+        LoadingIndicator: a
       },
-      children: /* @__PURE__ */ o(j, { children: ({ reset: r }) => /* @__PURE__ */ p(
-        B,
+      children: /* @__PURE__ */ r(
+        j,
         {
-          FallbackComponent: x,
-          onReset: r,
-          onError: (e) => {
-            l(v.ERROR, e);
-          },
-          children: [
-            (t || i) && /* @__PURE__ */ p(a.Alert, { label: b("status.errorEncountered"), status: "error", children: [
-              i && /* @__PURE__ */ o(a.UnorderedList, { items: U(i) }),
-              t && t instanceof E && /* @__PURE__ */ o(a.Text, { children: t.message }),
-              t && t instanceof h && /* @__PURE__ */ o(a.Text, { as: "pre", children: t.pretty() })
-            ] }),
-            /* @__PURE__ */ o(R, { fallback: /* @__PURE__ */ o(d, {}), children: /* @__PURE__ */ o(T, { children: C }) })
-          ]
+          FallbackComponent: o,
+          LoaderComponent: a,
+          onErrorBoundaryError: l,
+          children: /* @__PURE__ */ r(T, { error: e, fieldErrors: m, children: i })
         }
-      ) })
+      )
     }
   );
+}, T = ({ children: i, error: o, fieldErrors: n }) => {
+  const t = S(), { t: e } = x();
+  return /* @__PURE__ */ d(g, { children: [
+    (o || n) && /* @__PURE__ */ d(t.Alert, { label: e("status.errorEncountered"), status: "error", children: [
+      n && /* @__PURE__ */ r(t.UnorderedList, { items: F(n) }),
+      o && o instanceof B && /* @__PURE__ */ r(t.Text, { children: o.message }),
+      o && o instanceof I && /* @__PURE__ */ r(t.Text, { as: "pre", children: o.pretty() })
+    ] }),
+    i
+  ] });
+}, j = ({
+  children: i,
+  FallbackComponent: o = c,
+  LoaderComponent: n,
+  onErrorBoundaryError: t
+}) => {
+  const { LoadingIndicator: e } = p(), m = n ?? e;
+  return /* @__PURE__ */ r(h, { children: ({ reset: s }) => /* @__PURE__ */ r(
+    E,
+    {
+      FallbackComponent: o,
+      onReset: s,
+      onError: t,
+      children: /* @__PURE__ */ r(C, { fallback: /* @__PURE__ */ r(m, {}), children: i })
+    }
+  ) });
 };
 export {
-  tr as BaseComponent
+  j as BaseBoundaries,
+  M as BaseComponent,
+  T as BaseLayout
 };
 //# sourceMappingURL=Base.js.map

package/dist/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX } from 'react'\nimport { Suspense, useState, useCallback } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type KnownErrors, type OnEventType } from './useBase'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { getFieldErrors, renderErrorList } from '@/helpers/apiErrorToList'\nimport { useAsyncError } from '@/hooks/useAsyncError'\n\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources>\n  extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n  onEvent: OnEventType<EventType, unknown>\n}\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n}: BaseComponentInterface<TResourceKey>) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<EntityErrorObject[] | null>(null)\n  const throwError = useAsyncError()\n  const { t } = useTranslation()\n  const Components = useComponentContext()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  // Enhanced setError that also clears fieldErrors when error is cleared\n  const setErrorWithFieldsClear = useCallback((error: KnownErrors | null) => {\n    setError(error)\n    if (!error) {\n      setFieldErrors(null)\n    }\n  }, [])\n\n  const processError = (error: KnownErrors) => {\n    setError(error)\n    //422\tapplication/json - content relaited error\n    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      setFieldErrors(error.errors.flatMap(err => getFieldErrors(err)))\n    }\n  }\n\n  const baseSubmitHandler = useCallback(\n    async <T,>(data: T, componentHandler: SubmitHandler<T>) => {\n      setError(null)\n      setFieldErrors(null)\n      try {\n        await componentHandler(data)\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject\n        ) {\n          processError(err)\n        } else throwError(err)\n      }\n    },\n    [setError, throwError],\n  )\n\n  return (\n    <BaseContext.Provider\n      value={{\n        fieldErrors,\n        setError: setErrorWithFieldsClear,\n        onEvent,\n        throwError,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n      }}\n    >\n      <QueryErrorResetBoundary>\n        {({ reset: resetQueries }) => (\n          <ErrorBoundary\n            FallbackComponent={FallbackComponent}\n            onReset={resetQueries}\n            onError={err => {\n              onEvent(componentEvents.ERROR, err)\n            }}\n          >\n            {(error || fieldErrors) && (\n              <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n                {fieldErrors && <Components.UnorderedList items={renderErrorList(fieldErrors)} />}\n                {error && error instanceof APIError && (\n                  <Components.Text>{error.message}</Components.Text>\n                )}\n                {error && error instanceof SDKValidationError && (\n                  <Components.Text as=\"pre\">{error.pretty()}</Components.Text>\n                )}\n              </Components.Alert>\n            )}\n            <Suspense fallback={<LoaderComponent />}>\n              <FadeIn>{children}</FadeIn>\n            </Suspense>\n          </ErrorBoundary>\n        )}\n      </QueryErrorResetBoundary>\n    </BaseContext.Provider>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","error","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","t","useTranslation","Components","useComponentContext","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","setErrorWithFieldsClear","useCallback","processError","UnprocessableEntityErrorObject","getFieldErrors","err","baseSubmitHandler","data","componentHandler","APIError","SDKValidationError","jsx","BaseContext","QueryErrorResetBoundary","resetQueries","jsxs","ErrorBoundary","componentEvents","renderErrorList","Suspense","FadeIn"],"mappings":";;;;;;;;;;;;;;;;;AAsCO,MAAMA,KAAgB,CAAyD;AAAA,EACpF,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,SAAAC;AACF,MAA4C;AAC1C,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,IAAI,GACrD,CAACC,GAAaC,CAAc,IAAIF,EAAqC,IAAI,GACzEG,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAaC,EAAA,GAEb,EAAE,kBAAkBC,EAAA,IAAgCC,EAAA,GAEpDC,IAAkBf,KAA6Ba,GAG/CG,IAA0BC,EAAY,CAACf,MAA8B;AACzE,IAAAC,EAASD,CAAK,GACTA,KACHI,EAAe,IAAI;AAAA,EAEvB,GAAG,CAAA,CAAE,GAECY,IAAe,CAAChB,MAAuB;AAC3C,IAAAC,EAASD,CAAK,GAEVA,aAAiBiB,KAAkC,MAAM,QAAQjB,EAAM,MAAM,KAC/EI,EAAeJ,EAAM,OAAO,QAAQ,OAAOkB,EAAeC,CAAG,CAAC,CAAC;AAAA,EAEnE,GAEMC,IAAoBL;AAAA,IACxB,OAAWM,GAASC,MAAuC;AACzD,MAAArB,EAAS,IAAI,GACbG,EAAe,IAAI;AACnB,UAAI;AACF,cAAMkB,EAAiBD,CAAI;AAAA,MAC7B,SAASF,GAAK;AACZ,QACEA,aAAeI,KACfJ,aAAeK,KACfL,aAAeF,IAEfD,EAAaG,CAAG,MACAA,CAAG;AAAA,MACvB;AAAA,IACF;AAAA,IACA,CAAClB,GAAUI,CAAU;AAAA,EAAA;AAGvB,SACE,gBAAAoB;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,aAAAvB;AAAA,QACA,UAAUW;AAAA,QACV,SAAAf;AAAA,QACA,YAAAM;AAAA,QACA,mBAAAe;AAAA,QACA,kBAAkBP;AAAA,MAAA;AAAA,MAGpB,4BAACc,GAAA,EACE,UAAA,CAAC,EAAE,OAAOC,QACT,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,mBAAAlC;AAAA,UACA,SAASgC;AAAA,UACT,SAAS,CAAAT,MAAO;AACd,YAAApB,EAAQgC,EAAgB,OAAOZ,CAAG;AAAA,UACpC;AAAA,UAEE,UAAA;AAAA,aAAAnB,KAASG,MACT,gBAAA0B,EAACpB,EAAW,OAAX,EAAiB,OAAOF,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAA;AAAA,cAAAJ,uBAAgBM,EAAW,eAAX,EAAyB,OAAOuB,EAAgB7B,CAAW,GAAG;AAAA,cAC9EH,KAASA,aAAiBuB,KACzB,gBAAAE,EAAChB,EAAW,MAAX,EAAiB,YAAM,SAAQ;AAAA,cAEjCT,KAASA,aAAiBwB,KACzB,gBAAAC,EAAChB,EAAW,MAAX,EAAgB,IAAG,OAAO,UAAAT,EAAM,OAAA,EAAO,CAAE;AAAA,YAAA,GAE9C;AAAA,YAEF,gBAAAyB,EAACQ,KAAS,UAAU,gBAAAR,EAACZ,KAAgB,GACnC,UAAA,gBAAAY,EAACS,GAAA,EAAQ,UAAAvC,EAAA,CAAS,EAAA,CACpB;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,EACF,CAEJ;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX, ErrorInfo } from 'react'\nimport { Suspense } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type KnownErrors, type OnEventType } from './useBase'\nimport { useBaseSubmit } from './useBaseSubmit'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\nimport { useLoadingIndicator } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport { renderErrorList } from '@/helpers/apiErrorToList'\n\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface<\n  TResourceKey extends keyof Resources = keyof Resources,\n> extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: BaseBoundariesProps['FallbackComponent']\n  LoaderComponent?: BaseBoundariesProps['LoaderComponent']\n  onEvent: OnEventType<EventType, unknown>\n}\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n}: BaseComponentInterface<TResourceKey>) => {\n  const { error, fieldErrors, baseSubmitHandler, setError } = useBaseSubmit()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (error: Error) => {\n    onEvent(componentEvents.ERROR, error)\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        fieldErrors,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        LoaderComponent={LoaderComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n      >\n        <BaseLayout error={error} fieldErrors={fieldErrors}>\n          {children}\n        </BaseLayout>\n      </BaseBoundaries>\n    </BaseContext.Provider>\n  )\n}\n\ninterface BaseLayoutProps {\n  children?: ReactNode\n  error: KnownErrors | null\n  fieldErrors: Array<EntityErrorObject> | null\n}\n\nexport const BaseLayout = ({ children, error, fieldErrors }: BaseLayoutProps) => {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <FadeIn>\n      {(error || fieldErrors) && (\n        <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n          {fieldErrors && <Components.UnorderedList items={renderErrorList(fieldErrors)} />}\n          {error && error instanceof APIError && <Components.Text>{error.message}</Components.Text>}\n          {error && error instanceof SDKValidationError && (\n            <Components.Text as=\"pre\">{error.pretty()}</Components.Text>\n          )}\n        </Components.Alert>\n      )}\n      {children}\n    </FadeIn>\n  )\n}\n\nexport interface BaseBoundariesProps {\n  children?: ReactNode\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n  onErrorBoundaryError?: (error: Error, info: ErrorInfo) => void\n}\n\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onErrorBoundaryError,\n}: BaseBoundariesProps) => {\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          <Suspense fallback={<LoaderComponent />}>{children}</Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","error","fieldErrors","baseSubmitHandler","setError","useBaseSubmit","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","componentEvents","jsx","BaseContext","BaseBoundaries","BaseLayout","Components","useComponentContext","t","useTranslation","FadeIn","jsxs","renderErrorList","APIError","SDKValidationError","QueryErrorResetBoundary","resetQueries","ErrorBoundary","Suspense"],"mappings":";;;;;;;;;;;;;;;;AAoCO,MAAMA,IAAgB,CAAyD;AAAA,EACpF,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,SAAAC;AACF,MAA4C;AAC1C,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,mBAAAC,GAAmB,UAAAC,EAAA,IAAaC,EAAA,GAEtD,EAAE,kBAAkBC,EAAA,IAAgCC,EAAA,GACpDC,IAAkBT,KAA6BO,GAE/CG,IAAuB,CAACR,MAAiB;AAC7C,IAAAD,EAAQU,EAAgB,OAAOT,CAAK;AAAA,EACtC;AAEA,SACE,gBAAAU;AAAA,IAACC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,OAAAX;AAAA,QACA,aAAAC;AAAA,QACA,UAAAE;AAAA,QACA,SAAAJ;AAAA,QACA,mBAAAG;AAAA,QACA,kBAAkBK;AAAA,MAAA;AAAA,MAGpB,UAAA,gBAAAG;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,mBAAAhB;AAAA,UACA,iBAAAW;AAAA,UACA,sBAAAC;AAAA,UAEA,UAAA,gBAAAE,EAACG,GAAA,EAAW,OAAAb,GAAc,aAAAC,GACvB,UAAAN,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN,GAQakB,IAAa,CAAC,EAAE,UAAAlB,GAAU,OAAAK,GAAO,aAAAC,QAAmC;AAC/E,QAAMa,IAAaC,EAAA,GACb,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAEd,2BACGC,GAAA,EACG,UAAA;AAAA,KAAAlB,KAASC,MACT,gBAAAkB,EAACL,EAAW,OAAX,EAAiB,OAAOE,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAA;AAAA,MAAAf,uBAAgBa,EAAW,eAAX,EAAyB,OAAOM,EAAgBnB,CAAW,GAAG;AAAA,MAC9ED,KAASA,aAAiBqB,KAAY,gBAAAX,EAACI,EAAW,MAAX,EAAiB,YAAM,SAAQ;AAAA,MACtEd,KAASA,aAAiBsB,KACzB,gBAAAZ,EAACI,EAAW,MAAX,EAAgB,IAAG,OAAO,UAAAd,EAAM,OAAA,EAAO,CAAE;AAAA,IAAA,GAE9C;AAAA,IAEDL;AAAA,EAAA,GACH;AAEJ,GASaiB,IAAiB,CAAC;AAAA,EAC7B,UAAAjB;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAiBC;AAAA,EACjB,sBAAAU;AACF,MAA2B;AACzB,QAAM,EAAE,kBAAkBH,EAAA,IAAgCC,EAAA,GACpDC,IAAkBT,KAA6BO;AAErD,2BACGkB,GAAA,EACE,UAAA,CAAC,EAAE,OAAOC,QACT,gBAAAd;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,mBAAA7B;AAAA,MACA,SAAS4B;AAAA,MACT,SAAShB;AAAA,MAET,4BAACkB,GAAA,EAAS,UAAU,gBAAAhB,EAACH,GAAA,EAAgB,GAAK,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAGzD;AAEJ;"}

package/dist/components/Base/index.d.ts

@@ -1,4 +1,4 @@
 import "./types/i18next.d.ts"
-export { BaseComponent, type BaseComponentInterface, type CommonComponentInterface } from './Base';
+export { BaseComponent, BaseBoundaries, type BaseComponentInterface, type CommonComponentInterface, } from './Base';
 export { createCompoundContext } from './createCompoundContext';
 export { useBase } from './useBase';

package/dist/components/Base/useBase.d.ts

@@ -7,10 +7,10 @@ import { LoadingIndicatorContextProps } from '../../contexts/LoadingIndicatorPro
 export type OnEventType<K, T> = (type: K, data?: T) => void;
 export type KnownErrors = APIError | SDKValidationError | UnprocessableEntityErrorObject;
 interface BaseContextProps {
+    error: KnownErrors | null;
     fieldErrors: Array<EntityErrorObject> | null;
     setError: (err: KnownErrors | null) => void;
     onEvent: OnEventType<EventType, unknown>;
-    throwError: (e: unknown) => void;
     baseSubmitHandler: <T>(formData: T, componentHandler: (payload: T) => Promise<void>) => Promise<void>;
     LoadingIndicator: LoadingIndicatorContextProps['LoadingIndicator'];
 }

package/dist/components/Base/useBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"useBase.js","sources":["../../../src/components/Base/useBase.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport type { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport type { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { type EventType } from '@/shared/constants'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\n\nexport type OnEventType<K, T> = (type: K, data?: T) => void\n\nexport type KnownErrors = APIError | SDKValidationError | UnprocessableEntityErrorObject\n\ninterface BaseContextProps {\n  fieldErrors: Array<EntityErrorObject> | null\n  setError: (err: KnownErrors | null) => void\n  onEvent: OnEventType<EventType, unknown>\n  throwError: (e: unknown) => void\n  baseSubmitHandler: <T>(\n    formData: T,\n    componentHandler: (payload: T) => Promise<void>,\n  ) => Promise<void>\n  LoadingIndicator: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport const BaseContext = createContext<BaseContextProps | undefined>(undefined)\n\nexport const useBase = () => {\n  const context = useContext(BaseContext)\n  if (!context) {\n    throw new Error('useBase must be used within a BaseProvider')\n  }\n  return context\n}\n"],"names":["BaseContext","createContext","useBase","context","useContext"],"mappings":";AAwBO,MAAMA,IAAcC,EAA4C,MAAS,GAEnEC,IAAU,MAAM;AAC3B,QAAMC,IAAUC,EAAWJ,CAAW;AACtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,4CAA4C;AAE9D,SAAOA;AACT;"}
+{"version":3,"file":"useBase.js","sources":["../../../src/components/Base/useBase.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport type { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport type { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { type EventType } from '@/shared/constants'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\n\nexport type OnEventType<K, T> = (type: K, data?: T) => void\n\nexport type KnownErrors = APIError | SDKValidationError | UnprocessableEntityErrorObject\n\ninterface BaseContextProps {\n  error: KnownErrors | null\n  fieldErrors: Array<EntityErrorObject> | null\n  setError: (err: KnownErrors | null) => void\n  onEvent: OnEventType<EventType, unknown>\n  baseSubmitHandler: <T>(\n    formData: T,\n    componentHandler: (payload: T) => Promise<void>,\n  ) => Promise<void>\n  LoadingIndicator: LoadingIndicatorContextProps['LoadingIndicator']\n}\n\nexport const BaseContext = createContext<BaseContextProps | undefined>(undefined)\n\nexport const useBase = () => {\n  const context = useContext(BaseContext)\n  if (!context) {\n    throw new Error('useBase must be used within a BaseProvider')\n  }\n  return context\n}\n"],"names":["BaseContext","createContext","useBase","context","useContext"],"mappings":";AAwBO,MAAMA,IAAcC,EAA4C,MAAS,GAEnEC,IAAU,MAAM;AAC3B,QAAMC,IAAUC,EAAWJ,CAAW;AACtC,MAAI,CAACG;AACH,UAAM,IAAI,MAAM,4CAA4C;AAE9D,SAAOA;AACT;"}

package/dist/components/Base/useBaseSubmit.d.ts

@@ -0,0 +1,10 @@
+import { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject';
+import { KnownErrors } from './useBase';
+type SubmitHandler<T> = (data: T) => Promise<void>;
+export declare const useBaseSubmit: () => {
+    baseSubmitHandler: <T>(data: T, componentHandler: SubmitHandler<T>) => Promise<void>;
+    error: KnownErrors | null;
+    fieldErrors: EntityErrorObject[] | null;
+    setError: (error: KnownErrors | null) => void;
+};
+export {};

package/dist/components/Base/useBaseSubmit.js

@@ -0,0 +1,33 @@
+import { useState as i, useCallback as a } from "react";
+import { APIError as E } from "@gusto/embedded-api/models/errors/apierror";
+import { SDKValidationError as p } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { UnprocessableEntityErrorObject as l } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { useAsyncError as b } from "../../hooks/useAsyncError.js";
+import { getFieldErrors as d } from "../../helpers/apiErrorToList.js";
+const H = () => {
+  const [c, t] = i(null), [f, s] = i(null), n = b(), m = a((r) => {
+    t(r), r || s(null);
+  }, []), u = (r) => {
+    t(r), r instanceof l && Array.isArray(r.errors) && s(r.errors.flatMap((e) => d(e)));
+  };
+  return {
+    baseSubmitHandler: a(
+      async (r, e) => {
+        t(null), s(null);
+        try {
+          await e(r);
+        } catch (o) {
+          o instanceof E || o instanceof p || o instanceof l ? u(o) : n(o);
+        }
+      },
+      [t, n]
+    ),
+    error: c,
+    fieldErrors: f,
+    setError: m
+  };
+};
+export {
+  H as useBaseSubmit
+};
+//# sourceMappingURL=useBaseSubmit.js.map

package/dist/components/Base/useBaseSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useBaseSubmit.js","sources":["../../../src/components/Base/useBaseSubmit.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { KnownErrors } from './useBase'\nimport { useAsyncError } from '@/hooks/useAsyncError'\nimport { getFieldErrors } from '@/helpers/apiErrorToList'\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const useBaseSubmit = () => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<EntityErrorObject[] | null>(null)\n  const throwError = useAsyncError()\n\n  // Enhanced setError that also clears fieldErrors when error is cleared\n  const setErrorWithFieldsClear = useCallback((error: KnownErrors | null) => {\n    setError(error)\n    if (!error) {\n      setFieldErrors(null)\n    }\n  }, [])\n\n  const processError = (error: KnownErrors) => {\n    setError(error)\n    //422\tapplication/json - content relaited error\n    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      setFieldErrors(error.errors.flatMap(err => getFieldErrors(err)))\n    }\n  }\n\n  const baseSubmitHandler = useCallback(\n    async <T>(data: T, componentHandler: SubmitHandler<T>) => {\n      setError(null)\n      setFieldErrors(null)\n      try {\n        await componentHandler(data)\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject\n        ) {\n          processError(err)\n        } else throwError(err)\n      }\n    },\n    [setError, throwError],\n  )\n\n  return {\n    baseSubmitHandler,\n    error,\n    fieldErrors,\n    setError: setErrorWithFieldsClear,\n  }\n}\n"],"names":["useBaseSubmit","error","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","setErrorWithFieldsClear","useCallback","processError","UnprocessableEntityErrorObject","getFieldErrors","err","data","componentHandler","APIError","SDKValidationError"],"mappings":";;;;;;AAWO,MAAMA,IAAgB,MAAM;AACjC,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,IAAI,GACrD,CAACC,GAAaC,CAAc,IAAIF,EAAqC,IAAI,GACzEG,IAAaC,EAAA,GAGbC,IAA0BC,EAAY,CAACR,MAA8B;AACzE,IAAAC,EAASD,CAAK,GACTA,KACHI,EAAe,IAAI;AAAA,EAEvB,GAAG,CAAA,CAAE,GAECK,IAAe,CAACT,MAAuB;AAC3C,IAAAC,EAASD,CAAK,GAEVA,aAAiBU,KAAkC,MAAM,QAAQV,EAAM,MAAM,KAC/EI,EAAeJ,EAAM,OAAO,QAAQ,OAAOW,EAAeC,CAAG,CAAC,CAAC;AAAA,EAEnE;AAqBA,SAAO;AAAA,IACL,mBApBwBJ;AAAA,MACxB,OAAUK,GAASC,MAAuC;AACxD,QAAAb,EAAS,IAAI,GACbG,EAAe,IAAI;AACnB,YAAI;AACF,gBAAMU,EAAiBD,CAAI;AAAA,QAC7B,SAASD,GAAK;AACZ,UACEA,aAAeG,KACfH,aAAeI,KACfJ,aAAeF,IAEfD,EAAaG,CAAG,MACAA,CAAG;AAAA,QACvB;AAAA,MACF;AAAA,MACA,CAACX,GAAUI,CAAU;AAAA,IAAA;AAAA,IAKrB,OAAAL;AAAA,IACA,aAAAG;AAAA,IACA,UAAUI;AAAA,EAAA;AAEd;"}

package/dist/components/Common/Fields/CheckboxField/CheckboxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxField.js","sources":["../../../../../src/components/Common/Fields/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps<boolean> {}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...checkboxProps\n}: CheckboxFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.Checkbox {...checkboxProps} {...fieldProps} />\n}\n"],"names":["CheckboxField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","checkboxProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}
+{"version":3,"file":"CheckboxField.js","sources":["../../../../../src/components/Common/Fields/CheckboxField/CheckboxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxProps } from '@/components/Common/UI/Checkbox/CheckboxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CheckboxFieldProps\n  extends Omit<CheckboxProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps<boolean> {}\n\nexport const CheckboxField: React.FC<CheckboxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...checkboxProps\n}: CheckboxFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.Checkbox {...checkboxProps} {...fieldProps} />\n}\n"],"names":["CheckboxField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","checkboxProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAA8C,CAAC;AAAA,EAC1D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA0B;AACxB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGG,GAAY;AACjE;"}

package/dist/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  description,\n  onBlur,\n  inputRef,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...checkboxGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","description","onBlur","inputRef","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAE;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAgE;AAAA,IACvF,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGD,GAAqB,GAAGK,GAAa,GAAGE,GAAkB;AACjG;"}
+{"version":3,"file":"CheckboxGroupField.js","sources":["../../../../../src/components/Common/Fields/CheckboxGroupField/CheckboxGroupField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { CheckboxGroupProps } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { CheckboxGroupOption } from '@/components/Common/UI/CheckboxGroup/CheckboxGroupTypes'\nimport {\n  useStringifyGenericFieldValueArray,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericCheckboxGroupOption<TValue> = OptionWithGenericValue<TValue, CheckboxGroupOption>\n\nexport interface CheckboxGroupFieldProps<TValue>\n  extends\n    Omit<CheckboxGroupProps, 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue[]> {\n  options: GenericCheckboxGroupOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const CheckboxGroupField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  description,\n  onBlur,\n  inputRef,\n  convertValueToString,\n  ...checkboxGroupProps\n}: CheckboxGroupFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValueArray<TValue, CheckboxGroupOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.CheckboxGroup {...checkboxGroupProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["CheckboxGroupField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","description","onBlur","inputRef","convertValueToString","checkboxGroupProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValueArray","jsx"],"mappings":";;;;AAmBO,MAAMA,IAAqB,CAAmB;AAAA,EACnD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,GAAGC;AACL,MAAuC;AACrC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAS;AAAA,IAClD,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAE;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKS,IAAmBC,EAAgE;AAAA,IACvF,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAL;AAAA,EAAA,CACD;AAED,SAAO,gBAAAU,EAACR,EAAW,eAAX,EAA0B,GAAGD,GAAqB,GAAGK,GAAa,GAAGE,GAAkB;AACjG;"}

package/dist/components/Common/Fields/ComboBoxField/ComboBoxField.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.ComboBox {...comboBoxProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAiBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAsD;AAAA,IAC7E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGK,GAAa,GAAGE,GAAkB;AACvF;"}
+{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends\n    Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.ComboBox {...comboBoxProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAsD;AAAA,IAC7E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGK,GAAa,GAAGE,GAAkB;AACvF;"}

package/dist/components/Common/Fields/DatePickerField/DatePickerField.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import React from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { normalizeDateToLocal } from '@/helpers/dateFormatting'\n\ninterface DatePickerFieldProps\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<Date | null> {}\n\nexport const DatePickerField: React.FC<DatePickerFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...datePickerProps\n}: DatePickerFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  /**\n   * Normalizes dates from any adapter to ensure they represent the intended local date,\n   * handling timezone issues that can occur when adapters use `new Date(dateString)`.\n   */\n  const handleTimezoneSafeChange = React.useCallback(\n    (value: Date | null) => {\n      // Normalize the date to ensure it represents the intended local date\n      const normalizedDate = normalizeDateToLocal(value)\n      fieldProps.onChange(normalizedDate)\n    },\n    [fieldProps],\n  )\n\n  return (\n    <Components.DatePicker\n      {...datePickerProps}\n      {...fieldProps}\n      onChange={handleTimezoneSafeChange}\n    />\n  )\n}\n"],"names":["DatePickerField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","datePickerProps","Components","useComponentContext","fieldProps","useField","handleTimezoneSafeChange","React","value","normalizedDate","normalizeDateToLocal","jsx"],"mappings":";;;;;AAUO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAMKM,IAA2BC,EAAM;AAAA,IACrC,CAACC,MAAuB;AAEtB,YAAMC,IAAiBC,EAAqBF,CAAK;AACjD,MAAAJ,EAAW,SAASK,CAAc;AAAA,IACpC;AAAA,IACA,CAACL,CAAU;AAAA,EAAA;AAGb,SACE,gBAAAO;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGG;AAAA,MACJ,UAAUE;AAAA,IAAA;AAAA,EAAA;AAGhB;"}
+{"version":3,"file":"DatePickerField.js","sources":["../../../../../src/components/Common/Fields/DatePickerField/DatePickerField.tsx"],"sourcesContent":["import React from 'react'\nimport { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { DatePickerProps } from '@/components/Common/UI/DatePicker/DatePickerTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { normalizeDateToLocal } from '@/helpers/dateFormatting'\n\ninterface DatePickerFieldProps\n  extends Omit<DatePickerProps, 'name' | 'onChange' | 'isInvalid'>, UseFieldProps<Date | null> {}\n\nexport const DatePickerField: React.FC<DatePickerFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...datePickerProps\n}: DatePickerFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  /**\n   * Normalizes dates from any adapter to ensure they represent the intended local date,\n   * handling timezone issues that can occur when adapters use `new Date(dateString)`.\n   */\n  const handleTimezoneSafeChange = React.useCallback(\n    (value: Date | null) => {\n      // Normalize the date to ensure it represents the intended local date\n      const normalizedDate = normalizeDateToLocal(value)\n      fieldProps.onChange(normalizedDate)\n    },\n    [fieldProps],\n  )\n\n  return (\n    <Components.DatePicker\n      {...datePickerProps}\n      {...fieldProps}\n      onChange={handleTimezoneSafeChange}\n    />\n  )\n}\n"],"names":["DatePickerField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","datePickerProps","Components","useComponentContext","fieldProps","useField","handleTimezoneSafeChange","React","value","normalizedDate","normalizeDateToLocal","jsx"],"mappings":";;;;;AASO,MAAMA,IAAkD,CAAC;AAAA,EAC9D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA4B;AAC1B,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAMKM,IAA2BC,EAAM;AAAA,IACrC,CAACC,MAAuB;AAEtB,YAAMC,IAAiBC,EAAqBF,CAAK;AACjD,MAAAJ,EAAW,SAASK,CAAc;AAAA,IACpC;AAAA,IACA,CAACL,CAAU;AAAA,EAAA;AAGb,SACE,gBAAAO;AAAA,IAACT,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGG;AAAA,MACJ,UAAUE;AAAA,IAAA;AAAA,EAAA;AAGhB;"}