@gusto/embedded-react-sdk 0.15.0 → 0.16.0

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # Changelog
 
+## 0.16.0
+
+### Features & Enhancements
+
+- Add breadcrumb navigation to payroll flow component
+- Add CTA (Call to Action) functionality to payroll flow breadcrumbs
+- Add translation support for pay schedule names
+- Enable multiple resource file loading in useI18n hook
+
+### Fixes
+
+- Memoize employee UUID array and switch to API filtering for better performance
+
+### Chores & Maintenance
+
+- Add missing run payroll documentation
+- Bump react-i18next from 16.0.1 to 16.1.0
+- Bump eslint from 9.37.0 to 9.38.0
+- Bump vite from 6.4.0 to 6.4.1
+- Bump typescript-eslint from 8.46.1 to 8.46.2
+- Bump lint-staged from 16.2.4 to 16.2.5
+- Bump msw from 2.11.5 to 2.11.6
+
 ## 0.15.0
 
 ### Features & Enhancements

package/dist/components/Base/Base.js

@@ -12,15 +12,15 @@ import { componentEvents as F } from "../../shared/constants.js";
 import { useAsyncError as K } from "../Common/hooks/useAsyncError.js";
 import "classnames";
 import { InternalError as P } from "../Common/InternalError/InternalError.js";
-import { useComponentContext as w } from "../../contexts/ComponentAdapter/useComponentContext.js";
-import { snakeCaseToCamelCase as M } from "../../helpers/formattedStrings.js";
+import { snakeCaseToCamelCase as w } from "../../helpers/formattedStrings.js";
+import { useComponentContext as M } from "../../contexts/ComponentAdapter/useComponentContext.js";
 import { useLoadingIndicator as O } from "../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 const U = (t) => t.map((n) => n.message ? /* @__PURE__ */ o("li", { children: n.message }, n.key) : null), x = (t, n) => {
   const m = n ? n + "." : "";
   if (t.category === "invalid_attribute_value" || t.category === "invalid_operation")
     return [
       {
-        key: M(m + t.errorKey),
+        key: w(m + t.errorKey),
         message: t.message ?? ""
       }
     ];
@@ -35,7 +35,7 @@ const U = (t) => t.map((n) => n.message ? /* @__PURE__ */ o("li", { children: n.
   LoaderComponent: m,
   onEvent: a
 }) => {
-  const [r, l] = E(null), [c, f] = E(null), p = K(), { t: b } = B(), d = w(), { LoadingIndicator: I } = O(), u = m ?? I, v = g((e) => {
+  const [r, l] = E(null), [c, f] = E(null), p = K(), { t: b } = B(), d = M(), { LoadingIndicator: I } = O(), u = m ?? I, v = g((e) => {
     l(e), e || f(null);
   }, []), L = (e) => {
     l(e), e instanceof k && Array.isArray(e.errors) && f(e.errors.flatMap((s) => x(s)));

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

@@ -0,0 +1,2 @@
+import { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes';
+export declare function FlowBreadcrumbs({ breadcrumbs, currentBreadcrumbId, onEvent, }: FlowBreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,52 @@
+import { jsx as r } from "react/jsx-runtime";
+import { useTranslation as f } from "react-i18next";
+import { useMemo as c } from "react";
+import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { componentEvents as B } from "../../../shared/constants.js";
+import { useI18n as C } from "../../../i18n/I18n.js";
+function V({
+  breadcrumbs: o,
+  currentBreadcrumbId: l,
+  onEvent: a
+}) {
+  const { Breadcrumbs: i } = u(), s = o.reduce(
+    (e, n) => (n.namespace && e.push(n.namespace), e),
+    []
+  );
+  C(s);
+  const { t } = f(s), p = c(
+    () => o.map((e) => {
+      const n = e.namespace ? t(e.label, {
+        ns: e.namespace,
+        defaultValue: e.label,
+        ...e.variables
+      }) : t(e.label, {
+        defaultValue: e.label,
+        ...e.variables
+      });
+      return {
+        id: e.id,
+        label: n
+      };
+    }),
+    [o, t]
+  );
+  return /* @__PURE__ */ r(
+    i,
+    {
+      breadcrumbs: p,
+      currentBreadcrumbId: l,
+      onClick: (e) => {
+        const n = o.find((m) => m.id === e);
+        a && n && a(B.BREADCRUMB_NAVIGATE, {
+          key: e,
+          onNavigate: n.onNavigate
+        });
+      }
+    }
+  );
+}
+export {
+  V as FlowBreadcrumbs
+};
+//# sourceMappingURL=FlowBreadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FlowBreadcrumbs.js","sources":["../../../../src/components/Common/FlowBreadcrumbs/FlowBreadcrumbs.tsx"],"sourcesContent":["import type { CustomTypeOptions } from 'i18next'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { componentEvents } from '@/shared/constants'\nimport { useI18n } from '@/i18n/I18n'\n\nexport function FlowBreadcrumbs({\n  breadcrumbs,\n  currentBreadcrumbId,\n  onEvent,\n}: FlowBreadcrumbsProps) {\n  const { Breadcrumbs } = useComponentContext()\n  const namespaces = breadcrumbs.reduce<Array<keyof CustomTypeOptions['resources']>>(\n    (acc, breadcrumb) => {\n      if (breadcrumb.namespace) {\n        acc.push(breadcrumb.namespace as keyof CustomTypeOptions['resources'])\n      }\n      return acc\n    },\n    [],\n  )\n  useI18n(namespaces)\n  const { t } = useTranslation(namespaces)\n\n  const parsedBreadcrumbs = useMemo(\n    () =>\n      breadcrumbs.map(breadcrumb => {\n        const translatedLabel = breadcrumb.namespace\n          ? (t(breadcrumb.label, {\n              ns: breadcrumb.namespace,\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n          : (t(breadcrumb.label, {\n              defaultValue: breadcrumb.label,\n              ...breadcrumb.variables,\n            } as never) as unknown as string)\n        return {\n          id: breadcrumb.id,\n          label: translatedLabel,\n        }\n      }),\n    [breadcrumbs, t],\n  )\n\n  const handleBreadcrumbClick = (breadcrumbId: string) => {\n    const breadcrumb = breadcrumbs.find(breadcrumb => breadcrumb.id === breadcrumbId)\n    if (onEvent && breadcrumb) {\n      onEvent(componentEvents.BREADCRUMB_NAVIGATE, {\n        key: breadcrumbId,\n        onNavigate: breadcrumb.onNavigate,\n      })\n    }\n  }\n\n  return (\n    <Breadcrumbs\n      breadcrumbs={parsedBreadcrumbs}\n      currentBreadcrumbId={currentBreadcrumbId}\n      onClick={handleBreadcrumbClick}\n    />\n  )\n}\n"],"names":["FlowBreadcrumbs","breadcrumbs","currentBreadcrumbId","onEvent","Breadcrumbs","useComponentContext","namespaces","acc","breadcrumb","useI18n","useTranslation","parsedBreadcrumbs","useMemo","translatedLabel","jsx","breadcrumbId","componentEvents"],"mappings":";;;;;;AAQO,SAASA,EAAgB;AAAA,EAC9B,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,SAAAC;AACF,GAAyB;AACvB,QAAM,EAAE,aAAAC,EAAA,IAAgBC,EAAA,GAClBC,IAAaL,EAAY;AAAA,IAC7B,CAACM,GAAKC,OACAA,EAAW,aACbD,EAAI,KAAKC,EAAW,SAAiD,GAEhED;AAAA,IAET,CAAA;AAAA,EAAC;AAEH,EAAAE,EAAQH,CAAU;AAClB,QAAM,EAAE,EAAA,IAAMI,EAAeJ,CAAU,GAEjCK,IAAoBC;AAAA,IACxB,MACEX,EAAY,IAAI,CAAAO,MAAc;AAC5B,YAAMK,IAAkBL,EAAW,YAC9B,EAAEA,EAAW,OAAO;AAAA,QACnB,IAAIA,EAAW;AAAA,QACf,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN,IACT,EAAEA,EAAW,OAAO;AAAA,QACnB,cAAcA,EAAW;AAAA,QACzB,GAAGA,EAAW;AAAA,MAAA,CACN;AACd,aAAO;AAAA,QACL,IAAIA,EAAW;AAAA,QACf,OAAOK;AAAA,MAAA;AAAA,IAEX,CAAC;AAAA,IACH,CAACZ,GAAa,CAAC;AAAA,EAAA;AAajB,SACE,gBAAAa;AAAA,IAACV;AAAA,IAAA;AAAA,MACC,aAAaO;AAAA,MACb,qBAAAT;AAAA,MACA,SAd0B,CAACa,MAAyB;AACtD,cAAMP,IAAaP,EAAY,KAAK,CAAAO,MAAcA,EAAW,OAAOO,CAAY;AAChF,QAAIZ,KAAWK,KACbL,EAAQa,EAAgB,qBAAqB;AAAA,UAC3C,KAAKD;AAAA,UACL,YAAYP,EAAW;AAAA,QAAA,CACxB;AAAA,MAEL;AAAA,IAMa;AAAA,EAAA;AAGf;"}

package/dist/components/Common/FlowBreadcrumbs/FlowBreadcrumbsTypes.d.ts

@@ -0,0 +1,44 @@
+import { OnEventType } from '../../Base/useBase';
+import { EventType } from '../../../types/Helpers';
+export interface FlowBreadcrumb {
+    /**
+     * Unique key for the breadcrumb step
+     */
+    id: string;
+    /**
+     * Translation key for the breadcrumb label
+     */
+    label: string;
+    /**
+     * Optional translation namespace
+     */
+    namespace?: string;
+    /**
+     * Optional variables for the breadcrumb label
+     */
+    variables?: Record<string, unknown>;
+    /**
+     * Event handler for breadcrumb navigation
+     */
+    onNavigate?: (context: unknown) => unknown;
+}
+export interface BreadcrumbNode {
+    /**
+     * Parent node key (null for root nodes)
+     */
+    parent: string | null;
+    /**
+     * The breadcrumb item data
+     */
+    item: FlowBreadcrumb;
+}
+export type BreadcrumbNodes = Record<string, BreadcrumbNode>;
+export type BreadcrumbTrail = Record<string, FlowBreadcrumb[]>;
+export interface FlowBreadcrumbsProps {
+    breadcrumbs: FlowBreadcrumb[];
+    currentBreadcrumbId?: string;
+    /**
+     * Event handler for breadcrumb navigation
+     */
+    onEvent?: OnEventType<EventType, unknown>;
+}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { FlowBreadcrumbs } from './FlowBreadcrumbs';
+export type { FlowBreadcrumbsProps } from './FlowBreadcrumbsTypes';

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

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

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

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

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

@@ -1,23 +1,21 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "classnames";
-import "../../../shared/constants.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({
+import "classnames";
+import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function d({
   onBack: t,
   backLabel: r,
   submitLabel: i,
   isLoading: e = !1
 }) {
-  const o = s();
-  return /* @__PURE__ */ m(p, { children: [
+  const o = p();
+  return /* @__PURE__ */ m(s, { children: [
     t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
     /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: e, children: i })
   ] });
 }
 export {
-  y as SignatureFormActions
+  d as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

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

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

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

@@ -1,31 +1,28 @@
-import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
-import "classnames";
-import "../../../shared/constants.js";
+import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
 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";
-function b({
-  signatureLabel: e,
+import "classnames";
+import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
+import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
+function f({
+  signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
   confirmationError: m = ""
 }) {
   return /* @__PURE__ */ n(s, { children: [
-    /* @__PURE__ */ r(
-      p,
+    /* @__PURE__ */ e(
+      a,
       {
         name: "signature",
-        label: e,
+        label: r,
         description: i,
         errorMessage: t,
         isRequired: !0
       }
     ),
-    /* @__PURE__ */ r(
-      a,
+    /* @__PURE__ */ e(
+      u,
       {
         name: "confirmSignature",
         isRequired: !0,
@@ -36,6 +33,6 @@ function b({
   ] });
 }
 export {
-  b as SignatureFormFields
+  f as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

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

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

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

@@ -0,0 +1,2 @@
+import { BreadcrumbsProps } from './BreadcrumbsTypes';
+export declare function Breadcrumbs({ className, breadcrumbs, currentBreadcrumbId, 'aria-label': ariaLabel, onClick, }: BreadcrumbsProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,38 @@
+import { jsx as l } from "react/jsx-runtime";
+import t from "classnames";
+import i from "./Breadcrumbs.module.scss.js";
+import { Flex as p } from "../../Flex/Flex.js";
+function N({
+  className: n,
+  breadcrumbs: c,
+  currentBreadcrumbId: o,
+  "aria-label": m = "Breadcrumbs",
+  onClick: r
+}) {
+  return /* @__PURE__ */ l(p, { flexDirection: "column", children: /* @__PURE__ */ l("nav", { "aria-label": m, className: t(i.root, n), children: /* @__PURE__ */ l("ol", { className: i.list, children: c.map((e) => {
+    const a = e.id === o, s = !a && r;
+    return /* @__PURE__ */ l(
+      "li",
+      {
+        className: t(i.item, s && i.clickable),
+        "aria-current": a ? "step" : !1,
+        children: s ? /* @__PURE__ */ l(
+          "button",
+          {
+            type: "button",
+            className: i.link,
+            onClick: () => {
+              r(e.id);
+            },
+            children: e.label
+          }
+        ) : /* @__PURE__ */ l("span", { children: e.label })
+      },
+      e.id
+    );
+  }) }) }) });
+}
+export {
+  N as Breadcrumbs
+};
+//# sourceMappingURL=Breadcrumbs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/Common/UI/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import classnames from 'classnames'\nimport { Flex } from '../../Flex'\nimport type { BreadcrumbsProps } from './BreadcrumbsTypes'\nimport styles from './Breadcrumbs.module.scss'\n\nexport function Breadcrumbs({\n  className,\n  breadcrumbs,\n  currentBreadcrumbId,\n  'aria-label': ariaLabel = 'Breadcrumbs',\n  onClick,\n}: BreadcrumbsProps) {\n  return (\n    <Flex flexDirection=\"column\">\n      <nav aria-label={ariaLabel} className={classnames(styles.root, className)}>\n        <ol className={styles.list}>\n          {breadcrumbs.map(breadcrumb => {\n            const isCurrentbreadcrumb = breadcrumb.id === currentBreadcrumbId\n            const isClickable = !isCurrentbreadcrumb && onClick\n\n            return (\n              <li\n                key={breadcrumb.id}\n                className={classnames(styles.item, isClickable && styles.clickable)}\n                aria-current={isCurrentbreadcrumb ? 'step' : false}\n              >\n                {isClickable ? (\n                  <button\n                    type=\"button\"\n                    className={styles.link}\n                    onClick={() => {\n                      onClick(breadcrumb.id)\n                    }}\n                  >\n                    {breadcrumb.label}\n                  </button>\n                ) : (\n                  <span>{breadcrumb.label}</span>\n                )}\n              </li>\n            )\n          })}\n        </ol>\n      </nav>\n    </Flex>\n  )\n}\n"],"names":["Breadcrumbs","className","breadcrumbs","currentBreadcrumbId","ariaLabel","onClick","jsx","Flex","classnames","styles","breadcrumb","isCurrentbreadcrumb","isClickable"],"mappings":";;;;AAKO,SAASA,EAAY;AAAA,EAC1B,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,cAAcC,IAAY;AAAA,EAC1B,SAAAC;AACF,GAAqB;AACnB,SACE,gBAAAC,EAACC,KAAK,eAAc,UAClB,4BAAC,OAAA,EAAI,cAAYH,GAAW,WAAWI,EAAWC,EAAO,MAAMR,CAAS,GACtE,UAAA,gBAAAK,EAAC,MAAA,EAAG,WAAWG,EAAO,MACnB,UAAAP,EAAY,IAAI,CAAAQ,MAAc;AAC7B,UAAMC,IAAsBD,EAAW,OAAOP,GACxCS,IAAc,CAACD,KAAuBN;AAE5C,WACE,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QAEC,WAAWE,EAAWC,EAAO,MAAMG,KAAeH,EAAO,SAAS;AAAA,QAClE,gBAAcE,IAAsB,SAAS;AAAA,QAE5C,UAAAC,IACC,gBAAAN;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,WAAWG,EAAO;AAAA,YAClB,SAAS,MAAM;AACb,cAAAJ,EAAQK,EAAW,EAAE;AAAA,YACvB;AAAA,YAEC,UAAAA,EAAW;AAAA,UAAA;AAAA,QAAA,IAGd,gBAAAJ,EAAC,QAAA,EAAM,UAAAI,EAAW,MAAA,CAAM;AAAA,MAAA;AAAA,MAfrBA,EAAW;AAAA,IAAA;AAAA,EAmBtB,CAAC,EAAA,CACH,EAAA,CACF,GACF;AAEJ;"}

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

@@ -0,0 +1,16 @@
+const t = "_root_czg77_2", c = "_list_czg77_5", _ = "_item_czg77_13", l = "_link_czg77_31", o = "_clickable_czg77_45", i = {
+  root: t,
+  list: c,
+  item: _,
+  link: l,
+  clickable: o
+};
+export {
+  o as clickable,
+  i as default,
+  _ as item,
+  l as link,
+  c as list,
+  t as root
+};
+//# sourceMappingURL=Breadcrumbs.module.scss.js.map

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

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

package/dist/components/Common/UI/Breadcrumbs/BreadcrumbsTypes.d.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react';
+export interface Breadcrumb {
+    id: string;
+    label: ReactNode;
+}
+export interface BreadcrumbsProps {
+    /**
+     * Array of breadcrumbs
+     */
+    breadcrumbs: Breadcrumb[];
+    /**
+     * Current breadcrumb id
+     */
+    currentBreadcrumbId?: string;
+    /**
+     * Accessibility label for the breadcrumbs
+     */
+    'aria-label'?: string;
+    /**
+     * Additional CSS class name for the breadcrumbs container
+     */
+    className?: string;
+    /**
+     * Event handler for breadcrumb navigation
+     */
+    onClick?: (id: string) => void;
+}

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

@@ -0,0 +1,3 @@
+import "./types/i18next.d.ts"
+export { Breadcrumbs } from './Breadcrumbs';
+export type { BreadcrumbsProps, Breadcrumb } from './BreadcrumbsTypes';

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

@@ -1,7 +1,7 @@
 import { jsxs as t, jsx as r } from "react/jsx-runtime";
 import c from "classnames";
-import { Flex as n } from "../../Flex/Flex.js";
-import p from "./ProgressBar.module.scss.js";
+import n from "./ProgressBar.module.scss.js";
+import { Flex as p } from "../../Flex/Flex.js";
 import { VisuallyHidden as d } from "../../VisuallyHidden/VisuallyHidden.js";
 function y({
   className: i,
@@ -13,9 +13,9 @@ function y({
   const s = Math.max(1, Math.min(m, e)), l = {
     "--g-progress-bar-width": `${s * 100 / e}%`
   };
-  return /* @__PURE__ */ t(n, { flexDirection: "column", children: [
+  return /* @__PURE__ */ t(p, { flexDirection: "column", children: [
     o && /* @__PURE__ */ r(o, {}),
-    /* @__PURE__ */ r("div", { className: c(p.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
+    /* @__PURE__ */ r("div", { className: c(n.root, i), style: l, children: /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r("progress", { "aria-label": a, value: s, max: e }) }) })
   ] });
 }
 export {

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

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as y, Fragment as f } from "react/jsx-runtime";
 import { z as e } from "zod";
-import { useForm as p, FormProvider as d } from "react-hook-form";
+import { useForm as d, FormProvider as p } from "react-hook-form";
 import { zodResolver as N } from "@hookform/resolvers/zod";
 import { SignatoryForm as _ } from "./SignatoryForm.js";
 import { Head as O } from "./Head.js";
@@ -8,14 +8,12 @@ import { AssignSignatorySelection as u } from "./AssignSignatorySelection.js";
 import { SignatoryAssignmentMode as m, AssignSignatoryProvider as E } from "./useAssignSignatory.js";
 import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as C } from "../../Common/Flex/Flex.js";
-import "classnames";
 import "react-i18next";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
+import "classnames";
 import { BaseComponent as M } from "../../Base/Base.js";
 import { useBase as h } from "../../Base/useBase.js";
 import { useI18n as I, useComponentDictionary as Y } from "../../../i18n/I18n.js";
-function Q(n) {
+function K(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -33,7 +31,7 @@ function v({
   dictionary: A
 }) {
   I("Company.AssignSignatory"), Y("Company.AssignSignatory", A);
-  const { onEvent: t } = h(), c = p({
+  const { onEvent: t } = h(), c = d({
     resolver: N(D),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
@@ -53,7 +51,7 @@ function v({
           r === i.COMPANY_CREATE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : t(r, l);
         }
       },
-      children: /* @__PURE__ */ o(C, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(d, { ...c, children: s || /* @__PURE__ */ y(f, { children: [
+      children: /* @__PURE__ */ o(C, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(p, { ...c, children: s || /* @__PURE__ */ y(f, { children: [
         /* @__PURE__ */ o(O, {}),
         /* @__PURE__ */ o(u, {}),
         /* @__PURE__ */ o(_, {})
@@ -62,6 +60,6 @@ function v({
   ) });
 }
 export {
-  Q as AssignSignatory
+  K as AssignSignatory
 };
 //# sourceMappingURL=AssignSignatory.js.map

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 { 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"],"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;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;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,EAAA,CAClD;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;AAE5D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAgBD,SACE,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;AACxD,UAAAN,EAAQO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC/E,UAAID,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAvB,EAACwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,GAAGT,GACf,UAAAN,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAyB;AAAA,0BACzBC,GAAA,CAAA,CAAc;AAAA,MAAA,EAAA,CACjB,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
+{"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"],"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;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;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,EAAA,CAClD;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;AAE5D,QAAM,EAAE,SAAAG,EAAA,IAAYC,EAAA,GAEdC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAgBD,SACE,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;AACxD,UAAAN,EAAQO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC/E,UAAID,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAUQ;AAAA,MAGF,UAAA,gBAAAvB,EAACwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA,gBAAAxB,EAACyB,GAAA,EAAc,GAAGT,GACf,UAAAN,KAGC,gBAAAgB,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAA,EAAK;AAAA,0BACLC,GAAA,EAAyB;AAAA,0BACzBC,GAAA,CAAA,CAAc;AAAA,MAAA,EAAA,CACjB,GAEJ,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -3,11 +3,8 @@ import { useTranslation as e } from "react-i18next";
 import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssignSignatory.js";
 import r from "./AssignSignatorySelection.module.scss.js";
 import "classnames";
-import "../../../shared/constants.js";
 import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const f = () => {
+const u = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
   return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
     a,
@@ -30,6 +27,6 @@ const f = () => {
   ) });
 };
 export {
-  f as AssignSignatorySelection
+  u as AssignSignatorySelection
 };
 //# sourceMappingURL=AssignSignatorySelection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}
+{"version":3,"file":"AssignSignatorySelection.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatorySelection.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { SignatoryAssignmentMode, useAssignSignatory } from './useAssignSignatory'\nimport styles from './AssignSignatorySelection.module.scss'\nimport { RadioGroupField } from '@/components/Common'\n\nexport const AssignSignatorySelection = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { onSignatoryAssignmentModeChange } = useAssignSignatory()\n\n  return (\n    <section className={styles.container}>\n      <RadioGroupField\n        onChange={onSignatoryAssignmentModeChange}\n        label={t('signingOptions.label')}\n        shouldVisuallyHideLabel\n        name=\"signatoryAssignmentMode\"\n        options={[\n          {\n            label: t('signingOptions.selfSign'),\n            value: SignatoryAssignmentMode.createSignatory,\n          },\n          {\n            label: t('signingOptions.appointOther'),\n            value: SignatoryAssignmentMode.inviteSignatory,\n          },\n        ]}\n      />\n    </section>\n  )\n}\n"],"names":["AssignSignatorySelection","t","useTranslation","onSignatoryAssignmentModeChange","useAssignSignatory","jsx","styles","RadioGroupField","SignatoryAssignmentMode"],"mappings":";;;;;;AAKO,MAAMA,IAA2B,MAAM;AAC5C,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,iCAAAC,EAAA,IAAoCC,EAAA;AAE5C,SACE,gBAAAC,EAAC,WAAA,EAAQ,WAAWC,EAAO,WACzB,UAAA,gBAAAD;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,UAAUJ;AAAA,MACV,OAAOF,EAAE,sBAAsB;AAAA,MAC/B,yBAAuB;AAAA,MACvB,MAAK;AAAA,MACL,SAAS;AAAA,QACP;AAAA,UACE,OAAOA,EAAE,yBAAyB;AAAA,UAClC,OAAOO,EAAwB;AAAA,QAAA;AAAA,QAEjC;AAAA,UACE,OAAOP,EAAE,6BAA6B;AAAA,UACtC,OAAOO,EAAwB;AAAA,QAAA;AAAA,MACjC;AAAA,IACF;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -2,15 +2,13 @@ import { jsx as o } from "react/jsx-runtime";
 import { useTranslation as r } from "react-i18next";
 import { useCreateSignatory as s } from "./useCreateSignatory.js";
 import "classnames";
-import "../../../../shared/constants.js";
 import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
 import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-const d = () => {
+const y = () => {
   const { t } = r("Company.AssignSignatory"), { isPending: n } = s(), i = e();
   return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(i.Button, { type: "submit", isLoading: n, children: t("buttons.signDocuments") }) });
 };
 export {
-  d as Actions
+  y as Actions
 };
 //# sourceMappingURL=Actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useCreateSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.signDocuments')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useCreateSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,uBAAuB,GAC5B,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useCreateSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.signDocuments')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useCreateSignatory","Components","useComponentContext","jsx","ActionsLayout"],"mappings":";;;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,EAAA,IAAMC,EAAe,yBAAyB,GAChD,EAAE,WAAAC,EAAA,IAAcC,EAAA,GAChBC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACF,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAWF,GACzC,UAAA,EAAE,uBAAuB,GAC5B,GACF;AAEJ;"}