@gusto/embedded-react-sdk 0.8.1 → 0.8.2

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changelog
 
+## 0.8.2
+
+- Refactored employee flow components structure and improved organization within Employee namespace
+- Added component-level dictionary override functionality for improved internationalization
+- Updated state taxes component to support API-based validation messages
+- Fixed commission Zod schema validation issues
+- Fixed issue with headers not being passed properly through our API client
+
 ## 0.8.1
 
 - Replaced Valibot with Zod for bundle size reduction. Also included zod as a dependency
@@ -16,7 +24,7 @@
   - Introduced Company.OnboardingOverview component for tracking onboarding progress
   - Improved state management and context handling for onboarding components
   - Enhanced documentation for company onboarding workflow
-- Added Company.StateTaxesFlow component for managing state tax requirements
+- Added Company.StateTaxes component for managing state tax requirements
   - Support for state-specific tax forms and requirements
   - Ability to update state tax settings with validation
 - Component Adapter initial implementation available with most components (Docs coming soon)
@@ -108,7 +116,7 @@ You would do the following instead::
 >
 ```
 
-#### DocumentSigner has been renamed to DocumentSignerFlow
+#### DocumentSigner has been renamed to DocumentSigner
 
 Where you would previously do
 
@@ -119,7 +127,7 @@ Where you would previously do
 You should update the naming as follows:
 
 ```tsx
-<Employee.DocumentSignerFlow employeeId="some-id" onEvent={() => {}} />
+<Employee.DocumentSigner employeeId="some-id" onEvent={() => {}} />
 ```
 
 ## 0.6.0

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

@@ -1,16 +1,17 @@
-import { ReactNode, FC, JSX } from 'react';
+import { ReactNode, JSX } from 'react';
 import { FallbackProps } from 'react-error-boundary';
 import { OnEventType } from './useBase';
 import { EventType } from '../../shared/constants';
-export interface CommonComponentInterface {
+import { ResourceDictionary, Resources } from '../../types/Helpers';
+export interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {
     children?: ReactNode;
     className?: string;
     defaultValues?: unknown;
+    dictionary?: ResourceDictionary<TResourceKey>;
 }
-export interface BaseComponentInterface {
+export interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources> extends CommonComponentInterface<TResourceKey> {
     FallbackComponent?: (props: FallbackProps) => JSX.Element;
     LoaderComponent?: () => JSX.Element;
     onEvent: OnEventType<EventType, unknown>;
-    children?: ReactNode;
 }
-export declare const BaseComponent: FC<BaseComponentInterface>;
+export declare const BaseComponent: <TResourceKey extends keyof Resources = keyof Resources>({ children, FallbackComponent, LoaderComponent, onEvent, dictionary, }: BaseComponentInterface<TResourceKey>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Base/Base.js

@@ -1,71 +1,72 @@
-import { jsx as a, jsxs as b } from "react/jsx-runtime";
-import { useState as u, useCallback as h, Suspense as x } from "react";
-import { ErrorBoundary as v } from "react-error-boundary";
-import { useTranslation as A } from "react-i18next";
-import { APIError as S } from "@gusto/embedded-api/models/errors/apierror";
-import { SDKValidationError as _ } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
-import { UnprocessableEntityErrorObject as d } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
-import { FadeIn as j } from "../Common/FadeIn/FadeIn.js";
-import { BaseContext as B } from "./useBase.js";
-import { componentEvents as I } from "../../shared/constants.js";
-import { useAsyncError as K } from "../Common/hooks/useAsyncError.js";
-import { Loading as P } from "../Common/Loading/Loading.js";
-import { InternalError as R } from "../Common/InternalError/InternalError.js";
-import { snakeCaseToCamelCase as w } from "../../helpers/formattedStrings.js";
-import { useComponentContext as M } from "../../contexts/ComponentAdapter/useComponentContext.js";
-const O = (t) => t.map((e) => e.message ? /* @__PURE__ */ a("li", { children: e.message }, e.key) : null), y = (t, e) => {
-  const n = e ? e + "." : "";
+import { jsx as a, jsxs as h } from "react/jsx-runtime";
+import { useState as p, useCallback as x, Suspense as v } from "react";
+import { ErrorBoundary as A } from "react-error-boundary";
+import { useTranslation as S } from "react-i18next";
+import { APIError as _ } from "@gusto/embedded-api/models/errors/apierror";
+import { SDKValidationError as j } from "@gusto/embedded-api/models/errors/sdkvalidationerror";
+import { UnprocessableEntityErrorObject as u } from "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
+import { FadeIn as B } from "../Common/FadeIn/FadeIn.js";
+import { BaseContext as I } from "./useBase.js";
+import { componentEvents as K } from "../../shared/constants.js";
+import { useAsyncError as P } from "../Common/hooks/useAsyncError.js";
+import { Loading as R } from "../Common/Loading/Loading.js";
+import { InternalError as w } from "../Common/InternalError/InternalError.js";
+import { snakeCaseToCamelCase as M } from "../../helpers/formattedStrings.js";
+import { useComponentContext as O } from "../../contexts/ComponentAdapter/useComponentContext.js";
+const T = (t) => t.map((e) => e.message ? /* @__PURE__ */ a("li", { children: e.message }, e.key) : null), y = (t, e) => {
+  const s = e ? e + "." : "";
   if (t.category === "invalid_attribute_value" || t.category === "invalid_operation")
     return [
       {
-        key: w(n + t.errorKey),
+        key: M(s + t.errorKey),
         message: t.message ?? ""
       }
     ];
   if (t.category === "nested_errors" && t.errors !== void 0) {
     let o = "";
-    return t.metadata?.key && typeof t.metadata.key == "string" ? o = t.metadata.key : t.metadata?.state && typeof t.metadata.state == "string" ? o = t.metadata.state : t.errorKey && (o = t.errorKey), t.errors.flatMap((l) => y(l, n + o));
+    return t.metadata?.key && typeof t.metadata.key == "string" ? o = t.metadata.key : t.metadata?.state && typeof t.metadata.state == "string" ? o = t.metadata.state : t.errorKey && (o = t.errorKey), t.errors.flatMap((f) => y(f, s + o));
   }
   return [];
-}, Y = ({
+}, Z = ({
   children: t,
-  FallbackComponent: e = R,
-  LoaderComponent: n = P,
-  onEvent: o
+  FallbackComponent: e = w,
+  LoaderComponent: s = R,
+  onEvent: o,
+  dictionary: f
 }) => {
-  const [l, i] = u(null), [m, p] = u(null), f = K(), { t: E } = A(), g = M(), k = (r) => {
-    i(r), r instanceof d && Array.isArray(r.errors) && p(r.errors.flatMap((c) => y(c)));
-  }, C = h(
+  const [E, i] = p(null), [m, d] = p(null), l = P(), { t: g } = S(), k = O(), C = (r) => {
+    i(r), r instanceof u && Array.isArray(r.errors) && d(r.errors.flatMap((c) => y(c)));
+  }, b = x(
     async (r, c) => {
-      i(null), p(null);
+      i(null), d(null);
       try {
         await c(r);
-      } catch (s) {
-        s instanceof S || s instanceof _ || s instanceof d ? k(s) : f(s);
+      } catch (n) {
+        n instanceof _ || n instanceof j || n instanceof u ? C(n) : l(n);
       }
     },
-    [i, f]
+    [i, l]
   );
   return /* @__PURE__ */ a(
-    B.Provider,
+    I.Provider,
     {
       value: {
         fieldErrors: m,
         setError: i,
         onEvent: o,
-        throwError: f,
-        baseSubmitHandler: C
+        throwError: l,
+        baseSubmitHandler: b
       },
-      children: /* @__PURE__ */ b(
-        v,
+      children: /* @__PURE__ */ h(
+        A,
         {
           FallbackComponent: e,
           onError: (r) => {
-            o(I.ERROR, r);
+            o(K.ERROR, r);
           },
           children: [
-            (l || m) && /* @__PURE__ */ a(g.Alert, { label: E("status.errorEncountered"), status: "error", children: m && /* @__PURE__ */ a("ul", { children: O(m) }) }),
-            /* @__PURE__ */ a(x, { fallback: /* @__PURE__ */ a(n, {}), children: /* @__PURE__ */ a(j, { children: t }) })
+            (E || m) && /* @__PURE__ */ a(k.Alert, { label: g("status.errorEncountered"), status: "error", children: m && /* @__PURE__ */ a("ul", { children: T(m) }) }),
+            /* @__PURE__ */ a(v, { fallback: /* @__PURE__ */ a(s, {}), children: /* @__PURE__ */ a(B, { children: t }) })
           ]
         }
       )
@@ -73,6 +74,6 @@ const O = (t) => t.map((e) => e.message ? /* @__PURE__ */ a("li", { children: e.
   );
 };
 export {
-  Y as BaseComponent
+  Z as BaseComponent
 };
 //# 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, FC, JSX } from 'react'\nimport { Suspense, useState, useCallback } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type FieldError, type KnownErrors, type OnEventType } from './useBase'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError, Loading, useAsyncError } from '@/components/Common'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface CommonComponentInterface {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface {\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: () => JSX.Element\n  onEvent: OnEventType<EventType, unknown>\n  children?: ReactNode\n}\n\n/**Traverses errorList and finds items with message properties */\nconst renderErrorList = (errorList: FieldError[]): React.ReactNode => {\n  return errorList.map(errorFromList => {\n    if (errorFromList.message) {\n      return <li key={errorFromList.key}>{errorFromList.message}</li>\n    }\n    return null\n  })\n}\n/**Recuresively parses error list and constructs an array of objects containing attribute value error messages associated with form fields. Nested errors construct '.' separated keys\n * metadata.state is a special case for state taxes validation errors\n */\nconst getFieldErrors = (\n  error: EntityErrorObject,\n  parentKey?: string,\n): { key: string; message: string }[] => {\n  const keyPrefix = parentKey ? parentKey + '.' : ''\n  if (error.category === 'invalid_attribute_value' || error.category === 'invalid_operation') {\n    return [\n      {\n        key: snakeCaseToCamelCase(keyPrefix + error.errorKey),\n        message: error.message ?? '',\n      },\n    ]\n  }\n  if (error.category === 'nested_errors' && error.errors !== undefined) {\n    //TODO: clean this up once Metadata type is fixed in openapi spec\n    let keySuffix = ''\n    //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    if (error.metadata?.key && typeof error.metadata.key === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.key as string\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    } else if (error.metadata?.state && typeof error.metadata.state === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.state as string\n    } else if (error.errorKey) {\n      keySuffix = error.errorKey\n    }\n    return error.errors.flatMap(err => getFieldErrors(err, keyPrefix + keySuffix))\n  }\n  return []\n}\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const BaseComponent: FC<BaseComponentInterface> = ({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent = Loading,\n  onEvent,\n}) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<FieldError[] | null>(null)\n  const throwError = useAsyncError()\n  const { t } = useTranslation()\n  const Components = useComponentContext()\n\n  const processError = (error: KnownErrors) => {\n    setError(error)\n    //422\tapplication/json - content relaited error\n    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      setFieldErrors(error.errors.flatMap(err => getFieldErrors(err)))\n    }\n  }\n\n  const baseSubmitHandler = useCallback(\n    async <T,>(data: T, componentHandler: SubmitHandler<T>) => {\n      setError(null)\n      setFieldErrors(null)\n      try {\n        await componentHandler(data)\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject\n        ) {\n          processError(err)\n        } else throwError(err)\n      }\n    },\n    [setError, throwError],\n  )\n\n  return (\n    <BaseContext.Provider\n      value={{\n        fieldErrors,\n        setError,\n        onEvent,\n        throwError,\n        baseSubmitHandler,\n      }}\n    >\n      <ErrorBoundary\n        FallbackComponent={FallbackComponent}\n        onError={err => {\n          onEvent(componentEvents.ERROR, err)\n        }}\n      >\n        {(error || fieldErrors) && (\n          <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n            {fieldErrors && <ul>{renderErrorList(fieldErrors)}</ul>}\n          </Components.Alert>\n        )}\n        <Suspense fallback={<LoaderComponent />}>\n          <FadeIn>{children}</FadeIn>\n        </Suspense>\n      </ErrorBoundary>\n    </BaseContext.Provider>\n  )\n}\n"],"names":["renderErrorList","errorList","errorFromList","jsx","getFieldErrors","error","parentKey","keyPrefix","snakeCaseToCamelCase","keySuffix","err","BaseComponent","children","FallbackComponent","InternalError","LoaderComponent","Loading","onEvent","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","t","useTranslation","Components","useComponentContext","processError","UnprocessableEntityErrorObject","baseSubmitHandler","useCallback","data","componentHandler","APIError","SDKValidationError","BaseContext","jsxs","ErrorBoundary","componentEvents","Suspense","FadeIn"],"mappings":";;;;;;;;;;;;;;;AA+BA,MAAMA,IAAkB,CAACC,MAChBA,EAAU,IAAI,CAAiBC,MAChCA,EAAc,UACR,gBAAAC,EAAA,MAAA,EAA4B,UAAcD,EAAA,QAAA,GAAlCA,EAAc,GAA4B,IAErD,IACR,GAKGE,IAAiB,CACrBC,GACAC,MACuC;AACjC,QAAAC,IAAYD,IAAYA,IAAY,MAAM;AAChD,MAAID,EAAM,aAAa,6BAA6BA,EAAM,aAAa;AAC9D,WAAA;AAAA,MACL;AAAA,QACE,KAAKG,EAAqBD,IAAYF,EAAM,QAAQ;AAAA,QACpD,SAASA,EAAM,WAAW;AAAA,MAAA;AAAA,IAE9B;AAEF,MAAIA,EAAM,aAAa,mBAAmBA,EAAM,WAAW,QAAW;AAEpE,QAAII,IAAY;AAEhB,WAAIJ,EAAM,UAAU,OAAO,OAAOA,EAAM,SAAS,OAAQ,WAEvDI,IAAYJ,EAAM,SAAS,MAElBA,EAAM,UAAU,SAAS,OAAOA,EAAM,SAAS,SAAU,WAElEI,IAAYJ,EAAM,SAAS,QAClBA,EAAM,aACfI,IAAYJ,EAAM,WAEbA,EAAM,OAAO,QAAQ,CAAAK,MAAON,EAAeM,GAAKH,IAAYE,CAAS,CAAC;AAAA,EAAA;AAE/E,SAAO,CAAC;AACV,GAIaE,IAA4C,CAAC;AAAA,EACxD,UAAAC;AAAA,EACA,mBAAAC,IAAoBC;AAAA,EACpB,iBAAAC,IAAkBC;AAAA,EAClB,SAAAC;AACF,MAAM;AACJ,QAAM,CAACZ,GAAOa,CAAQ,IAAIC,EAA6B,IAAI,GACrD,CAACC,GAAaC,CAAc,IAAIF,EAA8B,IAAI,GAClEG,IAAaC,EAAc,GAC3B,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvBC,IAAaC,EAAoB,GAEjCC,IAAe,CAACvB,MAAuB;AAC3C,IAAAa,EAASb,CAAK,GAEVA,aAAiBwB,KAAkC,MAAM,QAAQxB,EAAM,MAAM,KAC/EgB,EAAehB,EAAM,OAAO,QAAQ,OAAOD,EAAeM,CAAG,CAAC,CAAC;AAAA,EAEnE,GAEMoB,IAAoBC;AAAA,IACxB,OAAWC,GAASC,MAAuC;AACzD,MAAAf,EAAS,IAAI,GACbG,EAAe,IAAI;AACf,UAAA;AACF,cAAMY,EAAiBD,CAAI;AAAA,eACpBtB,GAAK;AACZ,QACEA,aAAewB,KACfxB,aAAeyB,KACfzB,aAAemB,IAEfD,EAAalB,CAAG,MACAA,CAAG;AAAA,MAAA;AAAA,IAEzB;AAAA,IACA,CAACQ,GAAUI,CAAU;AAAA,EACvB;AAGE,SAAA,gBAAAnB;AAAA,IAACiC,EAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,aAAAhB;AAAA,QACA,UAAAF;AAAA,QACA,SAAAD;AAAA,QACA,YAAAK;AAAA,QACA,mBAAAQ;AAAA,MACF;AAAA,MAEA,UAAA,gBAAAO;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,mBAAAzB;AAAA,UACA,SAAS,CAAOH,MAAA;AACN,YAAAO,EAAAsB,EAAgB,OAAO7B,CAAG;AAAA,UACpC;AAAA,UAEE,UAAA;AAAA,aAAAL,KAASe,MACR,gBAAAjB,EAAAuB,EAAW,OAAX,EAAiB,OAAOF,EAAE,yBAAyB,GAAG,QAAO,SAC3D,UAAeJ,KAAA,gBAAAjB,EAAC,QAAI,UAAgBH,EAAAoB,CAAW,EAAE,CAAA,GACpD;AAAA,YAEF,gBAAAjB,EAACqC,KAAS,UAAU,gBAAArC,EAACY,KAAgB,GACnC,UAAA,gBAAAZ,EAACsC,GAAQ,EAAA,UAAA7B,EAAS,CAAA,EACpB,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Base.js","sources":["../../../src/components/Base/Base.tsx"],"sourcesContent":["import type { ReactNode, JSX } from 'react'\nimport { Suspense, useState, useCallback } from 'react'\nimport type { FallbackProps } from 'react-error-boundary'\nimport { ErrorBoundary } from 'react-error-boundary'\nimport { useTranslation } from 'react-i18next'\nimport { APIError } from '@gusto/embedded-api/models/errors/apierror'\nimport { SDKValidationError } from '@gusto/embedded-api/models/errors/sdkvalidationerror'\nimport { UnprocessableEntityErrorObject } from '@gusto/embedded-api/models/errors/unprocessableentityerrorobject'\nimport type { EntityErrorObject } from '@gusto/embedded-api/models/components/entityerrorobject'\nimport { FadeIn } from '../Common/FadeIn/FadeIn'\nimport { BaseContext, type FieldError, type KnownErrors, type OnEventType } from './useBase'\nimport { componentEvents, type EventType } from '@/shared/constants'\nimport { InternalError, Loading, useAsyncError } from '@/components/Common'\nimport { snakeCaseToCamelCase } from '@/helpers/formattedStrings'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport type { ResourceDictionary, Resources } from '@/types/Helpers'\n\nexport interface CommonComponentInterface<TResourceKey extends keyof Resources = keyof Resources> {\n  children?: ReactNode\n  className?: string\n  defaultValues?: unknown\n  dictionary?: ResourceDictionary<TResourceKey>\n}\n\n// Base component wrapper with error and suspense handling\nexport interface BaseComponentInterface<TResourceKey extends keyof Resources = keyof Resources>\n  extends CommonComponentInterface<TResourceKey> {\n  FallbackComponent?: (props: FallbackProps) => JSX.Element\n  LoaderComponent?: () => JSX.Element\n  onEvent: OnEventType<EventType, unknown>\n}\n\n/**Traverses errorList and finds items with message properties */\nconst renderErrorList = (errorList: FieldError[]): React.ReactNode => {\n  return errorList.map(errorFromList => {\n    if (errorFromList.message) {\n      return <li key={errorFromList.key}>{errorFromList.message}</li>\n    }\n    return null\n  })\n}\n/**Recuresively parses error list and constructs an array of objects containing attribute value error messages associated with form fields. Nested errors construct '.' separated keys\n * metadata.state is a special case for state taxes validation errors\n */\nconst getFieldErrors = (\n  error: EntityErrorObject,\n  parentKey?: string,\n): { key: string; message: string }[] => {\n  const keyPrefix = parentKey ? parentKey + '.' : ''\n  if (error.category === 'invalid_attribute_value' || error.category === 'invalid_operation') {\n    return [\n      {\n        key: snakeCaseToCamelCase(keyPrefix + error.errorKey),\n        message: error.message ?? '',\n      },\n    ]\n  }\n  if (error.category === 'nested_errors' && error.errors !== undefined) {\n    //TODO: clean this up once Metadata type is fixed in openapi spec\n    let keySuffix = ''\n    //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    if (error.metadata?.key && typeof error.metadata.key === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.key as string\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n    } else if (error.metadata?.state && typeof error.metadata.state === 'string') {\n      //@ts-expect-error: Metadata in speakeasy is incorrectly typed\n      keySuffix = error.metadata.state as string\n    } else if (error.errorKey) {\n      keySuffix = error.errorKey\n    }\n    return error.errors.flatMap(err => getFieldErrors(err, keyPrefix + keySuffix))\n  }\n  return []\n}\n\ntype SubmitHandler<T> = (data: T) => Promise<void>\n\nexport const BaseComponent = <TResourceKey extends keyof Resources = keyof Resources>({\n  children,\n  FallbackComponent = InternalError,\n  LoaderComponent = Loading,\n  onEvent,\n  dictionary,\n}: BaseComponentInterface<TResourceKey>) => {\n  const [error, setError] = useState<KnownErrors | null>(null)\n  const [fieldErrors, setFieldErrors] = useState<FieldError[] | null>(null)\n  const throwError = useAsyncError()\n  const { t } = useTranslation()\n  const Components = useComponentContext()\n\n  const processError = (error: KnownErrors) => {\n    setError(error)\n    //422\tapplication/json - content relaited error\n    if (error instanceof UnprocessableEntityErrorObject && Array.isArray(error.errors)) {\n      setFieldErrors(error.errors.flatMap(err => getFieldErrors(err)))\n    }\n  }\n\n  const baseSubmitHandler = useCallback(\n    async <T,>(data: T, componentHandler: SubmitHandler<T>) => {\n      setError(null)\n      setFieldErrors(null)\n      try {\n        await componentHandler(data)\n      } catch (err) {\n        if (\n          err instanceof APIError ||\n          err instanceof SDKValidationError ||\n          err instanceof UnprocessableEntityErrorObject\n        ) {\n          processError(err)\n        } else throwError(err)\n      }\n    },\n    [setError, throwError],\n  )\n\n  return (\n    <BaseContext.Provider\n      value={{\n        fieldErrors,\n        setError,\n        onEvent,\n        throwError,\n        baseSubmitHandler,\n      }}\n    >\n      <ErrorBoundary\n        FallbackComponent={FallbackComponent}\n        onError={err => {\n          onEvent(componentEvents.ERROR, err)\n        }}\n      >\n        {(error || fieldErrors) && (\n          <Components.Alert label={t('status.errorEncountered')} status=\"error\">\n            {fieldErrors && <ul>{renderErrorList(fieldErrors)}</ul>}\n          </Components.Alert>\n        )}\n        <Suspense fallback={<LoaderComponent />}>\n          <FadeIn>{children}</FadeIn>\n        </Suspense>\n      </ErrorBoundary>\n    </BaseContext.Provider>\n  )\n}\n"],"names":["renderErrorList","errorList","errorFromList","jsx","getFieldErrors","error","parentKey","keyPrefix","snakeCaseToCamelCase","keySuffix","err","BaseComponent","children","FallbackComponent","InternalError","LoaderComponent","Loading","onEvent","dictionary","setError","useState","fieldErrors","setFieldErrors","throwError","useAsyncError","t","useTranslation","Components","useComponentContext","processError","UnprocessableEntityErrorObject","baseSubmitHandler","useCallback","data","componentHandler","APIError","SDKValidationError","BaseContext","jsxs","ErrorBoundary","componentEvents","Suspense","FadeIn"],"mappings":"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"}

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

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

package/dist/components/Common/ActionsLayout/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './ActionsLayout';

package/dist/components/Common/DataView/DataCards/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DataCards';

package/dist/components/Common/DataView/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export * from './DataView';
 export * from './DataCards/';
 export * from './DataTable/DataTable';

package/dist/components/Common/DocumentList/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { DocumentList, type FormData } from './DocumentList';

package/dist/components/Common/DocumentViewer/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DocumentViewer';

package/dist/components/Common/FieldCaption/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldCaption } from './FieldCaption';

package/dist/components/Common/FieldDescription/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldDescription } from './FieldDescription';

package/dist/components/Common/FieldErrorMessage/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldErrorMessage } from './FieldErrorMessage';

package/dist/components/Common/FieldLayout/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { FieldLayout } from './FieldLayout';

package/dist/components/Common/Fields/CheckboxField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { CheckboxField, type CheckboxFieldProps } from './CheckboxField';

package/dist/components/Common/Fields/CheckboxGroupField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { CheckboxGroupField, type CheckboxGroupFieldProps } from './CheckboxGroupField';

package/dist/components/Common/Fields/ComboBoxField/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { ComboBoxField } from './ComboBoxField';
 export type { ComboBoxFieldProps } from './ComboBoxField';

package/dist/components/Common/Fields/DatePickerField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DatePickerField';

package/dist/components/Common/Fields/NumberInputField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { NumberInputField, type NumberInputFieldProps } from './NumberInputField';

package/dist/components/Common/Fields/RadioGroupField/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { RadioGroupField } from './RadioGroupField';
 export type { RadioGroupFieldProps } from './RadioGroupField';

package/dist/components/Common/Fields/SelectField/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { SelectField } from './SelectField';
 export type { SelectFieldProps } from './SelectField';

package/dist/components/Common/Fields/SwitchField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './SwitchField';

package/dist/components/Common/Fields/TextInputField/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { TextInputField, type TextInputFieldProps } from './TextInputField';

package/dist/components/Common/Fieldset/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Fieldset, type FieldsetProps } from './Fieldset';

package/dist/components/Common/Flex/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Flex } from './Flex';

package/dist/components/Common/Form/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Form } from './Form';
 export type { FormProps } from './Form';

package/dist/components/Common/HamburgerMenu/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { HamburgerMenu } from './HamburgerMenu';

package/dist/components/Common/HorizontalFieldLayout/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { HorizontalFieldLayout } from './HorizontalFieldLayout';

package/dist/components/Common/PaginationControl/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { PaginationControl } from './PaginationControl';
 export type { PaginationControlProps } from './PaginationControlTypes';

package/dist/components/Common/ReorderableList/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export * from './ReorderableList';
 export * from './ReorderableListTypes';

package/dist/components/Common/SignatureForm/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { SignatureForm } from './SignatureForm';
 export { SignatureFormFields } from './SignatureFormFields';
 export { SignatureFormActions } from './SignatureFormActions';

package/dist/components/Common/TaxInputs/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * as TaxInputs from './TaxInputs';

package/dist/components/Common/UI/Alert/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Alert } from './Alert';

package/dist/components/Common/UI/Button/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { Button } from './Button';
 export { ButtonIcon } from './ButtonIcon';
 export type { ButtonProps, ButtonIconProps } from './ButtonTypes';

package/dist/components/Common/UI/CalendarPreview/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { CalendarPreview } from './CalendarPreview';
 export { CalendarLegend } from './CalendarLegend';
 export type { CalendarPreviewProps } from './CalendarPreviewTypes';

package/dist/components/Common/UI/Checkbox/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Checkbox } from './Checkbox';

package/dist/components/Common/UI/CheckboxGroup/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { CheckboxGroup } from './CheckboxGroup';

package/dist/components/Common/UI/DatePicker/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './DatePicker';

package/dist/components/Common/UI/Heading/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Heading } from './Heading';
 export type { HeadingProps } from './HeadingTypes';

package/dist/components/Common/UI/Input/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Input } from './Input';
 export type { InputProps } from './InputTypes';

package/dist/components/Common/UI/Link/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Link } from './Link';

package/dist/components/Common/UI/List/index.d.ts

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { OrderedList } from './OrderedList';
 export { UnorderedList } from './UnorderedList';
 export type { BaseListProps, OrderedListProps, UnorderedListProps } from './ListTypes';

package/dist/components/Common/UI/Menu/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Menu } from './Menu';

package/dist/components/Common/UI/NumberInput/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { NumberInput } from './NumberInput';

package/dist/components/Common/UI/ProgressBar/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { ProgressBar } from './ProgressBar';
 export type { ProgressBarProps } from './ProgressBarTypes';

package/dist/components/Common/UI/Radio/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Radio } from './Radio';

package/dist/components/Common/UI/RadioGroup/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { RadioGroup } from './RadioGroup';

package/dist/components/Common/UI/Select/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { Select } from './Select';

package/dist/components/Common/UI/Switch/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Switch';

package/dist/components/Common/UI/Table/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Table } from './Table';
 export type * from './TableTypes';

package/dist/components/Common/UI/Text/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Text } from './Text';
 export type { TextProps } from './TextTypes';

package/dist/components/Common/UI/TextInput/index.d.ts

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export { TextInput } from './TextInput';

package/dist/components/Common/VisuallyHidden/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { VisuallyHidden } from './VisuallyHidden';
 export type { VisuallyHiddenProps } from './VisuallyHidden';

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

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { useAsyncError } from './hooks/useAsyncError';
 export { TaxInputs } from './TaxInputs';
 export { DataView, DataCards, DataTable, useDataView } from './DataView';

package/dist/components/Company/AssignSignatory/AssignSignatory.d.ts

@@ -1,11 +1,11 @@
 import { AssignSignatoryDefaultValues } from './useAssignSignatory';
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface AssignSignatoryProps extends CommonComponentInterface {
+import { BaseComponentInterface } from '../../Base';
+interface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {
     companyId: string;
     signatoryId?: string;
     defaultValues?: AssignSignatoryDefaultValues;
 }
-export declare function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare function AssignSignatory(props: AssignSignatoryProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace AssignSignatory {
     var Head: () => import("react/jsx-runtime").JSX.Element;
     var Selection: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/Company/AssignSignatory/AssignSignatory.js

@@ -1,54 +1,55 @@
-import { jsx as o, jsxs as N, Fragment as _ } from "react/jsx-runtime";
+import { jsx as o, jsxs as p, Fragment as _ } from "react/jsx-runtime";
 import { z as t } from "zod";
-import { useForm as O, FormProvider as p } from "react-hook-form";
+import { useForm as O, FormProvider as u } from "react-hook-form";
 import { zodResolver as E } from "@hookform/resolvers/zod";
 import { SignatoryForm as g } from "./SignatoryForm.js";
 import { Head as S } from "./Head.js";
 import { AssignSignatorySelection as c } from "./AssignSignatorySelection.js";
-import { SignatoryAssignmentMode as m, AssignSignatoryProvider as u } from "./useAssignSignatory.js";
-import { companyEvents as e } from "../../../shared/constants.js";
+import { SignatoryAssignmentMode as m, AssignSignatoryProvider as C } from "./useAssignSignatory.js";
+import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as M } from "../../Common/Flex/Flex.js";
 import { BaseComponent as h } from "../../Base/Base.js";
 import { useBase as I } from "../../Base/useBase.js";
-import { useI18n as C } from "../../../i18n/I18n.js";
+import { useI18n as Y, useComponentDictionary as D } from "../../../i18n/I18n.js";
 function s(n) {
-  return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
+  return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(F, { ...n, children: n.children }) });
 }
-const Y = t.object({
+const v = t.object({
   signatoryAssignmentMode: t.union([
     t.literal(m.createSignatory),
     t.literal(m.inviteSignatory)
   ])
 });
-function v({
+function F({
   companyId: n,
   signatoryId: A,
   defaultValues: l,
-  className: f,
-  children: a
+  className: y,
+  children: a,
+  dictionary: f
 }) {
-  C("Company.AssignSignatory");
-  const { onEvent: i } = I(), d = O({
-    resolver: E(Y),
+  Y("Company.AssignSignatory"), D("Company.AssignSignatory", f);
+  const { onEvent: e } = I(), d = O({
+    resolver: E(v),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
     }
   });
-  return /* @__PURE__ */ o("section", { className: f, children: /* @__PURE__ */ o(
-    u,
+  return /* @__PURE__ */ o("section", { className: y, children: /* @__PURE__ */ o(
+    C,
     {
       value: {
         companyId: n,
         signatoryId: A,
         defaultValues: l,
         onSignatoryAssignmentModeChange: (r) => {
-          i(e.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
+          e(i.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
         },
-        onSignatoryFormEvent: (r, y) => {
-          r === e.COMPANY_CREATE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : r === e.COMPANY_INVITE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : i(r, y);
+        onSignatoryFormEvent: (r, N) => {
+          r === i.COMPANY_CREATE_SIGNATORY_DONE ? e(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? e(i.COMPANY_ASSIGN_SIGNATORY_DONE) : e(r, N);
         }
       },
-      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(p, { ...d, children: a || /* @__PURE__ */ N(_, { children: [
+      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(u, { ...d, children: a || /* @__PURE__ */ p(_, { children: [
         /* @__PURE__ */ o(S, {}),
         /* @__PURE__ */ o(c, {}),
         /* @__PURE__ */ o(g, {})

package/dist/components/Company/AssignSignatory/AssignSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\n\ninterface AssignSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAwBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAClD,CAAA;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB;AAC3B,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYb,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAX;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACU,MAAiB;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAArB,EAAAsB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAtB,EAAAuB,GAAA,EAAc,GAAGT,GACf,UACCJ,KAGE,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA9B,EAAgB,OAAO4B;AACvB5B,EAAgB,YAAY6B;AAC5B7B,EAAgB,OAAO8B;"}
+{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAEzD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;AAEJ;AAEA,MAAMI,IAAiCC,EAAE,OAAO;AAAA,EAC9C,yBAAyBA,EAAE,MAAM;AAAA,IAC/BA,EAAE,QAAQC,EAAwB,eAAe;AAAA,IACjDD,EAAE,QAAQC,EAAwB,eAAe;AAAA,EAClD,CAAA;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB,GACjCC,EAAuB,2BAA2BF,CAAU;AAEtD,QAAA,EAAE,SAAAG,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACmB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAb;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACY,MAAiB;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAAvB,EAAAwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAxB,EAAAyB,GAAA,EAAc,GAAGT,GACf,UACCN,KAGE,gBAAAgB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhC,EAAgB,OAAO8B;AACvB9B,EAAgB,YAAY+B;AAC5B/B,EAAgB,OAAOgC;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/index.d.ts

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { CreateSignatory } from './CreateSignatory';
 export { useCreateSignatory, type CreateSignatoryDefaultValues } from './useCreateSignatory';