@gusto/embedded-react-sdk 0.36.0 → 0.37.0-rc.1

package/CHANGELOG.md

@@ -1,5 +1,27 @@
 # Changelog
 
+## 0.37.0
+
+### Features & Enhancements
+
+- Add termination, dismissal, and transition payroll flows
+- Add UNSTABLE_Hooks with form hook infrastructure
+- Introduce unified SDKError type and ObservabilityError extension
+- Add section dividers and headings to off-cycle and transition creation
+
+### Fixes
+
+- Fix off-cycle, dismissal, and transition payroll bugs
+- Fix PayrollConfiguration calculate/polling flow
+- Fix hourly inputs visibility and payroll cache invalidation
+- Include off-cycle and external payrolls in list and history views
+
+### Chores & Maintenance
+
+- Add E2E tests for dismissal and transition payroll flows
+- Fix minimatch ReDoS vulnerability (CVE-2026-27903)
+- Dependency bumps (storybook 10.3.1, i18next, react-i18next, msw, and more)
+
 ## 0.36.0
 
 ### Features & Enhancements

package/dist/UNSTABLE_Hooks.d.ts

@@ -1 +1 @@
-export { PayrollConfiguration, PayrollConfigurationProvider, usePayrollConfiguration, type PayrollConfigurationContextValue, } from './components/Payroll/UNSTABLE_PayrollHooks';
+export { useCompensationForm, type UseCompensationFormProps, type UseCompensationFormResult, type UseCompensationFormReady, type HookLoadingResult, type HookErrors, type FieldMetadata, type FieldMetadataWithOptions, useFieldsMetadata, useFieldErrorMessage, } from './components/UNSTABLE_Hooks';

package/dist/UNSTABLE_Hooks.js

@@ -1,9 +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";
+import { useCompensationForm as r } from "./components/UNSTABLE_Hooks/hooks/useCompensationForm/useCompensationForm.js";
+import { useFieldErrorMessage as t } from "./components/UNSTABLE_Hooks/form/useFieldErrorMessage.js";
+import { useFieldsMetadata as m } from "./components/UNSTABLE_Hooks/form/useFieldsMetadata.js";
 export {
-  i as PayrollConfiguration,
-  f as PayrollConfigurationProvider,
-  n as usePayrollConfiguration
+  r as useCompensationForm,
+  t as useFieldErrorMessage,
+  m as useFieldsMetadata
 };
 //# sourceMappingURL=UNSTABLE_Hooks.js.map

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

@@ -1,10 +1,10 @@
 import { ReactNode, JSX, ErrorInfo } from 'react';
 import { FallbackProps } from 'react-error-boundary';
-import { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject';
-import { KnownErrors, OnEventType } from './useBase';
+import { OnEventType } from './useBase';
 import { EventType } from '../../shared/constants';
 import { ResourceDictionary, Resources } from '../../types/Helpers';
 import { LoadingIndicatorContextProps } from '../../contexts/LoadingIndicatorProvider/useLoadingIndicator';
+import { SDKError } from '../../types/sdkError';
 export interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {
     children?: ReactNode;
     className?: string;
@@ -13,25 +13,23 @@ export interface CommonComponentInterface<TResourceKey extends keyof Resources =
 }
 export interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources> extends CommonComponentInterface<TResourceKey> {
     FallbackComponent?: BaseBoundariesProps['FallbackComponent'];
-    LoaderComponent?: BaseBoundariesProps['LoaderComponent'];
+    LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];
     onEvent: OnEventType<EventType, unknown>;
 }
 interface InternalBaseComponentProps {
     componentName?: string;
 }
 export declare const BaseComponent: <TResourceKey extends keyof Resources = keyof Resources>({ children, FallbackComponent, LoaderComponent: LoadingIndicatorFromProps, onEvent, componentName, }: BaseComponentInterface<TResourceKey> & InternalBaseComponentProps) => import("react/jsx-runtime").JSX.Element;
-interface BaseLayoutProps {
+export interface BaseLayoutProps {
     children?: ReactNode;
-    error: KnownErrors | null;
-    fieldErrors: Array<EntityErrorObject> | null;
+    error?: SDKError | SDKError[] | null;
+    isLoading?: boolean;
 }
-export declare const BaseLayout: ({ children, error, fieldErrors }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseLayout: ({ children, error, isLoading }: BaseLayoutProps) => import("react/jsx-runtime").JSX.Element;
 export interface BaseBoundariesProps {
     children?: ReactNode;
     FallbackComponent?: (props: FallbackProps) => JSX.Element;
-    LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator'];
     onErrorBoundaryError?: (error: unknown, info: ErrorInfo) => void;
-    componentName?: string;
 }
-export declare const BaseBoundaries: ({ children, FallbackComponent, LoaderComponent: LoadingIndicatorFromProps, onErrorBoundaryError, componentName, }: BaseBoundariesProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseBoundaries: ({ children, FallbackComponent, onErrorBoundaryError, }: BaseBoundariesProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Base/Base.js

@@ -1,126 +1,147 @@
-import { jsx as s, jsxs as l } from "react/jsx-runtime";
-import { Suspense as x, useRef as u, useEffect as f } from "react";
+import { jsx as n, jsxs as m } from "react/jsx-runtime";
+import { Suspense as v, useRef as c, useEffect as p } from "react";
 import { ErrorBoundary as B } from "react-error-boundary";
-import { useTranslation as k } from "react-i18next";
-import { GustoEmbeddedError as v } from "@gusto/embedded-api/models/errors/gustoembeddederror";
-import { SDKValidationError as I } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { QueryErrorResetBoundary as R } from "@tanstack/react-query";
-import { FadeIn as S } from "../Common/FadeIn/FadeIn.js";
-import { BaseContext as w } from "./useBase.js";
-import { useBaseSubmit as D } from "./useBaseSubmit.js";
-import { componentEvents as F } from "../../shared/constants.js";
+import { useTranslation as f } from "react-i18next";
+import { QueryErrorResetBoundary as k } from "@tanstack/react-query";
+import { FadeIn as R } from "../Common/FadeIn/FadeIn.js";
+import { BaseContext as S } from "./useBase.js";
+import { useBaseSubmit as x } from "./useBaseSubmit.js";
+import { componentEvents as I } from "../../shared/constants.js";
 import "classnames";
-import { InternalError as E } from "../Common/InternalError/InternalError.js";
-import { useComponentContext as T } from "../../contexts/ComponentAdapter/useComponentContext.js";
-import { useLoadingIndicator as L } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
-import { useObservability as g } from "../../contexts/ObservabilityProvider/useObservability.js";
-import { renderErrorList as j } from "../../helpers/apiErrorToList.js";
-const rr = ({
-  children: i,
-  FallbackComponent: r = E,
-  LoaderComponent: n,
-  onEvent: e,
-  componentName: o
+import { InternalError as g } from "../Common/InternalError/InternalError.js";
+import { useComponentContext as E } from "../../contexts/ComponentAdapter/useComponentContext.js";
+import { useLoadingIndicator as h } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
+import { useObservability as D } from "../../contexts/ObservabilityProvider/useObservability.js";
+import { normalizeToSDKError as T } from "../../types/sdkError.js";
+const $ = ({
+  children: r,
+  FallbackComponent: t = g,
+  LoaderComponent: s,
+  onEvent: o,
+  componentName: e
 }) => {
-  const { error: t, fieldErrors: a, baseSubmitHandler: m, setError: d } = D(o), { observability: b } = g(), { LoadingIndicator: h } = L(), p = n ?? h, y = (c, C) => {
-    e(F.ERROR, c), b?.onError?.({
-      type: "boundary_error",
-      message: c instanceof Error ? c.message : "Unknown error",
-      stack: c instanceof Error ? c.stack : void 0,
-      context: {
-        componentName: o,
-        componentStack: C.componentStack ?? void 0
-      },
-      originalError: c,
-      timestamp: Date.now()
+  const { error: i, baseSubmitHandler: a, setError: y } = x(e), { observability: d } = D(), { LoadingIndicator: w } = h(), l = s ?? w, L = (u, C) => {
+    o(I.ERROR, u);
+    const b = T(u);
+    d?.onError?.({
+      ...b,
+      timestamp: Date.now(),
+      componentName: e,
+      componentStack: C.componentStack ?? void 0
     });
   };
-  return /* @__PURE__ */ s(
-    w.Provider,
+  return /* @__PURE__ */ n(
+    S.Provider,
     {
       value: {
-        error: t,
-        fieldErrors: a,
-        setError: d,
-        onEvent: e,
-        baseSubmitHandler: m,
-        LoadingIndicator: p,
-        componentName: o
+        error: i,
+        setError: y,
+        onEvent: o,
+        baseSubmitHandler: a,
+        LoadingIndicator: l,
+        componentName: e
       },
-      children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ n(
         U,
         {
-          FallbackComponent: r,
-          LoaderComponent: p,
-          onErrorBoundaryError: y,
-          componentName: o,
-          children: /* @__PURE__ */ s(M, { error: t, fieldErrors: a, children: i })
+          FallbackComponent: t,
+          onErrorBoundaryError: L,
+          children: /* @__PURE__ */ n(
+            v,
+            {
+              fallback: /* @__PURE__ */ n(
+                M,
+                {
+                  LoaderComponent: l,
+                  observability: d,
+                  componentName: e
+                }
+              ),
+              children: /* @__PURE__ */ n(j, { error: i, children: r })
+            }
+          )
         }
       )
     }
   );
-}, M = ({ children: i, error: r, fieldErrors: n }) => {
-  const e = T(), { t: o } = k(), t = !!n?.length;
-  return /* @__PURE__ */ l(S, { children: [
-    (r || n) && /* @__PURE__ */ l(e.Alert, { label: o("status.errorEncountered"), status: "error", children: [
-      t && /* @__PURE__ */ s(e.UnorderedList, { items: j(n) }),
-      !t && r instanceof v && /* @__PURE__ */ s(e.Text, { children: o("errors.unknownError") }),
-      !t && r instanceof I && /* @__PURE__ */ s(e.Text, { as: "pre", children: r.pretty() })
-    ] }),
-    i
+};
+function A({ error: r }) {
+  const t = E(), { t: s } = f(), o = r.fieldErrors.length > 0;
+  return /* @__PURE__ */ m(t.Alert, { label: s("status.errorEncountered"), status: "error", children: [
+    o && /* @__PURE__ */ n(
+      t.UnorderedList,
+      {
+        items: r.fieldErrors.filter((e) => e.message).map((e) => /* @__PURE__ */ n("span", { children: e.message }, e.field))
+      }
+    ),
+    !o && r.category === "validation_error" && /* @__PURE__ */ n(t.Text, { as: "pre", children: r.raw && typeof r.raw == "object" && "pretty" in r.raw && typeof r.raw.pretty == "function" ? r.raw.pretty() : r.message }),
+    !o && r.category !== "validation_error" && /* @__PURE__ */ n(t.Text, { children: r.message || s("errors.unknownError") })
+  ] });
+}
+function F({ errors: r }) {
+  const t = E(), { t: s } = f();
+  return /* @__PURE__ */ n(t.Alert, { label: s("status.multipleErrorsEncountered"), status: "error", children: /* @__PURE__ */ n(
+    t.UnorderedList,
+    {
+      items: r.filter((o) => o.message || o.fieldErrors.length > 0).map((o, e) => {
+        const i = o.fieldErrors.filter((a) => a.message);
+        return i.length === 0 ? /* @__PURE__ */ n("span", { children: o.message || s("errors.unknownError") }, e) : /* @__PURE__ */ m("span", { children: [
+          o.message || s("errors.unknownError"),
+          /* @__PURE__ */ n(
+            t.UnorderedList,
+            {
+              items: i.map((a) => /* @__PURE__ */ n("span", { children: a.message }, a.field))
+            }
+          )
+        ] }, e);
+      })
+    }
+  ) });
+}
+const j = ({ children: r, error: t, isLoading: s }) => {
+  const { LoadingIndicator: o } = h(), e = Array.isArray(t) ? t : t ? [t] : [], i = e.length > 0;
+  if (s && !i)
+    return /* @__PURE__ */ n(o, {});
+  const [a] = e;
+  return /* @__PURE__ */ m(R, { children: [
+    e.length > 1 && /* @__PURE__ */ n(F, { errors: e }),
+    e.length === 1 && a && /* @__PURE__ */ n(A, { error: a }),
+    r
   ] });
-}, O = ({
-  LoaderComponent: i,
-  observability: r,
-  componentName: n
+}, M = ({
+  LoaderComponent: r,
+  observability: t,
+  componentName: s
 }) => {
-  const e = u(Date.now()), o = u(r), t = u(n);
-  return f(() => {
-    o.current = r, t.current = n;
-  }, [r, n]), f(() => () => {
-    const a = Date.now() - e.current;
-    o.current?.onMetric?.({
+  const o = c(Date.now()), e = c(t), i = c(s);
+  return p(() => {
+    e.current = t, i.current = s;
+  }, [t, s]), p(() => () => {
+    const a = Date.now() - o.current;
+    e.current?.onMetric?.({
       name: "sdk.component.loading_duration",
       value: a,
       unit: "ms",
-      tags: t.current ? { component: t.current } : void 0,
+      tags: i.current ? { component: i.current } : void 0,
       timestamp: Date.now()
     });
-  }, []), /* @__PURE__ */ s(i, {});
+  }, []), /* @__PURE__ */ n(r, {});
 }, U = ({
-  children: i,
-  FallbackComponent: r = E,
-  LoaderComponent: n,
-  onErrorBoundaryError: e,
-  componentName: o
-}) => {
-  const { LoadingIndicator: t } = L(), a = n ?? t, { observability: m } = g();
-  return /* @__PURE__ */ s(R, { children: ({ reset: d }) => /* @__PURE__ */ s(
-    B,
-    {
-      FallbackComponent: r,
-      onReset: d,
-      onError: e,
-      children: /* @__PURE__ */ s(
-        x,
-        {
-          fallback: /* @__PURE__ */ s(
-            O,
-            {
-              LoaderComponent: a,
-              observability: m,
-              componentName: o
-            }
-          ),
-          children: i
-        }
-      )
-    }
-  ) });
-};
+  children: r,
+  FallbackComponent: t = g,
+  onErrorBoundaryError: s
+}) => /* @__PURE__ */ n(k, { children: ({ reset: o }) => /* @__PURE__ */ n(
+  B,
+  {
+    FallbackComponent: t,
+    onReset: o,
+    onError: s,
+    children: r
+  }
+) });
 export {
   U as BaseBoundaries,
-  rr as BaseComponent,
-  M as BaseLayout
+  $ as BaseComponent,
+  j 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, useEffect, useRef } 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 { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\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\n// Internal prop for SDK components to set their component name\ninterface InternalBaseComponentProps {\n  componentName?: string\n}\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n  componentName,\n}: BaseComponentInterface<TResourceKey> & InternalBaseComponentProps) => {\n  const { error, fieldErrors, baseSubmitHandler, setError } = useBaseSubmit(componentName)\n  const { observability } = useObservability()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (error: unknown, errorInfo: ErrorInfo) => {\n    onEvent(componentEvents.ERROR, error)\n\n    observability?.onError?.({\n      type: 'boundary_error',\n      message: error instanceof Error ? error.message : 'Unknown error',\n      stack: error instanceof Error ? error.stack : undefined,\n      context: {\n        componentName,\n        componentStack: errorInfo.componentStack ?? undefined,\n      },\n      originalError: error,\n      timestamp: Date.now(),\n    })\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        fieldErrors,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n        componentName,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        LoaderComponent={LoaderComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n        componentName={componentName}\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\ninterface LoaderWithMetricsProps {\n  LoaderComponent: LoadingIndicatorContextProps['LoadingIndicator']\n  observability: ReturnType<typeof useObservability>['observability']\n  componentName?: string\n}\n\nconst LoaderWithMetrics = ({\n  LoaderComponent,\n  observability,\n  componentName,\n}: LoaderWithMetricsProps) => {\n  const loadingStartTime = useRef(Date.now())\n  const observabilityRef = useRef(observability)\n  const componentNameRef = useRef(componentName)\n\n  useEffect(() => {\n    observabilityRef.current = observability\n    componentNameRef.current = componentName\n  }, [observability, componentName])\n\n  useEffect(() => {\n    return () => {\n      const duration = Date.now() - loadingStartTime.current\n      observabilityRef.current?.onMetric?.({\n        name: 'sdk.component.loading_duration',\n        value: duration,\n        unit: 'ms',\n        tags: componentNameRef.current ? { component: componentNameRef.current } : undefined,\n        timestamp: Date.now(),\n      })\n    }\n  }, [])\n\n  return <LoaderComponent />\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  componentName?: string\n}\n\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onErrorBoundaryError,\n  componentName,\n}: BaseBoundariesProps) => {\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n  const { observability } = useObservability()\n\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          <Suspense\n            fallback={\n              <LoaderWithMetrics\n                LoaderComponent={LoaderComponent}\n                observability={observability}\n                componentName={componentName}\n              />\n            }\n          >\n            {children}\n          </Suspense>\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","componentName","error","fieldErrors","baseSubmitHandler","setError","useBaseSubmit","observability","useObservability","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","errorInfo","componentEvents","jsx","BaseContext","BaseBoundaries","BaseLayout","Components","useComponentContext","t","useTranslation","hasDisplayableFieldErrors","FadeIn","jsxs","renderErrorList","GustoEmbeddedError","SDKValidationError","LoaderWithMetrics","loadingStartTime","useRef","observabilityRef","componentNameRef","useEffect","duration","QueryErrorResetBoundary","resetQueries","ErrorBoundary","Suspense"],"mappings":"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"}
+{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX, ErrorInfo } from 'react'\nimport { Suspense, useEffect, useRef } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { QueryErrorResetBoundary } from '@tanstack/react-query'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, 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 { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { normalizeToSDKError, type SDKError } from '@/types/sdkError'\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\nexport interface BaseComponentInterface<\n  TResourceKey extends keyof Resources = keyof Resources,\n> extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: BaseBoundariesProps['FallbackComponent']\n  LoaderComponent?: LoadingIndicatorContextProps['LoadingIndicator']\n  onEvent: OnEventType<EventType, unknown>\n}\n\ninterface InternalBaseComponentProps {\n  componentName?: string\n}\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent: LoadingIndicatorFromProps,\n  onEvent,\n  componentName,\n}: BaseComponentInterface<TResourceKey> & InternalBaseComponentProps) => {\n  const { error, baseSubmitHandler, setError } = useBaseSubmit(componentName)\n  const { observability } = useObservability()\n\n  const { LoadingIndicator: LoadingIndicatorFromContext } = useLoadingIndicator()\n  const LoaderComponent = LoadingIndicatorFromProps ?? LoadingIndicatorFromContext\n\n  const onErrorBoundaryError = (boundaryError: unknown, errorInfo: ErrorInfo) => {\n    onEvent(componentEvents.ERROR, boundaryError)\n\n    const sdkError = normalizeToSDKError(boundaryError)\n\n    observability?.onError?.({\n      ...sdkError,\n      timestamp: Date.now(),\n      componentName,\n      componentStack: errorInfo.componentStack ?? undefined,\n    })\n  }\n\n  return (\n    <BaseContext.Provider\n      value={{\n        error,\n        setError,\n        onEvent,\n        baseSubmitHandler,\n        LoadingIndicator: LoaderComponent,\n        componentName,\n      }}\n    >\n      <BaseBoundaries\n        FallbackComponent={FallbackComponent}\n        onErrorBoundaryError={onErrorBoundaryError}\n      >\n        <Suspense\n          fallback={\n            <LoaderWithMetrics\n              LoaderComponent={LoaderComponent}\n              observability={observability}\n              componentName={componentName}\n            />\n          }\n        >\n          <BaseLayout error={error}>{children}</BaseLayout>\n        </Suspense>\n      </BaseBoundaries>\n    </BaseContext.Provider>\n  )\n}\n\nexport interface BaseLayoutProps {\n  children?: ReactNode\n  error?: SDKError | SDKError[] | null\n  isLoading?: boolean\n}\n\nfunction SingleErrorContent({ error }: { error: SDKError }) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n  const hasFieldErrors = error.fieldErrors.length > 0\n\n  return (\n    <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n      {hasFieldErrors && (\n        <Components.UnorderedList\n          items={error.fieldErrors\n            .filter(fieldError => fieldError.message)\n            .map(fieldError => (\n              <span key={fieldError.field}>{fieldError.message}</span>\n            ))}\n        />\n      )}\n      {!hasFieldErrors && error.category === 'validation_error' && (\n        <Components.Text as=\"pre\">\n          {error.raw &&\n          typeof error.raw === 'object' &&\n          'pretty' in error.raw &&\n          typeof (error.raw as { pretty: unknown }).pretty === 'function'\n            ? (error.raw as { pretty: () => string }).pretty()\n            : error.message}\n        </Components.Text>\n      )}\n      {!hasFieldErrors && error.category !== 'validation_error' && (\n        <Components.Text>{error.message || t('errors.unknownError')}</Components.Text>\n      )}\n    </Components.Alert>\n  )\n}\n\nfunction MultipleErrorsContent({ errors }: { errors: SDKError[] }) {\n  const Components = useComponentContext()\n  const { t } = useTranslation()\n\n  return (\n    <Components.Alert label={t('status.multipleErrorsEncountered')} status=\"error\">\n      <Components.UnorderedList\n        items={errors\n          .filter(error => error.message || error.fieldErrors.length > 0)\n          .map((error, index) => {\n            const visibleFieldErrors = error.fieldErrors.filter(fieldError => fieldError.message)\n\n            if (visibleFieldErrors.length === 0) {\n              return <span key={index}>{error.message || t('errors.unknownError')}</span>\n            }\n\n            return (\n              <span key={index}>\n                {error.message || t('errors.unknownError')}\n                <Components.UnorderedList\n                  items={visibleFieldErrors.map(fieldError => (\n                    <span key={fieldError.field}>{fieldError.message}</span>\n                  ))}\n                />\n              </span>\n            )\n          })}\n      />\n    </Components.Alert>\n  )\n}\n\nexport const BaseLayout = ({ children, error, isLoading }: BaseLayoutProps) => {\n  const { LoadingIndicator } = useLoadingIndicator()\n\n  const errors = Array.isArray(error) ? error : error ? [error] : []\n  const hasErrors = errors.length > 0\n\n  if (isLoading && !hasErrors) {\n    return <LoadingIndicator />\n  }\n\n  const [firstError] = errors\n\n  return (\n    <FadeIn>\n      {errors.length > 1 && <MultipleErrorsContent errors={errors} />}\n      {errors.length === 1 && firstError && <SingleErrorContent error={firstError} />}\n      {children}\n    </FadeIn>\n  )\n}\n\ninterface LoaderWithMetricsProps {\n  LoaderComponent: LoadingIndicatorContextProps['LoadingIndicator']\n  observability: ReturnType<typeof useObservability>['observability']\n  componentName?: string\n}\n\nconst LoaderWithMetrics = ({\n  LoaderComponent,\n  observability,\n  componentName,\n}: LoaderWithMetricsProps) => {\n  const loadingStartTime = useRef(Date.now())\n  const observabilityRef = useRef(observability)\n  const componentNameRef = useRef(componentName)\n\n  useEffect(() => {\n    observabilityRef.current = observability\n    componentNameRef.current = componentName\n  }, [observability, componentName])\n\n  useEffect(() => {\n    return () => {\n      const duration = Date.now() - loadingStartTime.current\n      observabilityRef.current?.onMetric?.({\n        name: 'sdk.component.loading_duration',\n        value: duration,\n        unit: 'ms',\n        tags: componentNameRef.current ? { component: componentNameRef.current } : undefined,\n        timestamp: Date.now(),\n      })\n    }\n  }, [])\n\n  return <LoaderComponent />\n}\n\nexport interface BaseBoundariesProps {\n  children?: ReactNode\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  onErrorBoundaryError?: (error: unknown, info: ErrorInfo) => void\n}\n\nexport const BaseBoundaries = ({\n  children,\n  FallbackComponent = InternalError,\n  onErrorBoundaryError,\n}: BaseBoundariesProps) => {\n  return (\n    <QueryErrorResetBoundary>\n      {({ reset: resetQueries }) => (\n        <ErrorBoundary\n          FallbackComponent={FallbackComponent}\n          onReset={resetQueries}\n          onError={onErrorBoundaryError}\n        >\n          {children}\n        </ErrorBoundary>\n      )}\n    </QueryErrorResetBoundary>\n  )\n}\n"],"names":["BaseComponent","children","FallbackComponent","InternalError","LoadingIndicatorFromProps","onEvent","componentName","error","baseSubmitHandler","setError","useBaseSubmit","observability","useObservability","LoadingIndicatorFromContext","useLoadingIndicator","LoaderComponent","onErrorBoundaryError","boundaryError","errorInfo","componentEvents","sdkError","normalizeToSDKError","jsx","BaseContext","BaseBoundaries","Suspense","LoaderWithMetrics","BaseLayout","SingleErrorContent","Components","useComponentContext","t","useTranslation","hasFieldErrors","jsxs","fieldError","MultipleErrorsContent","errors","index","visibleFieldErrors","isLoading","LoadingIndicator","hasErrors","firstError","FadeIn","loadingStartTime","useRef","observabilityRef","componentNameRef","useEffect","duration","QueryErrorResetBoundary","resetQueries","ErrorBoundary"],"mappings":"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"}

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

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

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

@@ -1,14 +1,10 @@
-import { GustoEmbeddedError } from '@gusto/embedded-api/models/errors/gustoembeddederror';
-import { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror';
-import { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject';
 import { EventType } from '../../shared/constants';
 import { LoadingIndicatorContextProps } from '../../contexts/LoadingIndicatorProvider/useLoadingIndicator';
+import { SDKError } from '../../types/sdkError';
 export type OnEventType<K, T> = (type: K, data?: T) => void;
-export type KnownErrors = GustoEmbeddedError | SDKValidationError;
 interface BaseContextProps {
-    error: KnownErrors | null;
-    fieldErrors: Array<EntityErrorObject> | null;
-    setError: (err: KnownErrors | null) => void;
+    error: SDKError | null;
+    setError: (err: SDKError | null) => void;
     onEvent: OnEventType<EventType, unknown>;
     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 { 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  componentName?: string\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 EventType } from '@/shared/constants'\nimport type { LoadingIndicatorContextProps } from '@/contexts/LoadingIndicatorProvider/useLoadingIndicator'\nimport type { SDKError } from '@/types/sdkError'\n\nexport type OnEventType<K, T> = (type: K, data?: T) => void\n\ninterface BaseContextProps {\n  error: SDKError | null\n  setError: (err: SDKError | 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  componentName?: string\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":";AAmBO,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

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

package/dist/components/Base/useBaseSubmit.js

@@ -1,73 +1,50 @@
-import { useState as u, useCallback as c } from "react";
-import { APIError as p } from "@gusto/embedded-api/models/errors/apierror";
-import { GustoEmbeddedError as g } from "@gusto/embedded-api/models/errors/gustoembeddederror";
-import { SDKValidationError as h } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { UnprocessableEntityErrorObject as b } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { useAsyncError as v } from "../../hooks/useAsyncError.js";
-import { useObservability as w } from "../../contexts/ObservabilityProvider/useObservability.js";
-import { createObservabilityError as S } from "../../contexts/ObservabilityProvider/observabilityUtils.js";
-import { getFieldErrors as A } from "../../helpers/apiErrorToList.js";
-const B = (o) => {
-  const [E, i] = u(null), [y, a] = u(null), f = v(), { observability: n } = w(), d = c((t) => {
-    i(t), t || a(null);
-  }, []), m = c(
-    (t) => {
-      i(t);
-      const e = S(t);
-      if (e && n?.onError?.({
-        ...e,
-        context: {
-          ...e.context,
-          componentName: o
-        }
-      }), t instanceof b && Array.isArray(t.errors)) {
-        const l = t.errors.flatMap((s) => A(s));
-        if (l.length > 0)
-          a(l);
-        else {
-          const s = t.errors.filter((r) => r.message).map((r) => ({
-            errorKey: r.errorKey,
-            message: r.message ?? "",
-            category: r.category
-          }));
-          s.length > 0 && a(s);
-        }
-      }
+import { useState as f, useCallback as m } from "react";
+import { APIError as b } from "@gusto/embedded-api/models/errors/apierror";
+import { GustoEmbeddedError as E } from "@gusto/embedded-api/models/errors/gustoembeddederror";
+import { SDKValidationError as d } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { UnprocessableEntityErrorObject as p } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { useAsyncError as y } from "../../hooks/useAsyncError.js";
+import { useObservability as D } from "../../contexts/ObservabilityProvider/useObservability.js";
+import { normalizeToSDKError as S, SDKInternalError as w } from "../../types/sdkError.js";
+const g = (t) => {
+  const [u, o] = f(null), a = y(), { observability: s } = D(), i = m(
+    (n) => {
+      const e = S(n);
+      o(e), s?.onError?.({ ...e, timestamp: Date.now(), componentName: t });
     },
-    [n, o]
+    [s, t]
   );
   return {
-    baseSubmitHandler: c(
-      async (t, e) => {
+    baseSubmitHandler: m(
+      async (n, e) => {
         const l = Date.now();
-        i(null), a(null);
-        let s = !1;
+        o(null);
+        let c = !1;
         try {
-          await e(t), s = !0;
+          await e(n), c = !0;
         } catch (r) {
-          r instanceof p || r instanceof h || r instanceof b || r instanceof g ? m(r) : f(r);
+          r instanceof b || r instanceof d || r instanceof p || r instanceof E || r instanceof w ? i(r) : a(r);
         } finally {
           const r = Date.now() - l;
-          n?.onMetric?.({
+          s?.onMetric?.({
             name: "sdk.form.submit_duration",
             value: r,
             unit: "ms",
             tags: {
-              status: s ? "success" : "error",
-              ...o && { component: o }
+              status: c ? "success" : "error",
+              ...t && { component: t }
             },
             timestamp: Date.now()
           });
         }
       },
-      [i, f, n, o, m]
+      [o, a, s, t, i]
     ),
-    error: E,
-    fieldErrors: y,
-    setError: d
+    error: u,
+    setError: o
   };
 };
 export {
-  B as useBaseSubmit
+  g as useBaseSubmit
 };
 //# sourceMappingURL=useBaseSubmit.js.map

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 { 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 { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { createObservabilityError } from '@/contexts/ObservabilityProvider/observabilityUtils'\nimport { getFieldErrors } from '@/helpers/apiErrorToList'\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const useBaseSubmit = (componentName?: string) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<EntityErrorObject[] | null>(null)\n  const throwError = useAsyncError()\n  const { observability } = useObservability()\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 = useCallback(\n    (error: KnownErrors) => {\n      setError(error)\n\n      // Report error to observability\n      const observabilityError = createObservabilityError(error)\n      if (observabilityError) {\n        observability?.onError?.({\n          ...observabilityError,\n          context: {\n            ...observabilityError.context,\n            componentName,\n          },\n        })\n      }\n\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    [observability, componentName],\n  )\n\n  const baseSubmitHandler = useCallback(\n    async <T>(data: T, componentHandler: SubmitHandler<T>) => {\n      const startTime = Date.now()\n      setError(null)\n      setFieldErrors(null)\n\n      let success = false\n\n      try {\n        await componentHandler(data)\n        success = true\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      } finally {\n        const duration = Date.now() - startTime\n        observability?.onMetric?.({\n          name: 'sdk.form.submit_duration',\n          value: duration,\n          unit: 'ms',\n          tags: {\n            status: success ? 'success' : 'error',\n            ...(componentName && { component: componentName }),\n          },\n          timestamp: Date.now(),\n        })\n      }\n    },\n    [setError, throwError, observability, componentName, processError],\n  )\n\n  return {\n    baseSubmitHandler,\n    error,\n    fieldErrors,\n    setError: setErrorWithFieldsClear,\n  }\n}\n"],"names":["useBaseSubmit","componentName","error","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","observability","useObservability","setErrorWithFieldsClear","useCallback","processError","observabilityError","createObservabilityError","UnprocessableEntityErrorObject","parsed","err","getFieldErrors","fallbackErrors","data","componentHandler","startTime","success","APIError","SDKValidationError","GustoEmbeddedError","duration"],"mappings":";;;;;;;;;AAcO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA6B,IAAI,GACrD,CAACC,GAAaC,CAAc,IAAIF,EAAqC,IAAI,GACzEG,IAAaC,EAAA,GACb,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAGpBC,IAA0BC,EAAY,CAACV,MAA8B;AACzE,IAAAC,EAASD,CAAK,GACTA,KACHI,EAAe,IAAI;AAAA,EAEvB,GAAG,CAAA,CAAE,GAECO,IAAeD;AAAA,IACnB,CAACV,MAAuB;AACtB,MAAAC,EAASD,CAAK;AAGd,YAAMY,IAAqBC,EAAyBb,CAAK;AAWzD,UAVIY,KACFL,GAAe,UAAU;AAAA,QACvB,GAAGK;AAAA,QACH,SAAS;AAAA,UACP,GAAGA,EAAmB;AAAA,UACtB,eAAAb;AAAA,QAAA;AAAA,MACF,CACD,GAGCC,aAAiBc,KAAkC,MAAM,QAAQd,EAAM,MAAM,GAAG;AAClF,cAAMe,IAASf,EAAM,OAAO,QAAQ,CAAAgB,MAAOC,EAAeD,CAAG,CAAC;AAC9D,YAAID,EAAO,SAAS;AAClB,UAAAX,EAAeW,CAAM;AAAA,aAChB;AACL,gBAAMG,IAAsClB,EAAM,OAC/C,OAAO,OAAOgB,EAAI,OAAO,EACzB,IAAI,CAAAA,OAAQ;AAAA,YACX,UAAUA,EAAI;AAAA,YACd,SAASA,EAAI,WAAW;AAAA,YACxB,UAAUA,EAAI;AAAA,UAAA,EACd;AACJ,UAAIE,EAAe,SAAS,KAC1Bd,EAAec,CAAc;AAAA,QAEjC;AAAA,MACF;AAAA,IACF;AAAA,IACA,CAACX,GAAeR,CAAa;AAAA,EAAA;AAwC/B,SAAO;AAAA,IACL,mBAtCwBW;AAAA,MACxB,OAAUS,GAASC,MAAuC;AACxD,cAAMC,IAAY,KAAK,IAAA;AACvB,QAAApB,EAAS,IAAI,GACbG,EAAe,IAAI;AAEnB,YAAIkB,IAAU;AAEd,YAAI;AACF,gBAAMF,EAAiBD,CAAI,GAC3BG,IAAU;AAAA,QACZ,SAASN,GAAK;AACZ,UACEA,aAAeO,KACfP,aAAeQ,KACfR,aAAeF,KACfE,aAAeS,IAEfd,EAAaK,CAAG,MACAA,CAAG;AAAA,QACvB,UAAA;AACE,gBAAMU,IAAW,KAAK,IAAA,IAAQL;AAC9B,UAAAd,GAAe,WAAW;AAAA,YACxB,MAAM;AAAA,YACN,OAAOmB;AAAA,YACP,MAAM;AAAA,YACN,MAAM;AAAA,cACJ,QAAQJ,IAAU,YAAY;AAAA,cAC9B,GAAIvB,KAAiB,EAAE,WAAWA,EAAA;AAAA,YAAc;AAAA,YAElD,WAAW,KAAK,IAAA;AAAA,UAAI,CACrB;AAAA,QACH;AAAA,MACF;AAAA,MACA,CAACE,GAAUI,GAAYE,GAAeR,GAAeY,CAAY;AAAA,IAAA;AAAA,IAKjE,OAAAX;AAAA,IACA,aAAAG;AAAA,IACA,UAAUM;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useBaseSubmit.js","sources":["../../../src/components/Base/useBaseSubmit.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\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 { useAsyncError } from '@/hooks/useAsyncError'\nimport { useObservability } from '@/contexts/ObservabilityProvider/useObservability'\nimport { type SDKError, SDKInternalError, normalizeToSDKError } from '@/types/sdkError'\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const useBaseSubmit = (componentName?: string) => {\n  const [error, setError] = useState<SDKError | null>(null)\n  const throwError = useAsyncError()\n  const { observability } = useObservability()\n\n  const processError = useCallback(\n    (caughtError: GustoEmbeddedError | SDKValidationError | SDKInternalError) => {\n      const sdkError = normalizeToSDKError(caughtError)\n\n      setError(sdkError)\n\n      observability?.onError?.({ ...sdkError, timestamp: Date.now(), componentName })\n    },\n    [observability, componentName],\n  )\n\n  const baseSubmitHandler = useCallback(\n    async <T>(data: T, componentHandler: SubmitHandler<T>) => {\n      const startTime = Date.now()\n      setError(null)\n\n      let success = false\n\n      try {\n        await componentHandler(data)\n        success = true\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject ||\n          err instanceof GustoEmbeddedError ||\n          err instanceof SDKInternalError\n        ) {\n          processError(err)\n        } else throwError(err)\n      } finally {\n        const duration = Date.now() - startTime\n        observability?.onMetric?.({\n          name: 'sdk.form.submit_duration',\n          value: duration,\n          unit: 'ms',\n          tags: {\n            status: success ? 'success' : 'error',\n            ...(componentName && { component: componentName }),\n          },\n          timestamp: Date.now(),\n        })\n      }\n    },\n    [setError, throwError, observability, componentName, processError],\n  )\n\n  return {\n    baseSubmitHandler,\n    error,\n    setError,\n  }\n}\n"],"names":["useBaseSubmit","componentName","error","setError","useState","throwError","useAsyncError","observability","useObservability","processError","useCallback","caughtError","sdkError","normalizeToSDKError","data","componentHandler","startTime","success","err","APIError","SDKValidationError","UnprocessableEntityErrorObject","GustoEmbeddedError","SDKInternalError","duration"],"mappings":";;;;;;;;AAWO,MAAMA,IAAgB,CAACC,MAA2B;AACvD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAA0B,IAAI,GAClDC,IAAaC,EAAA,GACb,EAAE,eAAAC,EAAA,IAAkBC,EAAA,GAEpBC,IAAeC;AAAA,IACnB,CAACC,MAA4E;AAC3E,YAAMC,IAAWC,EAAoBF,CAAW;AAEhD,MAAAR,EAASS,CAAQ,GAEjBL,GAAe,UAAU,EAAE,GAAGK,GAAU,WAAW,KAAK,OAAO,eAAAX,GAAe;AAAA,IAChF;AAAA,IACA,CAACM,GAAeN,CAAa;AAAA,EAAA;AAwC/B,SAAO;AAAA,IACL,mBAtCwBS;AAAA,MACxB,OAAUI,GAASC,MAAuC;AACxD,cAAMC,IAAY,KAAK,IAAA;AACvB,QAAAb,EAAS,IAAI;AAEb,YAAIc,IAAU;AAEd,YAAI;AACF,gBAAMF,EAAiBD,CAAI,GAC3BG,IAAU;AAAA,QACZ,SAASC,GAAK;AACZ,UACEA,aAAeC,KACfD,aAAeE,KACfF,aAAeG,KACfH,aAAeI,KACfJ,aAAeK,IAEfd,EAAaS,CAAG,MACAA,CAAG;AAAA,QACvB,UAAA;AACE,gBAAMM,IAAW,KAAK,IAAA,IAAQR;AAC9B,UAAAT,GAAe,WAAW;AAAA,YACxB,MAAM;AAAA,YACN,OAAOiB;AAAA,YACP,MAAM;AAAA,YACN,MAAM;AAAA,cACJ,QAAQP,IAAU,YAAY;AAAA,cAC9B,GAAIhB,KAAiB,EAAE,WAAWA,EAAA;AAAA,YAAc;AAAA,YAElD,WAAW,KAAK,IAAA;AAAA,UAAI,CACrB;AAAA,QACH;AAAA,MACF;AAAA,MACA,CAACE,GAAUE,GAAYE,GAAeN,GAAeQ,CAAY;AAAA,IAAA;AAAA,IAKjE,OAAAP;AAAA,IACA,UAAAC;AAAA,EAAA;AAEJ;"}

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

@@ -1,8 +1,8 @@
 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 { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 function y({

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

@@ -1,8 +1,8 @@
 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 { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";