@gusto/embedded-react-sdk 0.52.2 → 0.53.0

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

@@ -1,36 +1,37 @@
-import { jsxs as a, jsx as o, Fragment as A } from "react/jsx-runtime";
-import { useRef as D } from "react";
-import { Grid as x } from "../../Grid/Grid.js";
-import { DialogDefaults as B } from "./DialogTypes.js";
-import r from "./Dialog.module.scss.js";
-import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
-import P from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+import { jsxs as a, jsx as o, Fragment as x } from "react/jsx-runtime";
+import { useRef as A } from "react";
+import { Grid as D } from "../../Grid/Grid.js";
+import { DialogDefaults as P } from "./DialogTypes.js";
+import e from "./Dialog.module.scss.js";
+import { applyMissingDefaults as B } from "../../../../helpers/applyMissingDefaults.js";
+import L from "../../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
 import { useComponentContext as N } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-function z(c) {
-  const m = L(c, B), {
+import { ThemeContext as R } from "../../../../contexts/ThemeProvider/useTheme.js";
+function H(c) {
+  const m = B(c, P), {
     isOpen: d,
-    onClose: n,
+    onClose: r,
     onPrimaryActionClick: t,
     isDestructive: p,
     isPrimaryActionLoading: f,
     primaryActionLabel: u,
     closeActionLabel: C,
-    title: e,
-    children: s,
-    shouldCloseOnBackdropClick: g
-  } = m, i = N(), l = D(null), h = P({
-    ref: l
+    title: s,
+    children: l,
+    shouldCloseOnBackdropClick: h
+  } = m, n = N(), i = A(null), g = L({
+    ref: i
   }).includes("small") ? ["1fr", "1fr"] : "1fr", y = () => {
-    n && n();
+    r && r();
   }, k = () => {
     t && t();
-  }, v = /* @__PURE__ */ a(A, { children: [
-    e && /* @__PURE__ */ o("div", { className: r.title, children: e }),
-    s && /* @__PURE__ */ o("div", { className: r.body, children: s })
-  ] }), b = /* @__PURE__ */ a(x, { gridTemplateColumns: h, gap: 12, className: r.actions, children: [
-    /* @__PURE__ */ o(i.Button, { variant: "secondary", onClick: y, children: C }),
+  }, v = /* @__PURE__ */ a(x, { children: [
+    s && /* @__PURE__ */ o("div", { className: e.title, children: s }),
+    l && /* @__PURE__ */ o("div", { className: e.body, children: l })
+  ] }), b = /* @__PURE__ */ a(D, { gridTemplateColumns: g, gap: 12, className: e.actions, children: [
+    /* @__PURE__ */ o(n.Button, { variant: "secondary", onClick: y, children: C }),
     /* @__PURE__ */ o(
-      i.Button,
+      n.Button,
       {
         variant: p ? "error" : "primary",
         onClick: k,
@@ -40,18 +41,18 @@ function z(c) {
     )
   ] });
   return /* @__PURE__ */ o(
-    i.Modal,
+    n.Modal,
     {
       isOpen: d,
-      onClose: n,
-      shouldCloseOnBackdropClick: g,
-      containerRef: l,
+      onClose: r,
+      shouldCloseOnBackdropClick: h,
+      containerRef: i,
       footer: b,
-      children: v
+      children: /* @__PURE__ */ o(R.Provider, { value: { container: i }, children: v })
     }
   );
 }
 export {
-  z as Dialog
+  H as Dialog
 };
 //# sourceMappingURL=Dialog.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\n/**\n * Modal dialog with a title, body, primary action, and close action.\n *\n * @remarks\n * Renders through the ComponentsContext adapter, so partners can override the\n * underlying `Modal` and `Button` primitives with their own design system.\n *\n * @param rawProps - Dialog configuration including labels, open state, and action callbacks.\n * @returns The rendered dialog element.\n * @internal\n */\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: modalContainerRef,\n  })\n\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  const dialogContent = (\n    <>\n      {title && <div className={styles.title}>{title}</div>}\n      {children && <div className={styles.body}>{children}</div>}\n    </>\n  )\n\n  const dialogFooter = (\n    <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n      <Components.Button variant=\"secondary\" onClick={handleClose}>\n        {closeActionLabel}\n      </Components.Button>\n      <Components.Button\n        variant={isDestructive ? 'error' : 'primary'}\n        onClick={handlePrimaryAction}\n        isLoading={isPrimaryActionLoading}\n      >\n        {primaryActionLabel}\n      </Components.Button>\n    </Grid>\n  )\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick={shouldCloseOnBackdropClick}\n      containerRef={modalContainerRef}\n      footer={dialogFooter}\n    >\n      {dialogContent}\n    </Components.Modal>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","Components","useComponentContext","modalContainerRef","useRef","gridColumns","useContainerBreakpoints","handleClose","handlePrimaryAction","dialogContent","jsxs","Fragment","jsx","styles","dialogFooter","Grid"],"mappings":";;;;;;;;AAmBO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAaC,EAAA,GAEbC,IAAoBC,EAAuB,IAAI,GAK/CC,IAJcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EAE+B,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,OAE/DI,IAAc,MAAM;AACxB,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IAAsB,MAAM;AAChC,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAf,GAAM;AAAA,IAC9CC,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAd,EAAA,CAAS;AAAA,EAAA,GACtD,GAGIe,sBACHC,GAAA,EAAK,qBAAqBV,GAAa,KAAK,IAAI,WAAWQ,EAAO,SACjE,UAAA;AAAA,IAAA,gBAAAD,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAC7C,UAAAV,GACH;AAAA,IACA,gBAAAe;AAAA,MAACX,EAAW;AAAA,MAAX;AAAA,QACC,SAASP,IAAgB,UAAU;AAAA,QACnC,SAASc;AAAA,QACT,WAAWb;AAAA,QAEV,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SACE,gBAAAgB;AAAA,IAACX,EAAW;AAAA,IAAX;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,4BAAAQ;AAAA,MACA,cAAcG;AAAA,MACd,QAAQW;AAAA,MAEP,UAAAL;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"Dialog.js","sources":["../../../../../src/components/Common/UI/Dialog/Dialog.tsx"],"sourcesContent":["import { useRef } from 'react'\nimport { Grid } from '../../Grid/Grid'\nimport { type DialogProps, DialogDefaults } from './DialogTypes'\nimport styles from './Dialog.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useContainerBreakpoints } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { ThemeContext } from '@/contexts/ThemeProvider/useTheme'\n\n/**\n * Modal dialog with a title, body, primary action, and close action.\n *\n * @remarks\n * Renders through the ComponentsContext adapter, so partners can override the\n * underlying `Modal` and `Button` primitives with their own design system.\n *\n * @param rawProps - Dialog configuration including labels, open state, and action callbacks.\n * @returns The rendered dialog element.\n * @internal\n */\nexport function Dialog(rawProps: DialogProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, DialogDefaults)\n  const {\n    isOpen,\n    onClose,\n    onPrimaryActionClick,\n    isDestructive,\n    isPrimaryActionLoading,\n    primaryActionLabel,\n    closeActionLabel,\n    title,\n    children,\n    shouldCloseOnBackdropClick,\n  } = resolvedProps\n\n  const Components = useComponentContext()\n\n  const modalContainerRef = useRef<HTMLDivElement>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: modalContainerRef,\n  })\n\n  const gridColumns = breakpoints.includes('small') ? ['1fr', '1fr'] : '1fr'\n\n  const handleClose = () => {\n    if (onClose) {\n      onClose()\n    }\n  }\n\n  const handlePrimaryAction = () => {\n    if (onPrimaryActionClick) {\n      onPrimaryActionClick()\n    }\n  }\n\n  const dialogContent = (\n    <>\n      {title && <div className={styles.title}>{title}</div>}\n      {children && <div className={styles.body}>{children}</div>}\n    </>\n  )\n\n  const dialogFooter = (\n    <Grid gridTemplateColumns={gridColumns} gap={12} className={styles.actions}>\n      <Components.Button variant=\"secondary\" onClick={handleClose}>\n        {closeActionLabel}\n      </Components.Button>\n      <Components.Button\n        variant={isDestructive ? 'error' : 'primary'}\n        onClick={handlePrimaryAction}\n        isLoading={isPrimaryActionLoading}\n      >\n        {primaryActionLabel}\n      </Components.Button>\n    </Grid>\n  )\n\n  return (\n    <Components.Modal\n      isOpen={isOpen}\n      onClose={onClose}\n      shouldCloseOnBackdropClick={shouldCloseOnBackdropClick}\n      containerRef={modalContainerRef}\n      footer={dialogFooter}\n    >\n      {/*\n        The default Modal renders a native <dialog>, which makes everything outside its own DOM\n        subtree inert while open. Popover-based fields (Select, ComboBox, DatePicker, Menu) portal\n        to ThemeProvider's page-level container by default, which would land outside the <dialog>\n        and become inert/unclickable. Overriding the container here to a node already inside the\n        <dialog> (the same ref Modal uses for its backdrop) keeps those portals interactive.\n      */}\n      <ThemeContext.Provider value={{ container: modalContainerRef }}>\n        {dialogContent}\n      </ThemeContext.Provider>\n    </Components.Modal>\n  )\n}\n"],"names":["Dialog","rawProps","resolvedProps","applyMissingDefaults","DialogDefaults","isOpen","onClose","onPrimaryActionClick","isDestructive","isPrimaryActionLoading","primaryActionLabel","closeActionLabel","title","children","shouldCloseOnBackdropClick","Components","useComponentContext","modalContainerRef","useRef","gridColumns","useContainerBreakpoints","handleClose","handlePrimaryAction","dialogContent","jsxs","Fragment","jsx","styles","dialogFooter","Grid","ThemeContext"],"mappings":";;;;;;;;;AAoBO,SAASA,EAAOC,GAAuB;AAC5C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAc,GAC7D;AAAA,IACJ,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,eAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,oBAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,4BAAAC;AAAA,EAAA,IACEZ,GAEEa,IAAaC,EAAA,GAEbC,IAAoBC,EAAuB,IAAI,GAK/CC,IAJcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,EAAA,CACN,EAE+B,SAAS,OAAO,IAAI,CAAC,OAAO,KAAK,IAAI,OAE/DI,IAAc,MAAM;AACxB,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IAAsB,MAAM;AAChC,IAAIf,KACFA,EAAA;AAAA,EAEJ,GAEMgB,IACJ,gBAAAC,EAAAC,GAAA,EACG,UAAA;AAAA,IAAAb,KAAS,gBAAAc,EAAC,OAAA,EAAI,WAAWC,EAAO,OAAQ,UAAAf,GAAM;AAAA,IAC9CC,KAAY,gBAAAa,EAAC,OAAA,EAAI,WAAWC,EAAO,MAAO,UAAAd,EAAA,CAAS;AAAA,EAAA,GACtD,GAGIe,sBACHC,GAAA,EAAK,qBAAqBV,GAAa,KAAK,IAAI,WAAWQ,EAAO,SACjE,UAAA;AAAA,IAAA,gBAAAD,EAACX,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASM,GAC7C,UAAAV,GACH;AAAA,IACA,gBAAAe;AAAA,MAACX,EAAW;AAAA,MAAX;AAAA,QACC,SAASP,IAAgB,UAAU;AAAA,QACnC,SAASc;AAAA,QACT,WAAWb;AAAA,QAEV,UAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,EACH,GACF;AAGF,SACE,gBAAAgB;AAAA,IAACX,EAAW;AAAA,IAAX;AAAA,MACC,QAAAV;AAAA,MACA,SAAAC;AAAA,MACA,4BAAAQ;AAAA,MACA,cAAcG;AAAA,MACd,QAAQW;AAAA,MASR,UAAA,gBAAAF,EAACI,EAAa,UAAb,EAAsB,OAAO,EAAE,WAAWb,EAAA,GACxC,UAAAM,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -7,13 +7,13 @@ import { FileInputDefaults as K } from "./FileInputTypes.js";
 import n from "./FileInput.module.scss.js";
 import { applyMissingDefaults as L } from "../../../../helpers/applyMissingDefaults.js";
 import { FieldLayout as O } from "../../FieldLayout/FieldLayout.js";
+import { Flex as y } from "../../Flex/Flex.js";
 import { ButtonIcon as R } from "../Button/ButtonIcon.js";
 import W from "../../../../assets/icons/icon-trashcan.svg.js";
 import Z from "../../../../assets/icons/icon-file-outline.svg.js";
 import $ from "../../../../assets/icons/icon-file-pdf.svg.js";
 import H from "../../../../assets/icons/icon-file-png.svg.js";
 import V from "../../../../assets/icons/icon-file-jpg.svg.js";
-import { Flex as y } from "../../Flex/Flex.js";
 function Q(i) {
   return i === "application/pdf" ? $ : i === "image/png" ? H : i === "image/jpeg" || i === "image/jpg" ? V : Z;
 }

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

@@ -6,4 +6,4 @@ import { FormBoxProps } from './FormBoxTypes';
  * @returns The rendered form box.
  * @internal
  */
-export declare function FormBox({ children, header, withPadding, className }: FormBoxProps): import("react").JSX.Element;
+export declare function FormBox({ children, header, footer, withPadding, className }: FormBoxProps): import("react").JSX.Element;

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

@@ -1,13 +1,14 @@
-import { jsxs as m, jsx as s } from "react/jsx-runtime";
-import i from "classnames";
-import t from "./FormBox.module.scss.js";
-function l({ children: r, header: o, withPadding: e = !0, className: a }) {
-  return /* @__PURE__ */ m("div", { className: i(t.root, a), "data-testid": "data-form-box", children: [
-    o && /* @__PURE__ */ s("div", { className: t.header, children: o }),
-    /* @__PURE__ */ s("div", { className: e ? t.content : t.contentFlush, children: r })
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import c from "classnames";
+import s from "./FormBox.module.scss.js";
+function f({ children: e, header: o, footer: r, withPadding: a = !0, className: m }) {
+  return /* @__PURE__ */ i("div", { className: c(s.root, m), "data-testid": "data-form-box", children: [
+    o && /* @__PURE__ */ t("div", { className: s.header, children: o }),
+    /* @__PURE__ */ t("div", { className: a ? s.content : s.contentFlush, children: e }),
+    r && /* @__PURE__ */ t("div", { className: s.footer, children: r })
   ] });
 }
 export {
-  l as FormBox
+  f as FormBox
 };
 //# sourceMappingURL=FormBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FormBox.js","sources":["../../../../../src/components/Common/UI/FormBox/FormBox.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './FormBox.module.scss'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\n\n/**\n * Renders a bordered container used to group related form fields, with an optional header slot.\n *\n * @param props - The {@link FormBoxProps} controlling the form box contents, header, and padding.\n * @returns The rendered form box.\n * @internal\n */\nexport function FormBox({ children, header, withPadding = true, className }: FormBoxProps) {\n  return (\n    <div className={cn(styles.root, className)} data-testid=\"data-form-box\">\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={withPadding ? styles.content : styles.contentFlush}>{children}</div>\n    </div>\n  )\n}\n"],"names":["FormBox","children","header","withPadding","className","jsxs","cn","styles","jsx"],"mappings":";;;AAWO,SAASA,EAAQ,EAAE,UAAAC,GAAU,QAAAC,GAAQ,aAAAC,IAAc,IAAM,WAAAC,KAA2B;AACzF,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,MAAMH,CAAS,GAAG,eAAY,iBACrD,UAAA;AAAA,IAAAF,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAL,GAAO;AAAA,IAClD,gBAAAM,EAAC,SAAI,WAAWL,IAAcI,EAAO,UAAUA,EAAO,cAAe,UAAAN,EAAA,CAAS;AAAA,EAAA,GAChF;AAEJ;"}
+{"version":3,"file":"FormBox.js","sources":["../../../../../src/components/Common/UI/FormBox/FormBox.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './FormBox.module.scss'\nimport type { FormBoxProps } from '@/components/Common/UI/FormBox/FormBoxTypes'\n\n/**\n * Renders a bordered container used to group related form fields, with an optional header slot.\n *\n * @param props - The {@link FormBoxProps} controlling the form box contents, header, and padding.\n * @returns The rendered form box.\n * @internal\n */\nexport function FormBox({ children, header, footer, withPadding = true, className }: FormBoxProps) {\n  return (\n    <div className={cn(styles.root, className)} data-testid=\"data-form-box\">\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={withPadding ? styles.content : styles.contentFlush}>{children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["FormBox","children","header","footer","withPadding","className","jsxs","cn","styles","jsx"],"mappings":";;;AAWO,SAASA,EAAQ,EAAE,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,aAAAC,IAAc,IAAM,WAAAC,KAA2B;AACjG,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,MAAMH,CAAS,GAAG,eAAY,iBACrD,UAAA;AAAA,IAAAH,KAAU,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAN,GAAO;AAAA,IAClD,gBAAAO,EAAC,SAAI,WAAWL,IAAcI,EAAO,UAAUA,EAAO,cAAe,UAAAP,GAAS;AAAA,IAC7EE,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAL,EAAA,CAAO;AAAA,EAAA,GACpD;AAEJ;"}

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

@@ -1,13 +1,15 @@
-const t = "_root_c61dy_1", o = "_header_c61dy_12", n = "_content_c61dy_17", c = "_contentFlush_c61dy_22", e = {
+const t = "_root_16abs_1", o = "_header_16abs_12", e = "_content_16abs_17", n = "_contentFlush_16abs_22", s = "_footer_16abs_27", _ = {
   root: t,
   header: o,
-  content: n,
-  contentFlush: c
+  content: e,
+  contentFlush: n,
+  footer: s
 };
 export {
-  n as content,
-  c as contentFlush,
-  e as default,
+  e as content,
+  n as contentFlush,
+  _ as default,
+  s as footer,
   o as header,
   t as root
 };

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

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

package/dist/components/Common/UI/FormBox/FormBoxTypes.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 /**
  * Props your `FormBox` implementation must accept from the component adapter.
- * Renders a sectioned container used to group related form fields, with an optional header slot.
+ * Renders a sectioned container used to group related form fields, with optional header and footer slots.
  *
  * @public
  * @group Component props
@@ -15,6 +15,10 @@ export interface FormBoxProps {
      * Optional content rendered above the body in the form box header section.
      */
     header?: ReactNode;
+    /**
+     * Optional content rendered below the body in the form box footer section.
+     */
+    footer?: ReactNode;
     /**
      * Whether the body should apply the default inner padding. Defaults to true; set to false for content that needs to be flush with the form box edges.
      */

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

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

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

@@ -1,20 +1,17 @@
 import { jsx as o, jsxs as y, Fragment as f } from "react/jsx-runtime";
 import { z as e } from "zod";
-import { useForm as p, FormProvider as d } from "react-hook-form";
-import { zodResolver as N } from "@hookform/resolvers/zod";
+import { useForm as d, FormProvider as N } from "react-hook-form";
+import { zodResolver as p } 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 "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 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 L(n) {
+function w(n) {
   return /* @__PURE__ */ o(M, { ...n, children: /* @__PURE__ */ o(v, { ...n, children: n.children }) });
 }
 const D = e.object({
@@ -32,8 +29,8 @@ function v({
   dictionary: A
 }) {
   I("Company.AssignSignatory"), Y("Company.AssignSignatory", A);
-  const { onEvent: t } = h(), c = p({
-    resolver: N(D),
+  const { onEvent: t } = h(), c = d({
+    resolver: p(D),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
     }
@@ -52,7 +49,7 @@ function v({
           r === i.COMPANY_CREATE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? t(i.COMPANY_ASSIGN_SIGNATORY_DONE) : t(r, l);
         }
       },
-      children: /* @__PURE__ */ o(C, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(d, { ...c, children: s || /* @__PURE__ */ y(f, { children: [
+      children: /* @__PURE__ */ o(C, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(N, { ...c, children: s || /* @__PURE__ */ y(f, { children: [
         /* @__PURE__ */ o(O, {}),
         /* @__PURE__ */ o(u, {}),
         /* @__PURE__ */ o(_, {})
@@ -61,6 +58,6 @@ function v({
   ) });
 }
 export {
-  L as AssignSignatory
+  w 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\n/**\n * Props for {@link AssignSignatory}.\n *\n * @public\n */\nexport interface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  /** Identifier of the company the signatory is being assigned to. */\n  companyId: string\n  /**\n   * Identifier of an existing signatory. When set and matching the current signatory,\n   * the create form pre-populates with their information for editing.\n   */\n  signatoryId?: string\n  /**\n   * Default values for the underlying create and invite forms. Provide a `create` object,\n   * an `invite` object, or both — see {@link AssignSignatoryDefaultValues}.\n   */\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\n/**\n * Lets a user either create a new signatory with full details or invite someone else to become the signatory.\n *\n * @remarks\n * For more granular control, use `CompanyOnboarding.CreateSignatory` or `CompanyOnboarding.InviteSignatory` directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/signatory/assignSignatory/modeUpdated` | The user switched between create and invite modes | The selected mode string (`'createSignatory'` or `'inviteSignatory'`) |\n * | `company/signatory/assignSignatory/done` | The signatory assignment process completed | — |\n * | `company/signatory/created` | A new signatory was created (create mode) | Response from the create signatory API request |\n * | `company/signatory/updated` | An existing signatory was updated (create mode) | Response from the update signatory API request |\n * | `company/signatory/invited` | A signatory invitation was sent (invite mode) | Response from the invite signatory API request |\n *\n * @param props - {@link AssignSignatoryProps}.\n * @returns The rendered signatory assignment surface.\n * @public\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":";;;;;;;;;;;;;;;;AAoDO,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\n/**\n * Props for {@link AssignSignatory}.\n *\n * @public\n */\nexport interface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  /** Identifier of the company the signatory is being assigned to. */\n  companyId: string\n  /**\n   * Identifier of an existing signatory. When set and matching the current signatory,\n   * the create form pre-populates with their information for editing.\n   */\n  signatoryId?: string\n  /**\n   * Default values for the underlying create and invite forms. Provide a `create` object,\n   * an `invite` object, or both — see {@link AssignSignatoryDefaultValues}.\n   */\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\n/**\n * Lets a user either create a new signatory with full details or invite someone else to become the signatory.\n *\n * @remarks\n * For more granular control, use `CompanyOnboarding.CreateSignatory` or `CompanyOnboarding.InviteSignatory` directly.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/signatory/assignSignatory/modeUpdated` | The user switched between create and invite modes | The selected mode string (`'createSignatory'` or `'inviteSignatory'`) |\n * | `company/signatory/assignSignatory/done` | The signatory assignment process completed | — |\n * | `company/signatory/created` | A new signatory was created (create mode) | Response from the create signatory API request |\n * | `company/signatory/updated` | An existing signatory was updated (create mode) | Response from the update signatory API request |\n * | `company/signatory/invited` | A signatory invitation was sent (invite mode) | Response from the invite signatory API request |\n *\n * @param props - {@link AssignSignatoryProps}.\n * @returns The rendered signatory assignment surface.\n * @public\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":";;;;;;;;;;;;;AAoDO,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,14 +1,12 @@
 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 r from "./AssignSignatorySelection.module.scss.js";
-import "../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
-const S = () => {
+import a from "./AssignSignatorySelection.module.scss.js";
+import { RadioGroupField as r } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
+const c = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
-  return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(
-    a,
+  return /* @__PURE__ */ i("section", { className: a.container, children: /* @__PURE__ */ i(
+    r,
     {
       onChange: t,
       label: n("signingOptions.label"),
@@ -28,6 +26,6 @@ const S = () => {
   ) });
 };
 export {
-  S as AssignSignatorySelection
+  c 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\n/** @internal */\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":";;;;;;;AAMO,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\n/** @internal */\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":";;;;;AAMO,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,14 +1,13 @@
 import { jsx as o } from "react/jsx-runtime";
-import { useTranslation as r } from "react-i18next";
-import { useCreateSignatory as s } from "./useCreateSignatory.js";
-import { ActionsLayout as m } from "../../../Common/ActionsLayout/ActionsLayout.js";
-import { useComponentContext as e } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-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") }) });
+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") }) });
 };
 export {
-  y as Actions
+  f 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\n/** @internal */\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":";;;;;;AAMO,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\n/** @internal */\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":";;;;;AAMO,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

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as w, Fragment as Y } from "react/jsx-runtime";
-import { useForm as q, FormProvider as x } from "react-hook-form";
-import { zodResolver as z } from "@hookform/resolvers/zod";
+import { jsx as r, jsxs as z, Fragment as Y } from "react/jsx-runtime";
+import { useForm as q, FormProvider as w } from "react-hook-form";
+import { zodResolver as x } from "@hookform/resolvers/zod";
 import k from "classnames";
 import { RFCDate as B } from "@gusto/embedded-api/types/rfcdate";
 import { useSignatoriesListSuspense as G } from "@gusto/embedded-api/react-query/signatoriesList";
@@ -17,16 +17,13 @@ import { useI18n as Z } from "../../../../i18n/I18n.js";
 import { BaseComponent as $ } from "../../../Base/Base.js";
 import { useBase as V } from "../../../Base/useBase.js";
 import { Flex as tt } from "../../../Common/Flex/Flex.js";
-import "react-i18next";
-import "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
 import { companyEvents as c } from "../../../../shared/constants.js";
-import { formatDateToStringDate as et } from "../../../../helpers/dateFormatting.js";
-import { useMaskedTransform as rt, commonMasks as ot } from "../../../../helpers/mask.js";
+import { normalizeToDate as et, formatDateToStringDate as rt } from "../../../../helpers/dateFormatting.js";
+import { useMaskedTransform as ot, commonMasks as it } from "../../../../helpers/mask.js";
 function Tt(o) {
-  return /* @__PURE__ */ r($, { ...o, children: /* @__PURE__ */ r(it, { ...o, children: o.children }) });
+  return /* @__PURE__ */ r($, { ...o, children: /* @__PURE__ */ r(nt, { ...o, children: o.children }) });
 }
-function it({
+function nt({
   companyId: o,
   signatoryId: f,
   defaultValues: e,
@@ -34,11 +31,11 @@ function it({
   children: d
 }) {
   Z("Company.AssignSignatory");
-  const { onEvent: i, baseSubmitHandler: l } = V(), N = rt(ot.phoneMask), {
+  const { onEvent: i, baseSubmitHandler: l } = V(), N = ot(it.phoneMask), {
     data: { signatories: C }
   } = G({
     companyUuid: o
-  }), n = C, t = n.find((s) => s.uuid === f), p = j(), y = L(), g = H(), u = t?.birthday ?? e?.birthday, D = {
+  }), n = C, t = n.find((s) => s.uuid === f), y = j(), p = L(), g = H(), u = et(t?.birthday ?? e?.birthday), D = {
     firstName: t?.firstName ?? e?.firstName ?? "",
     lastName: t?.lastName ?? e?.lastName ?? "",
     email: t?.email ?? e?.email ?? "",
@@ -50,25 +47,25 @@ function it({
     city: t?.homeAddress?.city ?? e?.city,
     state: t?.homeAddress?.state ?? e?.state,
     zip: t?.homeAddress?.zip ?? e?.zip,
-    ...u ? { birthday: new Date(u) } : {}
+    ...u ? { birthday: u } : {}
   }, h = q({
-    resolver: z(W(t?.hasSsn)),
+    resolver: x(W(t?.hasSsn)),
     defaultValues: D
   }), M = async (s) => {
     await l(s, async (R) => {
-      const { street1: b, street2: P, city: v, state: U, zip: E, birthday: T, email: F, ssn: a, ...O } = R, _ = et(T) || "", S = {
+      const { street1: b, street2: P, city: v, state: T, zip: U, birthday: E, email: F, ssn: a, ...O } = R, _ = rt(E) || "", S = {
         ...O,
         birthday: new B(_),
         homeAddress: {
           street1: b,
           street2: P,
           city: v,
-          state: U,
-          zip: E
+          state: T,
+          zip: U
         }
       };
       if (t) {
-        const m = await y.mutateAsync({
+        const m = await p.mutateAsync({
           request: {
             companyUuid: o,
             signatoryUuid: t.uuid,
@@ -87,7 +84,7 @@ function it({
             signatoryUuid: n[0].uuid
           }
         });
-        const m = await p.mutateAsync({
+        const m = await y.mutateAsync({
           request: {
             companyUuid: o,
             signatoryCreateRequest: {
@@ -106,10 +103,10 @@ function it({
     Q,
     {
       value: {
-        isPending: p.isPending || g.isPending || y.isPending,
+        isPending: y.isPending || g.isPending || p.isPending,
         currentSignatory: t
       },
-      children: /* @__PURE__ */ r(x, { ...h, children: /* @__PURE__ */ r(X, { onSubmit: h.handleSubmit(M), children: /* @__PURE__ */ r(tt, { flexDirection: "column", gap: 32, children: d || /* @__PURE__ */ w(Y, { children: [
+      children: /* @__PURE__ */ r(w, { ...h, children: /* @__PURE__ */ r(X, { onSubmit: h.handleSubmit(M), children: /* @__PURE__ */ r(tt, { flexDirection: "column", gap: 32, children: d || /* @__PURE__ */ z(Y, { children: [
         /* @__PURE__ */ r(I, {}),
         /* @__PURE__ */ r(J, {})
       ] }) }) }) })

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 { RFCDate } from '@gusto/embedded-api/types/rfcdate'\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 { useBase, BaseComponent, type BaseComponentInterface } 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\n/**\n * Props for {@link CreateSignatory}.\n *\n * @public\n */\nexport interface CreateSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  /** Identifier of the company the signatory belongs to. */\n  companyId: string\n  /** Identifier of an existing signatory. When provided and matching an existing signatory on the company, the form pre-populates with their information for editing. */\n  signatoryId?: string\n  /** Initial values for the form fields. Ignored for fields where a value is already available from the signatory record. */\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\n/**\n * Standalone form for creating or editing a company signatory, including name, contact details, SSN, date of birth, and home address.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/signatory/created` | A new signatory was created successfully | The created signatory record |\n * | `company/signatory/updated` | An existing signatory was updated successfully | The updated signatory record |\n * | `company/signatory/createSignatory/done` | The create-signatory flow completed | — |\n *\n * @param props - See {@link CreateSignatoryProps}.\n * @returns The create signatory form.\n * @public\n */\nexport function CreateSignatory(props: CreateSignatoryProps) {\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: { signatories: 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 birthdayString = formatDateToStringDate(birthday) || ''\n      const commonData = {\n        ...signatoryData,\n        birthday: new RFCDate(birthdayString),\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            signatoryUpdateRequest: {\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            signatoryCreateRequest: {\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","birthdayString","formatDateToStringDate","commonData","RFCDate","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 { RFCDate } from '@gusto/embedded-api/types/rfcdate'\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 { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { Flex } from '@/components/Common'\nimport { companyEvents } from '@/shared/constants'\nimport { formatDateToStringDate, normalizeToDate } from '@/helpers/dateFormatting'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\n\n/**\n * Props for {@link CreateSignatory}.\n *\n * @public\n */\nexport interface CreateSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  /** Identifier of the company the signatory belongs to. */\n  companyId: string\n  /** Identifier of an existing signatory. When provided and matching an existing signatory on the company, the form pre-populates with their information for editing. */\n  signatoryId?: string\n  /** Initial values for the form fields. Ignored for fields where a value is already available from the signatory record. */\n  defaultValues?: CreateSignatoryDefaultValues\n}\n\n/**\n * Standalone form for creating or editing a company signatory, including name, contact details, SSN, date of birth, and home address.\n *\n * @events\n * | Event | Description | Data |\n * | ----- | ----------- | ---- |\n * | `company/signatory/created` | A new signatory was created successfully | The created signatory record |\n * | `company/signatory/updated` | An existing signatory was updated successfully | The updated signatory record |\n * | `company/signatory/createSignatory/done` | The create-signatory flow completed | — |\n *\n * @param props - See {@link CreateSignatoryProps}.\n * @returns The create signatory form.\n * @public\n */\nexport function CreateSignatory(props: CreateSignatoryProps) {\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: { signatories: 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 = normalizeToDate(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: 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 birthdayString = formatDateToStringDate(birthday) || ''\n      const commonData = {\n        ...signatoryData,\n        birthday: new RFCDate(birthdayString),\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            signatoryUpdateRequest: {\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            signatoryCreateRequest: {\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","normalizeToDate","createSignatoryDefaultValues","formMethods","useForm","zodResolver","generateCreateSignatorySchema","onSubmit","data","payload","street1","street2","city","state","zip","birthday","email","ssn","signatoryData","birthdayString","formatDateToStringDate","commonData","RFCDate","updateSignatoryResponse","companyEvents","createSignatoryResponse","classNames","styles","CreateSignatoryProvider","FormProvider","Form","Flex","jsxs","Fragment","CreateSignatoryForm","Actions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAmDO,SAASA,GAAgBC,GAA6B;AAC3D,SACE,gBAAAC,EAACC,GAAA,EAAe,GAAGF,GACjB,UAAA,gBAAAC,EAACE,MAAM,GAAGH,GAAQ,UAAAA,EAAM,SAAA,CAAS,EAAA,CACnC;AAEJ;AAEA,SAASG,GAAK;AAAA,EACZ,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB;AACjC,QAAM,EAAE,SAAAC,GAAS,mBAAAC,EAAA,IAAsBC,EAAA,GACjCC,IAAiBC,GAAmBC,GAAY,SAAS,GAEzD;AAAA,IACJ,MAAM,EAAE,aAAaC,EAAA;AAAA,EAAc,IACjCC,EAA2B;AAAA,IAC7B,aAAab;AAAA,EAAA,CACd,GACKc,IAAcF,GAEdG,IAAmBD,EAAY,KAAK,CAAAE,MAAaA,EAAU,SAASf,CAAW,GAE/EgB,IAA0BC,EAAA,GAC1BC,IAA0BC,EAAA,GAC1BC,IAA0BC,EAAA,GAE1BC,IAAkBC,GAAgBT,GAAkB,YAAYb,GAAe,QAAQ,GAEvFuB,IAA+B;AAAA,IACnC,WAAWV,GAAkB,aAAab,GAAe,aAAa;AAAA,IACtE,UAAUa,GAAkB,YAAYb,GAAe,YAAY;AAAA,IACnE,OAAOa,GAAkB,SAASb,GAAe,SAAS;AAAA,IAC1D,OAAOa,GAAkB,SAASb,GAAe,SAAS;AAAA,IAC1D,OAAOO,EAAeM,GAAkB,SAASb,GAAe,SAAS,EAAE;AAAA,IAC3E,KAAKa,GAAkB,SAAS,KAAKb,GAAe;AAAA,IACpD,SAASa,GAAkB,aAAa,WAAWb,GAAe;AAAA,IAClE,SAASa,GAAkB,aAAa,WAAWb,GAAe;AAAA,IAClE,MAAMa,GAAkB,aAAa,QAAQb,GAAe;AAAA,IAC5D,OAAOa,GAAkB,aAAa,SAASb,GAAe;AAAA,IAC9D,KAAKa,GAAkB,aAAa,OAAOb,GAAe;AAAA,IAC1D,GAAIqB,IAAkB,EAAE,UAAUA,MAAoB,CAAA;AAAA,EAAC,GAGnDG,IAAcC,EAA+B;AAAA,IACjD,UAAUC,EAAYC,EAA8Bd,GAAkB,MAAM,CAAC;AAAA,IAC7E,eAAeU;AAAA,EAAA,CAChB,GAEKK,IAAW,OAAOC,MAAgC;AACtD,UAAMxB,EAAkBwB,GAAM,OAAMC,MAAW;AAC7C,YAAM,EAAE,SAAAC,GAAS,SAAAC,GAAS,MAAAC,GAAM,OAAAC,GAAO,KAAAC,GAAK,UAAAC,GAAU,OAAAC,GAAO,KAAAC,GAAK,GAAGC,EAAA,IAAkBT,GAEjFU,IAAiBC,GAAuBL,CAAQ,KAAK,IACrDM,IAAa;AAAA,QACjB,GAAGH;AAAA,QACH,UAAU,IAAII,EAAQH,CAAc;AAAA,QACpC,aAAa;AAAA,UACX,SAAAT;AAAA,UACA,SAAAC;AAAA,UACA,MAAAC;AAAA,UACA,OAAAC;AAAA,UACA,KAAAC;AAAA,QAAA;AAAA,MACF;AAGF,UAAItB,GAAkB;AACpB,cAAM+B,IAA0B,MAAM3B,EAAwB,YAAY;AAAA,UACxE,SAAS;AAAA,YACP,aAAanB;AAAA,YACb,eAAee,EAAiB;AAAA,YAChC,wBAAwB;AAAA,cACtB,SAASA,EAAiB;AAAA,cAC1B,GAAIyB,IAAM,EAAE,KAAAA,EAAA,IAAQ,CAAA;AAAA,cACpB,GAAGI;AAAA,YAAA;AAAA,UACL;AAAA,QACF,CACD;AAED,QAAAtC,EAAQyC,EAAc,2BAA2BD,EAAwB,SAAS;AAAA,MACpF,OAAO;AACL,QAAIhC,EAAY,CAAC,GAAG,QAClB,MAAMO,EAAwB,YAAY;AAAA,UACxC,SAAS;AAAA,YACP,aAAarB;AAAA,YACb,eAAec,EAAY,CAAC,EAAE;AAAA,UAAA;AAAA,QAChC,CACD;AAEH,cAAMkC,IAA0B,MAAM/B,EAAwB,YAAY;AAAA,UACxE,SAAS;AAAA,YACP,aAAajB;AAAA,YACb,wBAAwB;AAAA,cACtB,OAAAuC;AAAA,cACA,KAAKC,KAAO;AAAA,cACZ,GAAGI;AAAA,YAAA;AAAA,UACL;AAAA,QACF,CACD;AACD,QAAAtC,EAAQyC,EAAc,2BAA2BC,EAAwB,SAAS;AAAA,MACpF;AACA,MAAA1C,EAAQyC,EAAc,6BAA6B;AAAA,IACrD,CAAC;AAAA,EACH;AAEA,2BACG,WAAA,EAAQ,WAAWE,EAAWC,EAAO,WAAW/C,CAAS,GACxD,UAAA,gBAAAN;AAAA,IAACsD;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WACElC,EAAwB,aACxBI,EAAwB,aACxBF,EAAwB;AAAA,QAC1B,kBAAAJ;AAAA,MAAA;AAAA,MAGF,4BAACqC,GAAA,EAAc,GAAG1B,GAChB,UAAA,gBAAA7B,EAACwD,GAAA,EAAK,UAAU3B,EAAY,aAAaI,CAAQ,GAC/C,UAAA,gBAAAjC,EAACyD,MAAK,eAAc,UAAS,KAAK,IAC/B,UAAAlD,KAGC,gBAAAmD,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAA3D,EAAC4D,GAAA,EAAoB;AAAA,0BACpBC,GAAA,CAAA,CAAQ;AAAA,MAAA,GACX,EAAA,CAEJ,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}