@gusto/embedded-react-sdk 0.13.1 → 0.13.3

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

@@ -1,28 +1,26 @@
-import { jsx as c } from "react/jsx-runtime";
-import f from "classnames";
-import o from "./Text.module.scss.js";
-const $ = ({
-  as: t = "p",
-  size: e = "md",
-  textAlign: r,
-  weight: s,
-  className: a,
-  children: p,
-  variant: m
-}) => /* @__PURE__ */ c(
-  t,
-  {
-    className: f(
-      a,
-      o.root,
-      o[e],
-      s && o[`weight-${s}`],
-      r && o[`textAlign-${r}`],
-      m && o[`variant-${m}`]
-    ),
-    children: p
-  }
-);
+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, 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: g(
+        a,
+        t.root,
+        t[f],
+        s && t[`weight-${s}`],
+        e && t[`textAlign-${e}`],
+        o && t[`variant-${o}`]
+      ),
+      id: p,
+      children: l
+    }
+  );
+};
 export {
   $ as Text
 };

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 styles from './Text.module.scss'\n\nexport const Text = ({\n  as: Component = 'p',\n  size = 'md',\n  textAlign,\n  weight,\n  className,\n  children,\n  variant,\n}: TextProps) => {\n  return (\n    <Component\n      className={classNames(\n        className,\n        styles.root,\n        styles[size],\n        weight && styles[`weight-${weight}`],\n        textAlign && styles[`textAlign-${textAlign}`],\n        variant && styles[`variant-${variant}`],\n      )}\n    >\n      {children}\n    </Component>\n  )\n}\n"],"names":["Text","Component","size","textAlign","weight","className","children","variant","jsx","classNames","styles"],"mappings":";;;AAIO,MAAMA,IAAO,CAAC;AAAA,EACnB,IAAIC,IAAY;AAAA,EAChB,MAAAC,IAAO;AAAA,EACP,WAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AACF,MAEI,gBAAAC;AAAA,EAACP;AAAA,EAAA;AAAA,IACC,WAAWQ;AAAA,MACTJ;AAAA,MACAK,EAAO;AAAA,MACPA,EAAOR,CAAI;AAAA,MACXE,KAAUM,EAAO,UAAUN,CAAM,EAAE;AAAA,MACnCD,KAAaO,EAAO,aAAaP,CAAS,EAAE;AAAA,MAC5CI,KAAWG,EAAO,WAAWH,CAAO,EAAE;AAAA,IAAA;AAAA,IAGvC,UAAAD;AAAA,EAAA;AAAA;"}
+{"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/TextTypes.d.ts

@@ -25,3 +25,10 @@ export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'c
      */
     variant?: 'supporting';
 }
+/**
+ * Default prop values for Text component.
+ */
+export declare const TextDefaults: {
+    readonly as: "p";
+    readonly size: "md";
+};

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

@@ -0,0 +1,8 @@
+const e = {
+  as: "p",
+  size: "md"
+};
+export {
+  e as TextDefaults
+};
+//# sourceMappingURL=TextTypes.js.map

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

@@ -0,0 +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;"}

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

@@ -1,2 +1,2 @@
 import { TextInputProps } from './TextInputTypes';
-export declare function TextInput({ name, label, description, errorMessage, isRequired, type, inputRef, isInvalid, isDisabled, id, value, placeholder, onChange, onBlur, className, shouldVisuallyHideLabel, adornmentEnd, adornmentStart, ...props }: TextInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextInput(rawProps: TextInputProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,65 +1,69 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useFieldIds as w } from "../hooks/useFieldIds.js";
-import { FieldLayout as B } from "../../FieldLayout/FieldLayout.js";
-import { Input as D } from "../Input/Input.js";
-function z({
-  name: a,
-  label: n,
-  description: e,
-  errorMessage: r,
-  isRequired: o,
-  type: d = "text",
-  inputRef: l,
-  isInvalid: s = !1,
-  isDisabled: m = !1,
-  id: p,
-  value: u,
-  placeholder: f,
-  onChange: h,
-  onBlur: I,
-  className: c,
-  shouldVisuallyHideLabel: g,
-  adornmentEnd: x,
-  adornmentStart: b,
-  ...y
-}) {
-  const { inputId: t, errorMessageId: C, descriptionId: F, ariaDescribedBy: v } = w({
-    inputId: p,
+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 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,
     errorMessage: r,
-    description: e
+    isRequired: d,
+    type: l,
+    inputRef: p,
+    isInvalid: m,
+    isDisabled: u,
+    id: c,
+    value: h,
+    placeholder: f,
+    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,
+    ariaDescribedBy: x
   });
-  return /* @__PURE__ */ i(
-    B,
+  return /* @__PURE__ */ a(
+    T,
     {
-      label: n,
+      label: s,
       description: e,
       errorMessage: r,
-      isRequired: o,
-      htmlFor: t,
+      isRequired: d,
+      htmlFor: i,
       errorMessageId: C,
       descriptionId: F,
-      className: c,
+      className: y,
       shouldVisuallyHideLabel: g,
       withErrorIcon: !1,
-      ...y,
-      children: /* @__PURE__ */ i(
-        D,
+      ...B,
+      children: /* @__PURE__ */ a(
+        j,
         {
-          id: t,
-          inputRef: l,
-          name: a,
-          type: d,
-          value: u,
+          id: i,
+          inputRef: p,
+          name: n,
+          type: l,
+          value: h,
           placeholder: f,
-          onChange: (j) => {
-            h?.(j.target.value);
+          onChange: (P) => {
+            b?.(P.target.value);
           },
           onBlur: I,
-          "aria-describedby": v,
-          "aria-invalid": s,
-          isDisabled: m,
-          adornmentStart: b,
-          adornmentEnd: x
+          "aria-describedby": M,
+          "aria-invalid": m,
+          isDisabled: u,
+          adornmentStart: v,
+          adornmentEnd: D
         }
       )
     }

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 { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  type = 'text',\n  inputRef,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  value,\n  placeholder,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  adornmentEnd,\n  adornmentStart,\n  ...props\n}: TextInputProps) {\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      {...props}\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","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;AAMO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,EAAE,SAAAC,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
      */
@@ -31,3 +35,12 @@ export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAt
      */
     adornmentEnd?: InputProps['adornmentEnd'];
 }
+/**
+ * Default prop values for TextInput component.
+ * These are used by the component adapter to automatically provide defaults.
+ */
+export declare const TextInputDefaults: {
+    readonly type: "text";
+    readonly isInvalid: false;
+    readonly isDisabled: false;
+};

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

@@ -0,0 +1,9 @@
+const e = {
+  type: "text",
+  isInvalid: !1,
+  isDisabled: !1
+};
+export {
+  e as TextInputDefaults
+};
+//# sourceMappingURL=TextInputTypes.js.map

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

@@ -0,0 +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'\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

@@ -1,18 +1,19 @@
 import { jsx as o, jsxs as y, Fragment as f } from "react/jsx-runtime";
 import { z as e } from "zod";
-import { useForm as d, FormProvider as N } from "react-hook-form";
-import { zodResolver as p } from "@hookform/resolvers/zod";
+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";
 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 "react-i18next";
 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 J(n) {
+function K(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -31,7 +32,7 @@ function v({
 }) {
   I("Company.AssignSignatory"), Y("Company.AssignSignatory", A);
   const { onEvent: t } = h(), c = d({
-    resolver: p(D),
+    resolver: N(D),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
     }
@@ -50,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(N, { ...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(_, {})
@@ -59,6 +60,6 @@ function v({
   ) });
 }
 export {
-  J 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,9 +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";
-const S = () => {
+const u = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
   return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
     a,
@@ -28,6 +27,6 @@ const S = () => {
   ) });
 };
 export {
-  S 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,14 +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";
-const C = () => {
+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 {
-  C 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;"}

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

@@ -16,10 +16,11 @@ import { useI18n as W } from "../../../../i18n/I18n.js";
 import { BaseComponent as X } from "../../../Base/Base.js";
 import { useBase as Z } from "../../../Base/useBase.js";
 import { Flex as $ } from "../../../Common/Flex/Flex.js";
+import "react-i18next";
 import { companyEvents as c } from "../../../../shared/constants.js";
 import { formatDateToStringDate as V } from "../../../../helpers/dateFormatting.js";
 import { useMaskedTransform as tt, commonMasks as et } from "../../../../helpers/mask.js";
-function Pt(r) {
+function bt(r) {
   return /* @__PURE__ */ o(X, { ...r, children: /* @__PURE__ */ o(ot, { ...r, children: r.children }) });
 }
 function ot({
@@ -113,6 +114,6 @@ function ot({
   ) });
 }
 export {
-  Pt as CreateSignatory
+  bt as CreateSignatory
 };
 //# sourceMappingURL=CreateSignatory.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const commonData = {\n        ...signatoryData,\n        birthday: formatDateToStringDate(birthday) || '',\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            requestBody: {\n              version: currentSignatory.version,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","commonData","formatDateToStringDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}
+{"version":3,"file":"CreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatory.tsx"],"sourcesContent":["import { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport classNames from 'classnames'\nimport { useSignatoriesListSuspense } from '@gusto/embedded-api/react-query/signatoriesList'\nimport { useSignatoriesCreateMutation } from '@gusto/embedded-api/react-query/signatoriesCreate'\nimport { useSignatoriesUpdateMutation } from '@gusto/embedded-api/react-query/signatoriesUpdate'\nimport { useSignatoriesDeleteMutation } from '@gusto/embedded-api/react-query/signatoriesDelete'\nimport { type CreateSignatoryInputs } from './CreateSignatoryForm'\nimport { CreateSignatoryForm } from './CreateSignatoryForm'\nimport { Actions } from './Actions'\nimport styles from './CreateSignatory.module.scss'\nimport type { CreateSignatoryDefaultValues } from './useCreateSignatory'\nimport { CreateSignatoryProvider } from './useCreateSignatory'\nimport { generateCreateSignatorySchema } from './Schema'\nimport { Form } from '@/components/Common/Form'\nimport { useI18n } from '@/i18n'\nimport {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\ninterface CreateSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\nexport function CreateSignatory(props: CreateSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: CreateSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent, baseSubmitHandler } = useBase()\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  const {\n    data: { signatoryList },\n  } = useSignatoriesListSuspense({\n    companyUuid: companyId,\n  })\n  const signatories = signatoryList!\n\n  const currentSignatory = signatories.find(signatory => signatory.uuid === signatoryId)\n\n  const createSignatoryMutation = useSignatoriesCreateMutation()\n  const updateSignatoryMutation = useSignatoriesUpdateMutation()\n  const deleteSignatoryMutation = useSignatoriesDeleteMutation()\n\n  const defaultBirthday = currentSignatory?.birthday ?? defaultValues?.birthday\n\n  const createSignatoryDefaultValues = {\n    firstName: currentSignatory?.firstName ?? defaultValues?.firstName ?? '',\n    lastName: currentSignatory?.lastName ?? defaultValues?.lastName ?? '',\n    email: currentSignatory?.email ?? defaultValues?.email ?? '',\n    title: currentSignatory?.title ?? defaultValues?.title ?? '',\n    phone: transformPhone(currentSignatory?.phone ?? defaultValues?.phone ?? ''),\n    ssn: currentSignatory?.hasSsn ? '' : defaultValues?.ssn,\n    street1: currentSignatory?.homeAddress?.street1 ?? defaultValues?.street1,\n    street2: currentSignatory?.homeAddress?.street2 ?? defaultValues?.street2,\n    city: currentSignatory?.homeAddress?.city ?? defaultValues?.city,\n    state: currentSignatory?.homeAddress?.state ?? defaultValues?.state,\n    zip: currentSignatory?.homeAddress?.zip ?? defaultValues?.zip,\n    ...(defaultBirthday ? { birthday: new Date(defaultBirthday) } : {}),\n  }\n\n  const formMethods = useForm<CreateSignatoryInputs>({\n    resolver: zodResolver(generateCreateSignatorySchema(currentSignatory?.hasSsn)),\n    defaultValues: createSignatoryDefaultValues,\n  })\n\n  const onSubmit = async (data: CreateSignatoryInputs) => {\n    await baseSubmitHandler(data, async payload => {\n      const { street1, street2, city, state, zip, birthday, email, ssn, ...signatoryData } = payload\n\n      const commonData = {\n        ...signatoryData,\n        birthday: formatDateToStringDate(birthday) || '',\n        homeAddress: {\n          street1,\n          street2,\n          city,\n          state,\n          zip,\n        },\n      }\n\n      if (currentSignatory) {\n        const updateSignatoryResponse = await updateSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            signatoryUuid: currentSignatory.uuid,\n            requestBody: {\n              version: currentSignatory.version,\n              ...(ssn ? { ssn } : {}),\n              ...commonData,\n            },\n          },\n        })\n\n        onEvent(companyEvents.COMPANY_SIGNATORY_UPDATED, updateSignatoryResponse.signatory)\n      } else {\n        if (signatories[0]?.uuid) {\n          await deleteSignatoryMutation.mutateAsync({\n            request: {\n              companyUuid: companyId,\n              signatoryUuid: signatories[0].uuid,\n            },\n          })\n        }\n        const createSignatoryResponse = await createSignatoryMutation.mutateAsync({\n          request: {\n            companyUuid: companyId,\n            requestBody: {\n              email,\n              ssn: ssn || '',\n              ...commonData,\n            },\n          },\n        })\n        onEvent(companyEvents.COMPANY_SIGNATORY_CREATED, createSignatoryResponse.signatory)\n      }\n      onEvent(companyEvents.COMPANY_CREATE_SIGNATORY_DONE)\n    })\n  }\n\n  return (\n    <section className={classNames(styles.container, className)}>\n      <CreateSignatoryProvider\n        value={{\n          isPending:\n            createSignatoryMutation.isPending ||\n            deleteSignatoryMutation.isPending ||\n            updateSignatoryMutation.isPending,\n          currentSignatory,\n        }}\n      >\n        <FormProvider {...formMethods}>\n          <Form onSubmit={formMethods.handleSubmit(onSubmit)}>\n            <Flex flexDirection=\"column\" gap={32}>\n              {children ? (\n                children\n              ) : (\n                <>\n                  <CreateSignatoryForm />\n                  <Actions />\n                </>\n              )}\n            </Flex>\n          </Form>\n        </FormProvider>\n      </CreateSignatoryProvider>\n    </section>\n  )\n}\n"],"names":["CreateSignatory","props","jsx","BaseComponent","Root","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","baseSubmitHandler","useBase","transformPhone","useMaskedTransform","commonMasks","signatoryList","useSignatoriesListSuspense","signatories","currentSignatory","signatory","createSignatoryMutation","useSignatoriesCreateMutation","updateSignatoryMutation","useSignatoriesUpdateMutation","deleteSignatoryMutation","useSignatoriesDeleteMutation","defaultBirthday","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","commonData","formatDateToStringDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":"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"}