@gusto/embedded-react-sdk 0.13.2 → 0.13.4

package/dist/components/Common/UI/Table/TableTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps\n  extends Pick<\n    TableHTMLAttributes<HTMLTableElement>,\n    'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n  > {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Visual style variant of the table\n   */\n  variant?: 'default' | 'minimal'\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AA0DO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,mBAAmB;AACrB;"}

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

@@ -1,21 +1,22 @@
-import { jsx as f } from "react/jsx-runtime";
-import x from "classnames";
-import { TextDefaults as g } from "./TextTypes.js";
+import { jsx as x } from "react/jsx-runtime";
+import g from "classnames";
+import { TextDefaults as d } from "./TextTypes.js";
 import t from "./Text.module.scss.js";
 import { applyMissingDefaults as h } from "../../../../helpers/applyMissingDefaults.js";
 const $ = (r) => {
-  const i = h(r, g), { as: m, size: n, textAlign: e, weight: s, className: a, children: l, variant: o } = i, p = m, c = n;
-  return /* @__PURE__ */ f(
-    p,
+  const i = h(r, d), { as: m, size: n, textAlign: e, weight: s, className: a, children: l, variant: o, id: p } = i, c = m, f = n;
+  return /* @__PURE__ */ x(
+    c,
     {
-      className: x(
+      className: g(
         a,
         t.root,
-        t[c],
+        t[f],
         s && t[`weight-${s}`],
         e && t[`textAlign-${e}`],
         o && t[`variant-${o}`]
       ),
+      id: p,
       children: l
     }
   );

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

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../../src/components/Common/UI/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { TextProps } from './TextTypes'\nimport { TextDefaults } from './TextTypes'\nimport styles from './Text.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport const Text = (rawProps: TextProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, TextDefaults)\n  const { as: Component, size, textAlign, weight, className, children, variant } = resolvedProps\n  const ElementType = Component as NonNullable<typeof Component>\n  const textSize = size as NonNullable<typeof size>\n\n  return (\n    <ElementType\n      className={classNames(\n        className,\n        styles.root,\n        styles[textSize],\n        weight && styles[`weight-${weight}`],\n        textAlign && styles[`textAlign-${textAlign}`],\n        variant && styles[`variant-${variant}`],\n      )}\n    >\n      {children}\n    </ElementType>\n  )\n}\n"],"names":["Text","rawProps","resolvedProps","applyMissingDefaults","TextDefaults","Component","size","textAlign","weight","className","children","variant","ElementType","textSize","jsx","classNames","styles"],"mappings":";;;;;AAMO,MAAMA,IAAO,CAACC,MAAwB;AAC3C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D,EAAE,IAAIC,GAAW,MAAAC,GAAM,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,SAAAC,EAAA,IAAYT,GAC3EU,IAAcP,GACdQ,IAAWP;AAEjB,SACE,gBAAAQ;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACTN;AAAA,QACAO,EAAO;AAAA,QACPA,EAAOH,CAAQ;AAAA,QACfL,KAAUQ,EAAO,UAAUR,CAAM,EAAE;AAAA,QACnCD,KAAaS,EAAO,aAAaT,CAAS,EAAE;AAAA,QAC5CI,KAAWK,EAAO,WAAWL,CAAO,EAAE;AAAA,MAAA;AAAA,MAGvC,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Text.js","sources":["../../../../../src/components/Common/UI/Text/Text.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport type { TextProps } from './TextTypes'\nimport { TextDefaults } from './TextTypes'\nimport styles from './Text.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport const Text = (rawProps: TextProps) => {\n  const resolvedProps = applyMissingDefaults(rawProps, TextDefaults)\n  const { as: Component, size, textAlign, weight, className, children, variant, id } = resolvedProps\n  const ElementType = Component as NonNullable<typeof Component>\n  const textSize = size as NonNullable<typeof size>\n\n  return (\n    <ElementType\n      className={classNames(\n        className,\n        styles.root,\n        styles[textSize],\n        weight && styles[`weight-${weight}`],\n        textAlign && styles[`textAlign-${textAlign}`],\n        variant && styles[`variant-${variant}`],\n      )}\n      id={id}\n    >\n      {children}\n    </ElementType>\n  )\n}\n"],"names":["Text","rawProps","resolvedProps","applyMissingDefaults","TextDefaults","Component","size","textAlign","weight","className","children","variant","id","ElementType","textSize","jsx","classNames","styles"],"mappings":";;;;;AAMO,MAAMA,IAAO,CAACC,MAAwB;AAC3C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D,EAAE,IAAIC,GAAW,MAAAC,GAAM,WAAAC,GAAW,QAAAC,GAAQ,WAAAC,GAAW,UAAAC,GAAU,SAAAC,GAAS,IAAAC,EAAA,IAAOV,GAC/EW,IAAcR,GACdS,IAAWR;AAEjB,SACE,gBAAAS;AAAA,IAACF;AAAA,IAAA;AAAA,MACC,WAAWG;AAAA,QACTP;AAAA,QACAQ,EAAO;AAAA,QACPA,EAAOH,CAAQ;AAAA,QACfN,KAAUS,EAAO,UAAUT,CAAM,EAAE;AAAA,QACnCD,KAAaU,EAAO,aAAaV,CAAS,EAAE;AAAA,QAC5CI,KAAWM,EAAO,WAAWN,CAAO,EAAE;AAAA,MAAA;AAAA,MAExC,IAAAC;AAAA,MAEC,UAAAF;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

@@ -1,21 +1,22 @@
-const t = "_root_1hbwh_1", _ = "_sm_1hbwh_6", h = "_md_1hbwh_9", e = "_lg_1hbwh_12", i = {
+const t = "_root_qrbyy_1", _ = "_sm_qrbyy_6", e = "_md_qrbyy_9", r = "_lg_qrbyy_12", y = {
   root: t,
   sm: _,
-  md: h,
-  lg: e,
-  "weight-regular": "_weight-regular_1hbwh_15",
-  "weight-medium": "_weight-medium_1hbwh_18",
-  "weight-semibold": "_weight-semibold_1hbwh_21",
-  "weight-bold": "_weight-bold_1hbwh_24",
-  "textAlign-start": "_textAlign-start_1hbwh_27",
-  "textAlign-center": "_textAlign-center_1hbwh_30",
-  "textAlign-end": "_textAlign-end_1hbwh_33",
-  "variant-supporting": "_variant-supporting_1hbwh_36"
+  md: e,
+  lg: r,
+  "weight-regular": "_weight-regular_qrbyy_15",
+  "weight-medium": "_weight-medium_qrbyy_18",
+  "weight-semibold": "_weight-semibold_qrbyy_21",
+  "weight-bold": "_weight-bold_qrbyy_24",
+  "textAlign-start": "_textAlign-start_qrbyy_27",
+  "textAlign-center": "_textAlign-center_qrbyy_30",
+  "textAlign-end": "_textAlign-end_qrbyy_33",
+  "variant-leading": "_variant-leading_qrbyy_36",
+  "variant-supporting": "_variant-supporting_qrbyy_39"
 };
 export {
-  i as default,
-  e as lg,
-  h as md,
+  y as default,
+  r as lg,
+  e as md,
   t as root,
   _ as sm
 };

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

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

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

@@ -7,7 +7,7 @@ export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'c
     /**
      * Size variant of the text
      */
-    size?: 'sm' | 'md' | 'lg';
+    size?: 'xs' | 'sm' | 'md' | 'lg';
     /**
      * Text alignment within the container
      */
@@ -23,7 +23,7 @@ export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'c
     /**
      * Visual style variant of the text
      */
-    variant?: 'supporting';
+    variant?: 'supporting' | 'leading';
 }
 /**
  * Default prop values for Text component.

package/dist/components/Common/UI/Text/TextTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextTypes.js","sources":["../../../../../src/components/Common/UI/Text/TextTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {\n  /**\n   * HTML element to render the text as\n   */\n  as?: 'p' | 'span' | 'div' | 'pre'\n  /**\n   * Size variant of the text\n   */\n  size?: 'sm' | 'md' | 'lg'\n  /**\n   * Text alignment within the container\n   */\n  textAlign?: 'start' | 'center' | 'end'\n  /**\n   * Font weight of the text\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold'\n  /**\n   * Content to be displayed\n   */\n  children?: ReactNode\n  /**\n   * Visual style variant of the text\n   */\n  variant?: 'supporting'\n}\n\n/**\n * Default prop values for Text component.\n */\nexport const TextDefaults = {\n  as: 'p',\n  size: 'md',\n} as const satisfies Partial<TextProps>\n"],"names":["TextDefaults"],"mappings":"AAgCO,MAAMA,IAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,MAAM;AACR;"}
+{"version":3,"file":"TextTypes.js","sources":["../../../../../src/components/Common/UI/Text/TextTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {\n  /**\n   * HTML element to render the text as\n   */\n  as?: 'p' | 'span' | 'div' | 'pre'\n  /**\n   * Size variant of the text\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg'\n  /**\n   * Text alignment within the container\n   */\n  textAlign?: 'start' | 'center' | 'end'\n  /**\n   * Font weight of the text\n   */\n  weight?: 'regular' | 'medium' | 'semibold' | 'bold'\n  /**\n   * Content to be displayed\n   */\n  children?: ReactNode\n  /**\n   * Visual style variant of the text\n   */\n  variant?: 'supporting' | 'leading'\n}\n\n/**\n * Default prop values for Text component.\n */\nexport const TextDefaults = {\n  as: 'p',\n  size: 'md',\n} as const satisfies Partial<TextProps>\n"],"names":["TextDefaults"],"mappings":"AAgCO,MAAMA,IAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,MAAM;AACR;"}

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

@@ -1,11 +1,11 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { useFieldIds as E } from "../hooks/useFieldIds.js";
 import { TextInputDefaults as L } from "./TextInputTypes.js";
-import { applyMissingDefaults as P } from "../../../../helpers/applyMissingDefaults.js";
-import { FieldLayout as R } from "../../FieldLayout/FieldLayout.js";
-import { Input as T } from "../Input/Input.js";
-function k(t) {
-  const a = P(t, L), {
+import { applyMissingDefaults as R } from "../../../../helpers/applyMissingDefaults.js";
+import { FieldLayout as T } from "../../FieldLayout/FieldLayout.js";
+import { Input as j } from "../Input/Input.js";
+function z(o) {
+  const t = R(o, L), {
     name: n,
     label: s,
     description: e,
@@ -13,39 +13,41 @@ function k(t) {
     isRequired: d,
     type: l,
     inputRef: p,
-    isInvalid: u,
-    isDisabled: m,
+    isInvalid: m,
+    isDisabled: u,
     id: c,
     value: h,
     placeholder: f,
-    onChange: I,
-    onBlur: g,
-    className: b,
-    shouldVisuallyHideLabel: y,
-    adornmentEnd: v,
-    adornmentStart: x,
-    ...C
-  } = a, { inputId: i, errorMessageId: D, descriptionId: F, ariaDescribedBy: M } = E({
+    onChange: b,
+    onBlur: I,
+    className: y,
+    shouldVisuallyHideLabel: g,
+    adornmentEnd: D,
+    adornmentStart: v,
+    "aria-describedby": x,
+    ...B
+  } = t, { inputId: i, errorMessageId: C, descriptionId: F, ariaDescribedBy: M } = E({
     inputId: c,
     errorMessage: r,
-    description: e
+    description: e,
+    ariaDescribedBy: x
   });
-  return /* @__PURE__ */ o(
-    R,
+  return /* @__PURE__ */ a(
+    T,
     {
       label: s,
       description: e,
       errorMessage: r,
       isRequired: d,
       htmlFor: i,
-      errorMessageId: D,
+      errorMessageId: C,
       descriptionId: F,
-      className: b,
-      shouldVisuallyHideLabel: y,
+      className: y,
+      shouldVisuallyHideLabel: g,
       withErrorIcon: !1,
-      ...C,
-      children: /* @__PURE__ */ o(
-        T,
+      ...B,
+      children: /* @__PURE__ */ a(
+        j,
         {
           id: i,
           inputRef: p,
@@ -53,21 +55,21 @@ function k(t) {
           type: l,
           value: h,
           placeholder: f,
-          onChange: (B) => {
-            I?.(B.target.value);
+          onChange: (P) => {
+            b?.(P.target.value);
           },
-          onBlur: g,
+          onBlur: I,
           "aria-describedby": M,
-          "aria-invalid": u,
-          isDisabled: m,
-          adornmentStart: x,
-          adornmentEnd: v
+          "aria-invalid": m,
+          isDisabled: u,
+          adornmentStart: v,
+          adornmentEnd: D
         }
       )
     }
   );
 }
 export {
-  k as TextInput
+  z as TextInput
 };
 //# sourceMappingURL=TextInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { TextInputDefaults } from './TextInputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput(rawProps: TextInputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextInputDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    type,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    adornmentEnd,\n    adornmentStart,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","rawProps","resolvedProps","applyMissingDefaults","TextInputDefaults","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;;;AAQO,SAASA,EAAUC,GAA0B;AAClD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAiB,GAChE;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,IACDrB,GACE,EAAE,SAAAsB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASd;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD;AAMD,SACE,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAP;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAb;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAzBe,CAACgB,MAAyC;AAC7D,YAAAf,IAAWe,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAd;AAAA,UACA,oBAAkBS;AAAA,UAClB,gBAAcf;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { TextInputDefaults } from './TextInputTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput(rawProps: TextInputProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, TextInputDefaults)\n  const {\n    name,\n    label,\n    description,\n    errorMessage,\n    isRequired,\n    type,\n    inputRef,\n    isInvalid,\n    isDisabled,\n    id,\n    value,\n    placeholder,\n    onChange,\n    onBlur,\n    className,\n    shouldVisuallyHideLabel,\n    adornmentEnd,\n    adornmentStart,\n    'aria-describedby': ariaDescribedByFromProps,\n    ...otherProps\n  } = resolvedProps\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n    ariaDescribedBy: ariaDescribedByFromProps,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...otherProps}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","rawProps","resolvedProps","applyMissingDefaults","TextInputDefaults","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","ariaDescribedByFromProps","otherProps","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;;;AAQO,SAASA,EAAUC,GAA0B;AAClD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAiB,GAChE;AAAA,IACJ,MAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,YAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,yBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,oBAAoBC;AAAA,IACpB,GAAGC;AAAA,EAAA,IACDtB,GACE,EAAE,SAAAuB,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASf;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,IACA,iBAAiBgB;AAAA,EAAA,CAClB;AAMD,SACE,gBAAAO;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAzB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASgB;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAR;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGI;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAd;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAzBe,CAACiB,MAAyC;AAC7D,YAAAhB,IAAWgB,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAf;AAAA,UACA,oBAAkBU;AAAA,UAClB,gBAAchB;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

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

@@ -1,7 +1,7 @@
 import { Ref, InputHTMLAttributes } from 'react';
 import { InputProps } from '../Input/InputTypes';
 import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
-export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'placeholder' | 'className' | 'type' | 'onBlur'> {
+export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'placeholder' | 'className' | 'type'>, Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby'> {
     /**
      * React ref for the input element
      */
@@ -22,6 +22,10 @@ export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAt
      * Disables the input and prevents interaction
      */
     isDisabled?: boolean;
+    /**
+     * Handler for blur events
+     */
+    onBlur?: () => void;
     /**
      * Element to display at the start of the input
      */

package/dist/components/Common/UI/TextInput/TextInputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputTypes.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInputTypes.ts"],"sourcesContent":["import type { Ref, InputHTMLAttributes } from 'react'\nimport type { InputProps } from '../Input/InputTypes'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextInputProps\n  extends SharedFieldLayoutProps,\n    Pick<\n      InputHTMLAttributes<HTMLInputElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'type' | 'onBlur'\n    > {\n  /**\n   * React ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Current value of the input\n   */\n  value?: string\n  /**\n   * Callback when input value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Element to display at the start of the input\n   */\n  adornmentStart?: InputProps['adornmentStart']\n  /**\n   * Element to display at the end of the input\n   */\n  adornmentEnd?: InputProps['adornmentEnd']\n}\n\n/**\n * Default prop values for TextInput component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextInputDefaults = {\n  type: 'text',\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<TextInputProps>\n"],"names":["TextInputDefaults"],"mappings":"AA4CO,MAAMA,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"TextInputTypes.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInputTypes.ts"],"sourcesContent":["import type { Ref, InputHTMLAttributes } from 'react'\nimport type { InputProps } from '../Input/InputTypes'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextInputProps\n  extends SharedFieldLayoutProps,\n    Pick<\n      InputHTMLAttributes<HTMLInputElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'type'\n    >,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby'> {\n  /**\n   * React ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Current value of the input\n   */\n  value?: string\n  /**\n   * Callback when input value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Element to display at the start of the input\n   */\n  adornmentStart?: InputProps['adornmentStart']\n  /**\n   * Element to display at the end of the input\n   */\n  adornmentEnd?: InputProps['adornmentEnd']\n}\n\n/**\n * Default prop values for TextInput component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextInputDefaults = {\n  type: 'text',\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<TextInputProps>\n"],"names":["TextInputDefaults"],"mappings":"AAiDO,MAAMA,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/hooks/useFieldIds.d.ts

@@ -4,8 +4,9 @@ interface UseFieldIdsProps {
     errorMessageId?: string;
     description?: React.ReactNode;
     descriptionId?: string;
+    ariaDescribedBy?: string;
 }
-export declare function useFieldIds({ inputId: providedInputId, errorMessage, errorMessageId: providedErrorMessageId, description, descriptionId: providedDescriptionId, }: UseFieldIdsProps): {
+export declare function useFieldIds({ inputId: providedInputId, errorMessage, errorMessageId: providedErrorMessageId, description, descriptionId: providedDescriptionId, ariaDescribedBy: providedAriaDescribedBy, }: UseFieldIdsProps): {
     inputId: string;
     errorMessageId: string;
     descriptionId: string;

package/dist/components/Common/UI/hooks/useFieldIds.js

@@ -1,20 +1,25 @@
 import { useId as e } from "react";
-function g({
+function l({
   inputId: s,
   errorMessage: t,
   errorMessageId: o,
   description: d,
-  descriptionId: i
+  descriptionId: i,
+  ariaDescribedBy: c
 }) {
-  const c = e(), I = e(), a = e(), p = s || `input-${c}`, r = o || `error-message-${I}`, n = i || `description-${a}`;
+  const a = e(), I = e(), p = e(), u = s || `input-${a}`, r = o || `error-message-${I}`, n = i || `description-${p}`;
   return {
-    inputId: p,
+    inputId: u,
     errorMessageId: r,
     descriptionId: n,
-    ariaDescribedBy: [d ? n : null, t ? r : null].filter(Boolean).join(" ")
+    ariaDescribedBy: [
+      d ? n : null,
+      t ? r : null,
+      c
+    ].filter(Boolean).join(" ")
   };
 }
 export {
-  g as useFieldIds
+  l as useFieldIds
 };
 //# sourceMappingURL=useFieldIds.js.map

package/dist/components/Common/UI/hooks/useFieldIds.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFieldIds.js","sources":["../../../../../src/components/Common/UI/hooks/useFieldIds.ts"],"sourcesContent":["import { useId } from 'react'\n\ninterface UseFieldIdsProps {\n  inputId?: string\n  errorMessage?: string\n  errorMessageId?: string\n  description?: React.ReactNode\n  descriptionId?: string\n}\n\nexport function useFieldIds({\n  inputId: providedInputId,\n  errorMessage,\n  errorMessageId: providedErrorMessageId,\n  description,\n  descriptionId: providedDescriptionId,\n}: UseFieldIdsProps) {\n  const generatedInputId = useId()\n  const generatedErrorMessageId = useId()\n  const generatedDescriptionId = useId()\n\n  const inputId = providedInputId || `input-${generatedInputId}`\n  const errorMessageId = providedErrorMessageId || `error-message-${generatedErrorMessageId}`\n  const descriptionId = providedDescriptionId || `description-${generatedDescriptionId}`\n\n  return {\n    inputId,\n    errorMessageId,\n    descriptionId,\n    ariaDescribedBy: [description ? descriptionId : null, errorMessage ? errorMessageId : null]\n      .filter(Boolean)\n      .join(' '),\n  }\n}\n"],"names":["useFieldIds","providedInputId","errorMessage","providedErrorMessageId","description","providedDescriptionId","generatedInputId","useId","generatedErrorMessageId","generatedDescriptionId","inputId","errorMessageId","descriptionId"],"mappings":";AAUO,SAASA,EAAY;AAAA,EAC1B,SAASC;AAAA,EACT,cAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAAC;AAAA,EACA,eAAeC;AACjB,GAAqB;AACnB,QAAMC,IAAmBC,EAAA,GACnBC,IAA0BD,EAAA,GAC1BE,IAAyBF,EAAA,GAEzBG,IAAUT,KAAmB,SAASK,CAAgB,IACtDK,IAAiBR,KAA0B,iBAAiBK,CAAuB,IACnFI,IAAgBP,KAAyB,eAAeI,CAAsB;AAEpF,SAAO;AAAA,IACL,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAiB,CAACR,IAAcQ,IAAgB,MAAMV,IAAeS,IAAiB,IAAI,EACvF,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,EAAA;AAEf;"}
+{"version":3,"file":"useFieldIds.js","sources":["../../../../../src/components/Common/UI/hooks/useFieldIds.ts"],"sourcesContent":["import { useId } from 'react'\n\ninterface UseFieldIdsProps {\n  inputId?: string\n  errorMessage?: string\n  errorMessageId?: string\n  description?: React.ReactNode\n  descriptionId?: string\n  ariaDescribedBy?: string\n}\n\nexport function useFieldIds({\n  inputId: providedInputId,\n  errorMessage,\n  errorMessageId: providedErrorMessageId,\n  description,\n  descriptionId: providedDescriptionId,\n  ariaDescribedBy: providedAriaDescribedBy,\n}: UseFieldIdsProps) {\n  const generatedInputId = useId()\n  const generatedErrorMessageId = useId()\n  const generatedDescriptionId = useId()\n\n  const inputId = providedInputId || `input-${generatedInputId}`\n  const errorMessageId = providedErrorMessageId || `error-message-${generatedErrorMessageId}`\n  const descriptionId = providedDescriptionId || `description-${generatedDescriptionId}`\n\n  return {\n    inputId,\n    errorMessageId,\n    descriptionId,\n    ariaDescribedBy: [\n      description ? descriptionId : null,\n      errorMessage ? errorMessageId : null,\n      providedAriaDescribedBy,\n    ]\n      .filter(Boolean)\n      .join(' '),\n  }\n}\n"],"names":["useFieldIds","providedInputId","errorMessage","providedErrorMessageId","description","providedDescriptionId","providedAriaDescribedBy","generatedInputId","useId","generatedErrorMessageId","generatedDescriptionId","inputId","errorMessageId","descriptionId"],"mappings":";AAWO,SAASA,EAAY;AAAA,EAC1B,SAASC;AAAA,EACT,cAAAC;AAAA,EACA,gBAAgBC;AAAA,EAChB,aAAAC;AAAA,EACA,eAAeC;AAAA,EACf,iBAAiBC;AACnB,GAAqB;AACnB,QAAMC,IAAmBC,EAAA,GACnBC,IAA0BD,EAAA,GAC1BE,IAAyBF,EAAA,GAEzBG,IAAUV,KAAmB,SAASM,CAAgB,IACtDK,IAAiBT,KAA0B,iBAAiBM,CAAuB,IACnFI,IAAgBR,KAAyB,eAAeK,CAAsB;AAEpF,SAAO;AAAA,IACL,SAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,iBAAiB;AAAA,MACfT,IAAcS,IAAgB;AAAA,MAC9BX,IAAeU,IAAiB;AAAA,MAChCN;AAAA,IAAA,EAEC,OAAO,OAAO,EACd,KAAK,GAAG;AAAA,EAAA;AAEf;"}

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

@@ -8,10 +8,11 @@ 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 { 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 w(n) {
+function J(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -58,6 +59,6 @@ function v({
   ) });
 }
 export {
-  w as AssignSignatory
+  J 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

@@ -1,12 +1,14 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useTranslation as e } from "react-i18next";
 import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssignSignatory.js";
-import a from "./AssignSignatorySelection.module.scss.js";
-import { RadioGroupField as r } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const c = () => {
+import r from "./AssignSignatorySelection.module.scss.js";
+import "classnames";
+import "../../../shared/constants.js";
+import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const S = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
-  return /* @__PURE__ */ i("section", { className: a.container, children: /* @__PURE__ */ i(
-    r,
+  return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
+    a,
     {
       onChange: t,
       label: n("signingOptions.label"),
@@ -26,6 +28,6 @@ const c = () => {
   ) });
 };
 export {
-  c as AssignSignatorySelection
+  S 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

@@ -1,13 +1,15 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as i } from "react-i18next";
-import { useCreateSignatory as r } from "./useCreateSignatory.js";
-import { ActionsLayout as e } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as m } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-const f = () => {
-  const { t } = i("Company.AssignSignatory"), { isPending: n } = r(), s = m();
-  return /* @__PURE__ */ o(e, { children: /* @__PURE__ */ o(s.Button, { type: "submit", isLoading: n, children: t("buttons.signDocuments") }) });
+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";
+const C = () => {
+  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 {
-  f as Actions
+  C 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;"}

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

@@ -3,16 +3,16 @@ import { useTranslation as c } from "react-i18next";
 import { useCreateSignatory as p } from "./useCreateSignatory.js";
 import { Flex as o } from "../../../Common/Flex/Flex.js";
 import { Grid as n } from "../../../Common/Grid/Grid.js";
-import { STATES_ABBR as u } from "../../../../shared/constants.js";
-import { usePlaceholderSSN as g, normalizeSSN as h } from "../../../../helpers/ssn.js";
-import { TitleSelect as f } from "../TitleSelect.js";
-import { useMaskedTransform as y, commonMasks as b } from "../../../../helpers/mask.js";
-import { useComponentContext as S } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import { DatePickerField as u } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import { STATES_ABBR as g } from "../../../../shared/constants.js";
+import { usePlaceholderSSN as h, normalizeSSN as f } from "../../../../helpers/ssn.js";
+import { TitleSelect as y } from "../TitleSelect.js";
+import { useMaskedTransform as b, commonMasks as S } from "../../../../helpers/mask.js";
+import { useComponentContext as D } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
 const j = () => {
-  const i = S(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = g(t?.hasSsn), m = y(b.phoneMask);
+  const i = D(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = h(t?.hasSsn), m = b(S.phoneMask);
   return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ a("header", { children: [
@@ -48,7 +48,7 @@ const j = () => {
             isDisabled: !!t
           }
         ),
-        /* @__PURE__ */ r(f, {}),
+        /* @__PURE__ */ r(y, {}),
         /* @__PURE__ */ r(
           s,
           {
@@ -66,12 +66,12 @@ const j = () => {
             label: e("signatoryDetails.ssn"),
             errorMessage: e("validations.ssn", { ns: "common" }),
             isRequired: !t?.hasSsn,
-            transform: h,
+            transform: f,
             placeholder: d
           }
         ),
         /* @__PURE__ */ r(
-          D,
+          u,
           {
             name: "birthday",
             label: e("signatoryDetails.birthday"),
@@ -110,7 +110,7 @@ const j = () => {
           M,
           {
             name: "state",
-            options: u.map((l) => ({
+            options: g.map((l) => ({
               label: e(`statesHash.${l}`, { ns: "common" }),
               value: l
             })),

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

@@ -8,12 +8,14 @@ import "@gusto/embedded-api/models/errors/unprocessableentityerrorobject";
 import "@tanstack/react-query";
 import "../../../Base/useBase.js";
 import "../../../../shared/constants.js";
+import "classnames";
 import "dompurify";
+import "../../../../contexts/LocaleProvider/useLocale.js";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [c, d] = t("CreateSignatoryContext");
+const [s, u] = t("CreateSignatoryContext");
 export {
-  d as CreateSignatoryProvider,
-  c as useCreateSignatory
+  u as CreateSignatoryProvider,
+  s as useCreateSignatory
 };
 //# sourceMappingURL=useCreateSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport { useCreateSignatory, CreateSignatoryProvider }\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;AAkBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport { useCreateSignatory, CreateSignatoryProvider }\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useInviteSignatory } from './useInviteSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useInviteSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.inviteSignatory')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useInviteSignatory","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,yBAAyB,GAC9B,GACF;AAEJ;"}
+{"version":3,"file":"Actions.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/Actions.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { useInviteSignatory } from './useInviteSignatory'\nimport { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const Actions = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const { isPending } = useInviteSignatory()\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      <Components.Button type=\"submit\" isLoading={isPending}>\n        {t('buttons.inviteSignatory')}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["Actions","useTranslation","isPending","useInviteSignatory","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,yBAAyB,GAC9B,GACF;AAEJ;"}

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

@@ -4,10 +4,10 @@ import { useFormContext as u } from "react-hook-form";
 import { useTranslation as E } from "react-i18next";
 import { Flex as S } from "../../../Common/Flex/Flex.js";
 import { Grid as v } from "../../../Common/Grid/Grid.js";
+import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { nameValidation as l } from "../../../../helpers/validations.js";
 import { TitleSelect as y } from "../TitleSelect.js";
 import { useComponentContext as x } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
 const m = "email_mismatch", w = r.object({
   firstName: l,
   lastName: l,