@gusto/embedded-react-sdk 0.31.1 → 0.32.0

package/CHANGELOG.md

@@ -1,5 +1,45 @@
 # Changelog
 
+## 0.32.0
+
+### Features & Enhancements
+
+- Add OffCycleCreation component and wire into flow
+- Add off-cycle deduction settings
+- Add off-cycle tax withholding table and modal
+- Add Box UI component
+- Add footer support to Box, update landing component styles
+- Add maxlength to text input, enforce auth document number values
+- Add eligibility status alert with back navigation on I-9 signature form
+- Remove helper text from RFI alert
+- Auto-derived endpoint inventory with CI verification
+- Introduce Playwright for e2e testing
+
+### Fixes
+
+- Remove needsI9Form from machine useMemo deps to prevent recreation after signing
+- Wire up off-cycle deductions to presentation
+- Fix contractor payment validation and ACH speed messaging
+- Fix preparer remove buttons and restore form signing gate
+- Handle payroll submit error when RFI blocker is active
+- Update UX for non-blocking payrolls
+- Always show navigation CTA for actionable payroll blockers
+- Fix typo for form completion alert on employee documents
+- Clean up error message handling and create fallbacks
+
+### Chores & Maintenance
+
+- Create a full dev reset command
+- Bump globals from 17.3.0 to 17.4.0
+- Bump lint-staged from 16.2.7 to 16.3.1
+- Bump @storybook/addon-a11y from 10.2.12 to 10.2.13
+- Bump @storybook/addon-docs from 10.2.12 to 10.2.13
+- Bump @storybook/addon-onboarding from 10.2.12 to 10.2.13
+- Bump @storybook/react-vite from 10.2.12 to 10.2.13
+- Bump eslint-plugin-storybook from 10.2.12 to 10.2.13
+- Bump minimatch from 3.1.2 to 3.1.5
+- Bump rollup from 4.53.5 to 4.59.0
+
 ## 0.31.1
 
 ### Fixes

package/dist/assets/icons/icon-arrow-right.svg.js

@@ -0,0 +1,10 @@
+import * as e from "react";
+const n = ({
+  title: t,
+  titleId: o,
+  ...r
+}) => /* @__PURE__ */ e.createElement("svg", { width: 20, height: 20, viewBox: "0 0 20 20", 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: "M4.16666 9.99999H15.8333M15.8333 9.99999L9.99999 4.16666M15.8333 9.99999L9.99999 15.8333", stroke: "#A4A7AE", strokeWidth: 1.66667, strokeLinecap: "round", strokeLinejoin: "round" }));
+export {
+  n as default
+};
+//# sourceMappingURL=icon-arrow-right.svg.js.map

package/dist/assets/icons/icon-arrow-right.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-arrow-right.svg.js","sources":["../../../src/assets/icons/icon-arrow-right.svg?react"],"sourcesContent":["import * as React from \"react\";\nconst SvgIconArrowRight = ({\n  title,\n  titleId,\n  ...props\n}) => /* @__PURE__ */ React.createElement(\"svg\", { width: 20, height: 20, viewBox: \"0 0 20 20\", 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: \"M4.16666 9.99999H15.8333M15.8333 9.99999L9.99999 4.16666M15.8333 9.99999L9.99999 15.8333\", stroke: \"#A4A7AE\", strokeWidth: 1.66667, strokeLinecap: \"round\", strokeLinejoin: \"round\" }));\nexport default SvgIconArrowRight;\n"],"names":["SvgIconArrowRight","title","titleId","props","React"],"mappings":";AACK,MAACA,IAAoB,CAAC;AAAA,EACzB,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,4FAA4F,QAAQ,WAAW,aAAa,SAAS,eAAe,SAAS,gBAAgB,SAAS,CAAC;"}

package/dist/components/Base/Base.js

@@ -1,79 +1,80 @@
 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 { Suspense as L } from "react";
+import { ErrorBoundary as C } from "react-error-boundary";
+import { useTranslation as h } from "react-i18next";
+import { GustoEmbeddedError as B } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { SDKValidationError as x } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { QueryErrorResetBoundary as I } from "@tanstack/react-query";
+import { FadeIn as b } from "../Common/FadeIn/FadeIn.js";
+import { BaseContext as g } from "./useBase.js";
+import { useBaseSubmit as y } from "./useBaseSubmit.js";
 import { componentEvents as R } from "../../shared/constants.js";
+import "classnames";
 import { InternalError as c } from "../Common/InternalError/InternalError.js";
-import { useComponentContext as S } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { useComponentContext as F } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import { useLoadingIndicator as p } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { renderErrorList as F } from "../../helpers/apiErrorToList.js";
-const J = ({
-  children: i,
-  FallbackComponent: o = c,
-  LoaderComponent: n,
-  onEvent: t
+import { renderErrorList as S } from "../../helpers/apiErrorToList.js";
+const M = ({
+  children: s,
+  FallbackComponent: n = c,
+  LoaderComponent: e,
+  onEvent: o
 }) => {
-  const { error: e, fieldErrors: s, baseSubmitHandler: a, setError: u } = b(), { LoadingIndicator: f } = p(), m = n ?? f, l = (L) => {
-    t(R.ERROR, L);
+  const { error: i, fieldErrors: t, baseSubmitHandler: a, setError: l } = y(), { LoadingIndicator: u } = p(), m = e ?? u, f = (E) => {
+    o(R.ERROR, E);
   };
   return /* @__PURE__ */ r(
-    y.Provider,
+    g.Provider,
     {
       value: {
-        error: e,
-        fieldErrors: s,
-        setError: u,
-        onEvent: t,
+        error: i,
+        fieldErrors: t,
+        setError: l,
+        onEvent: o,
         baseSubmitHandler: a,
         LoadingIndicator: m
       },
       children: /* @__PURE__ */ r(
         j,
         {
-          FallbackComponent: o,
+          FallbackComponent: n,
           LoaderComponent: m,
-          onErrorBoundaryError: l,
-          children: /* @__PURE__ */ r(T, { error: e, fieldErrors: s, children: i })
+          onErrorBoundaryError: f,
+          children: /* @__PURE__ */ r(T, { error: i, fieldErrors: t, children: s })
         }
       )
     }
   );
-}, 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() })
+}, T = ({ children: s, error: n, fieldErrors: e }) => {
+  const o = F(), { t: i } = h(), t = !!e?.length;
+  return /* @__PURE__ */ d(b, { children: [
+    (n || e) && /* @__PURE__ */ d(o.Alert, { label: i("status.errorEncountered"), status: "error", children: [
+      t && /* @__PURE__ */ r(o.UnorderedList, { items: S(e) }),
+      !t && n instanceof B && /* @__PURE__ */ r(o.Text, { children: i("errors.unknownError") }),
+      !t && n instanceof x && /* @__PURE__ */ r(o.Text, { as: "pre", children: n.pretty() })
     ] }),
-    i
+    s
   ] });
 }, j = ({
-  children: i,
-  FallbackComponent: o = c,
-  LoaderComponent: n,
-  onErrorBoundaryError: t
+  children: s,
+  FallbackComponent: n = c,
+  LoaderComponent: e,
+  onErrorBoundaryError: o
 }) => {
-  const { LoadingIndicator: e } = p(), s = n ?? e;
-  return /* @__PURE__ */ r(h, { children: ({ reset: a }) => /* @__PURE__ */ r(
-    E,
+  const { LoadingIndicator: i } = p(), t = e ?? i;
+  return /* @__PURE__ */ r(I, { children: ({ reset: a }) => /* @__PURE__ */ r(
+    C,
     {
-      FallbackComponent: o,
+      FallbackComponent: n,
       onReset: a,
-      onError: t,
-      children: /* @__PURE__ */ r(C, { fallback: /* @__PURE__ */ r(s, {}), children: i })
+      onError: o,
+      children: /* @__PURE__ */ r(L, { fallback: /* @__PURE__ */ r(t, {}), children: s })
     }
   ) });
 };
 export {
   j as BaseBoundaries,
-  J as BaseComponent,
+  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, 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: unknown) => {\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: unknown, 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,MAAmB;AAC/C,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;"}
+{"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 { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\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: unknown) => {\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  const hasDisplayableFieldErrors = Boolean(fieldErrors?.length)\n\n  return (\n    <FadeIn>\n      {(error || fieldErrors) && (\n        <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n          {hasDisplayableFieldErrors && (\n            <Components.UnorderedList items={renderErrorList(fieldErrors!)} />\n          )}\n          {!hasDisplayableFieldErrors && error instanceof GustoEmbeddedError && (\n            <Components.Text>{t('errors.unknownError')}</Components.Text>\n          )}\n          {!hasDisplayableFieldErrors && 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: unknown, 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","hasDisplayableFieldErrors","FadeIn","jsxs","renderErrorList","GustoEmbeddedError","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,MAAmB;AAC/C,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,GACRC,IAA4B,EAAQjB,GAAa;AAEvD,2BACGkB,GAAA,EACG,UAAA;AAAA,KAAAnB,KAASC,MACT,gBAAAmB,EAACN,EAAW,OAAX,EAAiB,OAAOE,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAA;AAAA,MAAAE,uBACEJ,EAAW,eAAX,EAAyB,OAAOO,EAAgBpB,CAAY,GAAG;AAAA,MAEjE,CAACiB,KAA6BlB,aAAiBsB,KAC9C,gBAAAZ,EAACI,EAAW,MAAX,EAAiB,UAAAE,EAAE,qBAAqB,EAAA,CAAE;AAAA,MAE5C,CAACE,KAA6BlB,aAAiBuB,KAC9C,gBAAAb,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,2BACGmB,GAAA,EACE,UAAA,CAAC,EAAE,OAAOC,QACT,gBAAAf;AAAA,IAACgB;AAAA,IAAA;AAAA,MACC,mBAAA9B;AAAA,MACA,SAAS6B;AAAA,MACT,SAASjB;AAAA,MAET,4BAACmB,GAAA,EAAS,UAAU,gBAAAjB,EAACH,GAAA,EAAgB,GAAK,UAAAZ,EAAA,CAAS;AAAA,IAAA;AAAA,EAAA,GAGzD;AAEJ;"}

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

@@ -1,11 +1,10 @@
-import { APIError } from '@gusto/embedded-api/models/errors/apierror';
+import { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror';
 import { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror';
-import { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject';
 import { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject';
 import { EventType } from '../../shared/constants';
 import { LoadingIndicatorContextProps } from '../../contexts/LoadingIndicatorProvider/useLoadingIndicator';
 export type OnEventType<K, T> = (type: K, data?: T) => void;
-export type KnownErrors = APIError | SDKValidationError | UnprocessableEntityErrorObject;
+export type KnownErrors = GustoEmbeddedError | SDKValidationError;
 interface BaseContextProps {
     error: KnownErrors | null;
     fieldErrors: Array<EntityErrorObject> | null;

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  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;"}
+{"version":3,"file":"useBase.js","sources":["../../../src/components/Base/useBase.tsx"],"sourcesContent":["import { createContext, useContext } from 'react'\nimport type { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\nimport type { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\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 = GustoEmbeddedError | SDKValidationError\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":";AAuBO,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.js

@@ -1,30 +1,43 @@
-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";
+import { useState as i, useCallback as l } from "react";
+import { APIError as p } from "@gusto/embedded-api/models/errors/apierror";
+import { GustoEmbeddedError as d } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { SDKValidationError as b } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { UnprocessableEntityErrorObject as c } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { useAsyncError as y } from "../../hooks/useAsyncError.js";
+import { getFieldErrors as g } 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)));
+  const [m, s] = i(null), [f, t] = i(null), n = y(), E = l((e) => {
+    s(e), e || t(null);
+  }, []), u = (e) => {
+    if (s(e), e instanceof c && Array.isArray(e.errors)) {
+      const a = e.errors.flatMap((r) => g(r));
+      if (a.length > 0)
+        t(a);
+      else {
+        const r = e.errors.filter((o) => o.message).map((o) => ({
+          errorKey: o.errorKey,
+          message: o.message ?? "",
+          category: o.category
+        }));
+        r.length > 0 && t(r);
+      }
+    }
   };
   return {
-    baseSubmitHandler: a(
-      async (r, e) => {
-        t(null), s(null);
+    baseSubmitHandler: l(
+      async (e, a) => {
+        s(null), t(null);
         try {
-          await e(r);
-        } catch (o) {
-          o instanceof E || o instanceof p || o instanceof l ? u(o) : n(o);
+          await a(e);
+        } catch (r) {
+          r instanceof p || r instanceof b || r instanceof c || r instanceof d ? u(r) : n(r);
         }
       },
-      [t, n]
+      [s, n]
     ),
-    error: c,
+    error: m,
     fieldErrors: f,
-    setError: m
+    setError: E
   };
 };
 export {

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

@@ -1 +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;"}
+{"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 { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror'\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    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      const parsed = error.errors.flatMap(err => getFieldErrors(err))\n      if (parsed.length > 0) {\n        setFieldErrors(parsed)\n      } else {\n        const fallbackErrors: EntityErrorObject[] = error.errors\n          .filter(err => err.message)\n          .map(err => ({\n            errorKey: err.errorKey,\n            message: err.message ?? '',\n            category: err.category,\n          }))\n        if (fallbackErrors.length > 0) {\n          setFieldErrors(fallbackErrors)\n        }\n      }\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          err instanceof GustoEmbeddedError\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","parsed","err","getFieldErrors","fallbackErrors","data","componentHandler","APIError","SDKValidationError","GustoEmbeddedError"],"mappings":";;;;;;;AAYO,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;AAE3C,QADAC,EAASD,CAAK,GACVA,aAAiBU,KAAkC,MAAM,QAAQV,EAAM,MAAM,GAAG;AAClF,YAAMW,IAASX,EAAM,OAAO,QAAQ,CAAAY,MAAOC,EAAeD,CAAG,CAAC;AAC9D,UAAID,EAAO,SAAS;AAClB,QAAAP,EAAeO,CAAM;AAAA,WAChB;AACL,cAAMG,IAAsCd,EAAM,OAC/C,OAAO,OAAOY,EAAI,OAAO,EACzB,IAAI,CAAAA,OAAQ;AAAA,UACX,UAAUA,EAAI;AAAA,UACd,SAASA,EAAI,WAAW;AAAA,UACxB,UAAUA,EAAI;AAAA,QAAA,EACd;AACJ,QAAIE,EAAe,SAAS,KAC1BV,EAAeU,CAAc;AAAA,MAEjC;AAAA,IACF;AAAA,EACF;AAsBA,SAAO;AAAA,IACL,mBArBwBN;AAAA,MACxB,OAAUO,GAASC,MAAuC;AACxD,QAAAf,EAAS,IAAI,GACbG,EAAe,IAAI;AACnB,YAAI;AACF,gBAAMY,EAAiBD,CAAI;AAAA,QAC7B,SAASH,GAAK;AACZ,UACEA,aAAeK,KACfL,aAAeM,KACfN,aAAeF,KACfE,aAAeO,IAEfV,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/DataView/DataView.js

@@ -4,7 +4,7 @@ import { PaginationControl as w } from "../PaginationControl/PaginationControl.j
 import x from "./DataView.module.scss.js";
 import { DataTable as h } from "./DataTable/DataTable.js";
 import { DataCards as j } from "./DataCards/DataCards.js";
-import { useContainerBreakpoints as v } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import v from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 const P = ({
   pagination: t,
   isFetching: s,

package/dist/components/Common/DocumentList/DocumentList.js

@@ -1,4 +1,4 @@
-import { jsxs as g, jsx as t, Fragment as h } from "react/jsx-runtime";
+import { jsxs as g, Fragment as h, jsx as t } from "react/jsx-runtime";
 import { EmptyData as f } from "../EmptyData/EmptyData.js";
 import n from "./DocumentList.module.scss.js";
 import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";

package/dist/components/Common/DocumentViewer/DocumentViewer.js

@@ -2,7 +2,7 @@ import { jsx as e, jsxs as s } from "react/jsx-runtime";
 import { useRef as p } from "react";
 import { Flex as i } from "../Flex/Flex.js";
 import n from "./DocumentViewer.module.scss.js";
-import { useContainerBreakpoints as h } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import h from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 function k({
   url: a,

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.js

@@ -5,7 +5,7 @@ import { useComponentContext as u } from "../../../contexts/ComponentAdapter/use
 import { componentEvents as B } from "../../../shared/constants.js";
 import { useI18n as k } from "../../../i18n/I18n.js";
 import { useLocale as g } from "../../../contexts/LocaleProvider/useLocale.js";
-import { useContainerBreakpoints as R } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import R from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useDateFormatter as V } from "../../../hooks/useDateFormatter.js";
 function Y({
   breadcrumbs: a,

package/dist/components/Common/RequirementsList/RequirementsList.js

@@ -14,7 +14,7 @@ const N = ({ requirements: n }) => {
       items: n.sort((t, r) => t.completed ? -1 : 1).map((t, r) => /* @__PURE__ */ s("div", { className: i.listItem, children: [
         t.completed ? /* @__PURE__ */ e("div", { className: l(i.listItemIcon, i.success), children: /* @__PURE__ */ e(p, { width: 16, height: 16 }) }) : /* @__PURE__ */ e("div", { className: i.listItemIcon, children: r + 1 }),
         /* @__PURE__ */ s(m, { flexDirection: "column", gap: 0, children: [
-          /* @__PURE__ */ e(o.Heading, { as: "h4", children: t.title }),
+          /* @__PURE__ */ e(o.Text, { size: "md", weight: "medium", children: t.title }),
           /* @__PURE__ */ e(o.Text, { variant: "supporting", children: t.description })
         ] })
       ] }, `${c}-${r}-${t.description}`))

package/dist/components/Common/RequirementsList/RequirementsList.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <Components.UnorderedList\n        className={styles.list}\n        items={requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <div key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Heading as=\"h4\">{step.title}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </div>\n            )\n          })}\n      />\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","Flex","jsx","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAA,GACbC,IAAKC,EAAA;AAEX,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAC;AAAA,IAACL,EAAW;AAAA,IAAX;AAAA,MACC,WAAWM,EAAO;AAAA,MAClB,OAAOP,EACJ,KAAK,CAACQ,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAER,gBAAAC,EAAC,OAAA,EAA2C,WAAWL,EAAO,UAC3D,UAAA;AAAA,QAAAG,EAAK,YACJ,gBAAAJ,EAAC,OAAA,EAAI,WAAWO,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAA,gBAAAD,EAACQ,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACvC,IAEA,gBAAAR,EAAC,SAAI,WAAWC,EAAO,cAAe,UAAAI,IAAI,EAAA,CAAE;AAAA,QAE9C,gBAAAC,EAACP,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACL,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,OAAM;AAAA,4BACvCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAA,CAAY;AAAA,QAAA,EAAA,CAC1D;AAAA,MAAA,KAXQ,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAYxC,CAEH;AAAA,IAAA;AAAA,EAAA,GAEP;AAEJ;"}
+{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <Components.UnorderedList\n        className={styles.list}\n        items={requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <div key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Text size=\"md\" weight=\"medium\">\n                    {step.title}\n                  </Components.Text>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </div>\n            )\n          })}\n      />\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","Flex","jsx","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAA,GACbC,IAAKC,EAAA;AAEX,2BACGC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAC;AAAA,IAACL,EAAW;AAAA,IAAX;AAAA,MACC,WAAWM,EAAO;AAAA,MAClB,OAAOP,EACJ,KAAK,CAACQ,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAER,gBAAAC,EAAC,OAAA,EAA2C,WAAWL,EAAO,UAC3D,UAAA;AAAA,QAAAG,EAAK,YACJ,gBAAAJ,EAAC,OAAA,EAAI,WAAWO,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAA,gBAAAD,EAACQ,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACvC,IAEA,gBAAAR,EAAC,SAAI,WAAWC,EAAO,cAAe,UAAAI,IAAI,EAAA,CAAE;AAAA,QAE9C,gBAAAC,EAACP,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,UAAA,gBAAAC,EAACL,EAAW,MAAX,EAAgB,MAAK,MAAK,QAAO,UAC/B,YAAK,MAAA,CACR;AAAA,4BACCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAA,CAAY;AAAA,QAAA,EAAA,CAC1D;AAAA,MAAA,KAbQ,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAcxC,CAEH;AAAA,IAAA;AAAA,EAAA,GAEP;AAEJ;"}

package/dist/components/Common/RequirementsList/RequirementsList.module.scss.js

@@ -1,4 +1,4 @@
-const s = "_list_1bks2_1", t = "_listItem_1bks2_12", c = "_listItemIcon_1bks2_29", e = "_success_1bks2_42", _ = {
+const s = "_list_1jkqq_1", t = "_listItem_1jkqq_12", c = "_listItemIcon_1jkqq_29", e = "_success_1jkqq_43", _ = {
   list: s,
   listItem: t,
   listItemIcon: c,

package/dist/components/Common/SignatureForm/SignatureForm.js

@@ -2,28 +2,30 @@ import { jsx as r } from "react/jsx-runtime";
 import { z as o } from "zod";
 import { useForm as s, FormProvider as a } from "react-hook-form";
 import { zodResolver as l } from "@hookform/resolvers/zod";
-import t from "./SignatureForm.module.scss.js";
+import e from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
 import "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-const f = o.object({
+const p = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
-}), p = {
+}), f = {
   signature: ""
 };
-function D({ onSubmit: m, children: i, formProps: n }) {
-  const e = s({
-    resolver: l(f),
-    defaultValues: p,
+function V({ onSubmit: m, children: i, formProps: n }) {
+  const t = s({
+    resolver: l(p),
+    defaultValues: f,
     ...n
   });
-  return /* @__PURE__ */ r(a, { ...e, children: /* @__PURE__ */ r(u, { onSubmit: e.handleSubmit(m), className: t.container, children: /* @__PURE__ */ r("div", { className: t.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
+  return /* @__PURE__ */ r(a, { ...t, children: /* @__PURE__ */ r(u, { onSubmit: t.handleSubmit(m), className: e.container, children: /* @__PURE__ */ r("div", { className: e.formFields, children: /* @__PURE__ */ r(c, { flexDirection: "column", gap: 20, children: i }) }) }) });
 }
 export {
-  D as SignatureForm,
-  f as SignatureFormSchema
+  V as SignatureForm,
+  p as SignatureFormSchema
 };
 //# sourceMappingURL=SignatureForm.js.map

package/dist/components/Common/SignatureForm/SignatureForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}
+{"version":3,"file":"SignatureForm.js","sources":["../../../../src/components/Common/SignatureForm/SignatureForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm, type UseFormProps } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport styles from './SignatureForm.module.scss'\nimport { Form } from '@/components/Common/Form'\nimport { Flex } from '@/components/Common'\n\nexport const SignatureFormSchema = z.object({\n  signature: z.string().min(1),\n  confirmSignature: z.literal(true),\n})\n\nconst signatureFormDefaultValues = {\n  signature: '',\n}\n\nexport type SignatureFormInputs = z.infer<typeof SignatureFormSchema>\n\ninterface SignatureFormProps {\n  onSubmit: (data: SignatureFormInputs) => void | Promise<void>\n  children?: React.ReactNode\n  formProps?: Partial<UseFormProps<SignatureFormInputs>>\n}\n\nexport function SignatureForm({ onSubmit, children, formProps }: SignatureFormProps) {\n  const methods = useForm<SignatureFormInputs>({\n    resolver: zodResolver(SignatureFormSchema),\n    defaultValues: signatureFormDefaultValues,\n    ...formProps,\n  })\n\n  return (\n    <FormProvider {...methods}>\n      <Form onSubmit={methods.handleSubmit(onSubmit)} className={styles.container}>\n        <div className={styles.formFields}>\n          <Flex flexDirection=\"column\" gap={20}>\n            {children}\n          </Flex>\n        </div>\n      </Form>\n    </FormProvider>\n  )\n}\n"],"names":["SignatureFormSchema","z","signatureFormDefaultValues","SignatureForm","onSubmit","children","formProps","methods","useForm","zodResolver","jsx","FormProvider","Form","styles","Flex"],"mappings":";;;;;;;;;;;;AAOO,MAAMA,IAAsBC,EAAE,OAAO;AAAA,EAC1C,WAAWA,EAAE,SAAS,IAAI,CAAC;AAAA,EAC3B,kBAAkBA,EAAE,QAAQ,EAAI;AAClC,CAAC,GAEKC,IAA6B;AAAA,EACjC,WAAW;AACb;AAUO,SAASC,EAAc,EAAE,UAAAC,GAAU,UAAAC,GAAU,WAAAC,KAAiC;AACnF,QAAMC,IAAUC,EAA6B;AAAA,IAC3C,UAAUC,EAAYT,CAAmB;AAAA,IACzC,eAAeE;AAAA,IACf,GAAGI;AAAA,EAAA,CACJ;AAED,SACE,gBAAAI,EAACC,GAAA,EAAc,GAAGJ,GAChB,UAAA,gBAAAG,EAACE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAA,EAAK,eAAc,UAAS,KAAK,IAC/B,UAAAT,EAAA,CACH,EAAA,CACF,EAAA,CACF,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormActions.js

@@ -1,10 +1,11 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import "../../../shared/constants.js";
+import "classnames";
 import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
 import "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-function x({
+function y({
   onBack: t,
   backLabel: r,
   submitLabel: i,
@@ -17,6 +18,6 @@ function x({
   ] });
 }
 export {
-  x as SignatureFormActions
+  y as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

package/dist/components/Common/SignatureForm/SignatureFormActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Common/SignatureForm/SignatureFormFields.js

@@ -1,11 +1,12 @@
 import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "../../../shared/constants.js";
+import "classnames";
+import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
-import { CheckboxField as p } from "../Fields/CheckboxField/CheckboxField.js";
-function F({
+import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
+function b({
   signatureLabel: e,
   signatureDescription: i = "",
   signatureError: t = "",
@@ -14,7 +15,7 @@ function F({
 }) {
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ r(
-      a,
+      p,
       {
         name: "signature",
         label: e,
@@ -24,7 +25,7 @@ function F({
       }
     ),
     /* @__PURE__ */ r(
-      p,
+      a,
       {
         name: "confirmSignature",
         isRequired: !0,
@@ -35,6 +36,6 @@ function F({
   ] });
 }
 export {
-  F as SignatureFormFields
+  b as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

package/dist/components/Common/SignatureForm/SignatureFormFields.js.map

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

package/dist/components/Common/UI/Box/Box.d.ts

@@ -0,0 +1,2 @@
+import { BoxProps } from './BoxTypes';
+export declare function Box({ children, footer, className }: BoxProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/Box/Box.js

@@ -0,0 +1,13 @@
+import { jsxs as e, jsx as a } from "react/jsx-runtime";
+import i from "classnames";
+import o from "./Box.module.scss.js";
+function c({ children: r, footer: s, className: t }) {
+  return /* @__PURE__ */ e("div", { className: i(o.boxContainer, t), "data-testid": "data-box", children: [
+    /* @__PURE__ */ a("div", { className: o.boxBody, children: r }),
+    s && /* @__PURE__ */ a("div", { className: o.boxFooter, children: s })
+  ] });
+}
+export {
+  c as Box
+};
+//# sourceMappingURL=Box.js.map

package/dist/components/Common/UI/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":["../../../../../src/components/Common/UI/Box/Box.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './Box.module.scss'\nimport { type BoxProps } from '@/components/Common/UI/Box/BoxTypes'\n\nexport function Box({ children, footer, className }: BoxProps) {\n  return (\n    <div className={cn(styles.boxContainer, className)} data-testid=\"data-box\">\n      <div className={styles.boxBody}>{children}</div>\n      {footer && <div className={styles.boxFooter}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["Box","children","footer","className","jsxs","cn","styles","jsx"],"mappings":";;;AAIO,SAASA,EAAI,EAAE,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,KAAuB;AAC7D,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,cAAcH,CAAS,GAAG,eAAY,YAC9D,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAL,GAAS;AAAA,IACzCC,KAAU,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,WAAY,UAAAJ,EAAA,CAAO;AAAA,EAAA,GACvD;AAEJ;"}

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

@@ -0,0 +1,12 @@
+const o = "_boxContainer_147eq_1", t = "_boxBody_147eq_9", e = "_boxFooter_147eq_13", n = {
+  boxContainer: o,
+  boxBody: t,
+  boxFooter: e
+};
+export {
+  t as boxBody,
+  o as boxContainer,
+  e as boxFooter,
+  n as default
+};
+//# sourceMappingURL=Box.module.scss.js.map

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

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