@gusto/embedded-react-sdk 0.33.0 → 0.34.0-rc.1

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # Changelog
 
+## 0.34.0
+
+### Features & Enhancements
+
+- Integrate employee selection into OffCycleCreation
+- Add wire-in confirmation alert and API version header
+- Optimize ThemeProvider style tag injection and CSS generation
+
+### Fixes
+
+- Resolve double prepare API call in Off Cycle payroll flow
+
+### Chores & Maintenance
+
+- Architecture overview documentation
+- Add stylelint rule to prevent manual SCSS helpers imports
+- Upgrade zod from v3 to v4
+- Bump @gusto/embedded-api from 0.12.0 to 0.12.2
+- Bump @internationalized/date from 3.10.1 to 3.12.0
+- Bump dompurify from 3.3.1 to 3.3.2
+- Bump @storybook/addon-a11y from 10.2.14 to 10.2.15
+- Bump @storybook/addon-onboarding from 10.2.14 to 10.2.15
+- Bump @storybook/react-vite from 10.2.14 to 10.2.15
+- Bump eslint-plugin-storybook from 10.2.14 to 10.2.15
+
 ## 0.33.0
 
 ### Features & Enhancements

package/dist/components/Common/Fields/MultiSelectComboBoxField/MultiSelectComboBoxField.d.ts

@@ -0,0 +1,5 @@
+import { UseFieldProps } from '../hooks/useField';
+import { MultiSelectComboBoxProps } from '../../UI/MultiSelectComboBox/MultiSelectComboBoxTypes';
+export interface MultiSelectComboBoxFieldProps extends Omit<MultiSelectComboBoxProps, 'name' | 'value' | 'onChange' | 'isInvalid'>, UseFieldProps<string[]> {
+}
+export declare const MultiSelectComboBoxField: React.FC<MultiSelectComboBoxFieldProps>;

package/dist/components/Common/Fields/MultiSelectComboBoxField/MultiSelectComboBoxField.js

@@ -0,0 +1,34 @@
+import { jsx as x } from "react/jsx-runtime";
+import { useField as f } from "../hooks/useField.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+const h = ({
+  rules: o,
+  defaultValue: e,
+  name: t,
+  errorMessage: n,
+  isRequired: m,
+  onChange: r,
+  transform: i,
+  description: s,
+  onBlur: l,
+  inputRef: p,
+  ...C
+}) => {
+  const c = d(), u = f({
+    name: t,
+    rules: o,
+    defaultValue: e,
+    errorMessage: n,
+    isRequired: m,
+    onChange: r,
+    transform: i,
+    description: s,
+    onBlur: l,
+    inputRef: p
+  });
+  return /* @__PURE__ */ x(c.MultiSelectComboBox, { ...C, ...u });
+};
+export {
+  h as MultiSelectComboBoxField
+};
+//# sourceMappingURL=MultiSelectComboBoxField.js.map

package/dist/components/Common/Fields/MultiSelectComboBoxField/MultiSelectComboBoxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectComboBoxField.js","sources":["../../../../../src/components/Common/Fields/MultiSelectComboBoxField/MultiSelectComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { MultiSelectComboBoxProps } from '@/components/Common/UI/MultiSelectComboBox/MultiSelectComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface MultiSelectComboBoxFieldProps\n  extends\n    Omit<MultiSelectComboBoxProps, 'name' | 'value' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<string[]> {}\n\nexport const MultiSelectComboBoxField: React.FC<MultiSelectComboBoxFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...multiSelectProps\n}: MultiSelectComboBoxFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField<string[]>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.MultiSelectComboBox {...multiSelectProps} {...fieldProps} />\n}\n"],"names":["MultiSelectComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","description","onBlur","inputRef","multiSelectProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AASO,MAAMA,IAAoE,CAAC;AAAA,EAChF,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAqC;AACnC,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAmB;AAAA,IACpC,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,qBAAX,EAAgC,GAAGD,GAAmB,GAAGG,GAAY;AAC/E;"}

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

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

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

@@ -3,13 +3,7 @@ import { UseFormProps } from 'react-hook-form';
 export declare const SignatureFormSchema: z.ZodObject<{
     signature: z.ZodString;
     confirmSignature: z.ZodLiteral<true>;
-}, "strip", z.ZodTypeAny, {
-    signature: string;
-    confirmSignature: true;
-}, {
-    signature: string;
-    confirmSignature: true;
-}>;
+}, z.core.$strip>;
 export type SignatureFormInputs = z.infer<typeof SignatureFormSchema>;
 interface SignatureFormProps {
     onSubmit: (data: SignatureFormInputs) => void | Promise<void>;

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

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

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

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

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

@@ -1,8 +1,8 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import "../../../shared/constants.js";
-import "react-i18next";
 import "classnames";
 import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
+import "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 function y({

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

@@ -1,10 +1,10 @@
 import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "../../../shared/constants.js";
-import "react-i18next";
 import "classnames";
+import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
+import "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
 function b({
   signatureLabel: e,

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

@@ -4,10 +4,9 @@ import r from "./Menu.module.scss.js";
 import { MenuDefaults as x } from "./MenuTypes.js";
 import { applyMissingDefaults as I } from "../../../../helpers/applyMissingDefaults.js";
 import "react";
-import "react-i18next";
 import { useTheme as O } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-function R(s) {
+function E(s) {
   const a = I(s, x), {
     triggerRef: i,
     items: m,
@@ -49,6 +48,6 @@ function R(s) {
   );
 }
 export {
-  R as Menu
+  E as Menu
 };
 //# sourceMappingURL=Menu.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu(rawProps: MenuProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n  const {\n    triggerRef,\n    items,\n    isOpen,\n    onClose,\n    'aria-label': ariaLabel,\n    ...otherProps\n  } = resolvedProps\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement=\"bottom start\"\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;;AAMO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDR,GACE,EAAE,WAAAS,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACN,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAN;AAAA,MACA,YAAAF;AAAA,MACA,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAS,EAACE,KAAS,SAAAR,GAAkB,cAAYC,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAJ,GAAO,IAAI,CAAC,EAAE,SAAAY,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Menu.js","sources":["../../../../../src/components/Common/UI/Menu/Menu.tsx"],"sourcesContent":["import { Menu as AriaMenu, MenuItem as AriaMenuItem, Popover } from 'react-aria-components'\nimport styles from './Menu.module.scss'\nimport { type MenuProps, MenuDefaults } from './MenuTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport function Menu(rawProps: MenuProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, MenuDefaults)\n  const {\n    triggerRef,\n    items,\n    isOpen,\n    onClose,\n    'aria-label': ariaLabel,\n    ...otherProps\n  } = resolvedProps\n  const { container } = useTheme()\n\n  const handleOpenChange = (isOpen: boolean) => {\n    if (!isOpen) {\n      onClose?.()\n    }\n  }\n\n  return (\n    <Popover\n      UNSTABLE_portalContainer={container.current}\n      onOpenChange={handleOpenChange}\n      isOpen={isOpen}\n      triggerRef={triggerRef}\n      placement=\"bottom start\"\n      offset={8}\n      shouldUpdatePosition={true}\n    >\n      <AriaMenu onClose={onClose} aria-label={ariaLabel} className={styles.root} {...otherProps}>\n        {items?.map(({ onClick, isDisabled, href, icon, label, ...itemProps }, index) => (\n          <AriaMenuItem\n            key={index}\n            onAction={() => {\n              onClick()\n            }}\n            isDisabled={isDisabled}\n            href={href}\n            className={styles.menuItem}\n            {...itemProps}\n          >\n            {icon && <div className={styles.menuIcon}>{icon}</div>}\n            {label}\n          </AriaMenuItem>\n        ))}\n      </AriaMenu>\n    </Popover>\n  )\n}\n"],"names":["Menu","rawProps","resolvedProps","applyMissingDefaults","MenuDefaults","triggerRef","items","isOpen","onClose","ariaLabel","otherProps","container","useTheme","handleOpenChange","jsx","Popover","AriaMenu","styles","onClick","isDisabled","href","icon","label","itemProps","index","jsxs","AriaMenuItem"],"mappings":";;;;;;;;AAMO,SAASA,EAAKC,GAAqB;AACxC,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAY,GAC3D;AAAA,IACJ,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,SAAAC;AAAA,IACA,cAAcC;AAAA,IACd,GAAGC;AAAA,EAAA,IACDR,GACE,EAAE,WAAAS,EAAA,IAAcC,EAAA,GAEhBC,IAAmB,CAACN,MAAoB;AAC5C,IAAKA,KACHC,IAAA;AAAA,EAEJ;AAEA,SACE,gBAAAM;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,0BAA0BJ,EAAU;AAAA,MACpC,cAAcE;AAAA,MACd,QAAAN;AAAA,MACA,YAAAF;AAAA,MACA,WAAU;AAAA,MACV,QAAQ;AAAA,MACR,sBAAsB;AAAA,MAEtB,UAAA,gBAAAS,EAACE,KAAS,SAAAR,GAAkB,cAAYC,GAAW,WAAWQ,EAAO,MAAO,GAAGP,GAC5E,UAAAJ,GAAO,IAAI,CAAC,EAAE,SAAAY,GAAS,YAAAC,GAAY,MAAAC,GAAM,MAAAC,GAAM,OAAAC,GAAO,GAAGC,EAAA,GAAaC,MACrE,gBAAAC;AAAA,QAACC;AAAAA,QAAA;AAAA,UAEC,UAAU,MAAM;AACd,YAAAR,EAAA;AAAA,UACF;AAAA,UACA,YAAAC;AAAA,UACA,MAAAC;AAAA,UACA,WAAWH,EAAO;AAAA,UACjB,GAAGM;AAAA,UAEH,UAAA;AAAA,YAAAF,KAAQ,gBAAAP,EAAC,OAAA,EAAI,WAAWG,EAAO,UAAW,UAAAI,GAAK;AAAA,YAC/CC;AAAA,UAAA;AAAA,QAAA;AAAA,QAVIE;AAAA,MAAA,CAYR,EAAA,CACH;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,2 @@
+import { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes';
+export declare function MultiSelectComboBox({ className, description, errorMessage, id, inputRef: inputRefFromProps, isDisabled, isInvalid, isLoading, isRequired, label, name, onBlur, onChange, options, placeholder, value: selectedValues, shouldVisuallyHideLabel, }: MultiSelectComboBoxProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,127 @@
+import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { useState as _, useRef as q, useMemo as s, useCallback as x } from "react";
+import { ComboBox as G, Input as J, Button as Q, Popover as W, Virtualizer as X, ListLayout as Y, ListBox as Z, ListBoxItem as $ } from "react-aria-components";
+import S from "classnames";
+import { useTranslation as V } from "react-i18next";
+import { useFieldIds as ee } from "../hooks/useFieldIds.js";
+import o from "./MultiSelectComboBox.module.scss.js";
+import { FieldLayout as te } from "../../FieldLayout/FieldLayout.js";
+import { useComponentContext as re } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useTheme as oe } from "../../../../contexts/ThemeProvider/useTheme.js";
+/* empty css                          */
+import { useForkRef as ie } from "../../../../hooks/useForkRef/useForkRef.js";
+import le from "../../../../assets/icons/alert-circle.svg.js";
+import ne from "../../../../assets/icons/caret-down.svg.js";
+function Be({
+  className: B,
+  description: C,
+  errorMessage: u,
+  id: N,
+  inputRef: y,
+  isDisabled: d,
+  isInvalid: p,
+  isLoading: L,
+  isRequired: D,
+  label: c,
+  name: F,
+  onBlur: R,
+  onChange: i,
+  options: l,
+  placeholder: w,
+  value: r = [],
+  shouldVisuallyHideLabel: A
+}) {
+  const T = re(), { t: n } = V("common"), { container: O } = oe(), [j, f] = _(""), h = q(null), z = ie(y, h), a = s(() => new Set(r), [r]), b = s(
+    () => l.filter((e) => !a.has(e.value)).map((e) => ({
+      label: e.label,
+      value: e.value
+    })),
+    [l, a]
+  ), v = s(
+    () => l.filter((e) => a.has(e.value)),
+    [l, a]
+  ), E = s(
+    () => b.map((e) => ({ name: e.label, id: e.value })),
+    [b]
+  ), M = x(
+    (e) => {
+      e && (i?.([...r, e.toString()]), f(""), h.current?.blur());
+    },
+    [r, i]
+  ), P = x(
+    (e) => {
+      i?.(r.filter((U) => U !== e));
+    },
+    [r, i]
+  ), I = (L ? n("status.loadingOptions") : void 0) ?? C, { inputId: g, errorMessageId: k, descriptionId: H, ariaDescribedBy: K } = ee({
+    inputId: N,
+    errorMessage: u,
+    description: I
+  });
+  return /* @__PURE__ */ m("div", { className: S(o.root, B), children: [
+    /* @__PURE__ */ t(
+      te,
+      {
+        label: c,
+        htmlFor: g,
+        errorMessage: u,
+        errorMessageId: k,
+        descriptionId: H,
+        isRequired: D,
+        description: I,
+        shouldVisuallyHideLabel: A,
+        className: o.comboBoxField,
+        withErrorIcon: !1,
+        children: /* @__PURE__ */ m(
+          G,
+          {
+            "aria-label": c,
+            "aria-describedby": K,
+            className: "react-aria-ComboBox-root",
+            isDisabled: d,
+            isInvalid: p,
+            menuTrigger: "focus",
+            inputValue: j,
+            onInputChange: f,
+            selectedKey: null,
+            onSelectionChange: M,
+            id: g,
+            name: F,
+            children: [
+              /* @__PURE__ */ t(J, { ref: z, placeholder: w, onBlur: R }),
+              /* @__PURE__ */ t(Q, { children: /* @__PURE__ */ m("div", { "aria-hidden": "true", className: o.icons, children: [
+                p && /* @__PURE__ */ t(le, { fontSize: 16 }),
+                /* @__PURE__ */ t(ne, { title: n("icons.selectArrow") })
+              ] }) }),
+              /* @__PURE__ */ t(
+                W,
+                {
+                  className: S(o.popover, "react-aria-Popover"),
+                  UNSTABLE_portalContainer: O.current,
+                  maxHeight: 320,
+                  children: /* @__PURE__ */ t(X, { layout: Y, children: /* @__PURE__ */ t(Z, { items: E, children: (e) => /* @__PURE__ */ t($, { children: e.name }, e.id) }) })
+                }
+              )
+            ]
+          }
+        )
+      }
+    ),
+    v.length > 0 && /* @__PURE__ */ t("div", { className: o.chips, role: "list", "aria-label": n("labels.selectedItems", { label: c }), children: v.map((e) => /* @__PURE__ */ t("span", { role: "listitem", children: /* @__PURE__ */ t(
+      T.Badge,
+      {
+        status: "info",
+        onDismiss: () => {
+          P(e.value);
+        },
+        dismissAriaLabel: n("labels.removeItem", { label: e.label }),
+        isDisabled: d,
+        children: e.label
+      }
+    ) }, e.value)) })
+  ] });
+}
+export {
+  Be as MultiSelectComboBox
+};
+//# sourceMappingURL=MultiSelectComboBox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectComboBox.js","sources":["../../../../../src/components/Common/UI/MultiSelectComboBox/MultiSelectComboBox.tsx"],"sourcesContent":["import { useCallback, useMemo, useRef, useState } from 'react'\nimport type { Key } from 'react-aria-components'\nimport {\n  ComboBox as AriaComboBox,\n  Button,\n  Input,\n  ListBox,\n  ListBoxItem,\n  ListLayout,\n  Popover,\n  Virtualizer,\n} from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './MultiSelectComboBox.module.scss'\nimport type { MultiSelectComboBoxProps } from './MultiSelectComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport function MultiSelectComboBox({\n  className,\n  description,\n  errorMessage,\n  id,\n  inputRef: inputRefFromProps,\n  isDisabled,\n  isInvalid,\n  isLoading,\n  isRequired,\n  label,\n  name,\n  onBlur,\n  onChange,\n  options,\n  placeholder,\n  value: selectedValues = [],\n  shouldVisuallyHideLabel,\n}: MultiSelectComboBoxProps) {\n  const Components = useComponentContext()\n  const { t } = useTranslation('common')\n  const { container } = useTheme()\n  const [inputValue, setInputValue] = useState('')\n  const internalInputRef = useRef<HTMLInputElement>(null)\n  const inputRef = useForkRef(inputRefFromProps, internalInputRef)\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues])\n\n  const availableOptions = useMemo(\n    () =>\n      options\n        .filter(option => !selectedSet.has(option.value))\n        .map(option => ({\n          label: option.label,\n          value: option.value,\n        })),\n    [options, selectedSet],\n  )\n\n  const selectedOptions = useMemo(\n    () => options.filter(option => selectedSet.has(option.value)),\n    [options, selectedSet],\n  )\n\n  const items = useMemo(\n    () => availableOptions.map(option => ({ name: option.label, id: option.value })),\n    [availableOptions],\n  )\n\n  const handleSelectionChange = useCallback(\n    (key: Key | null) => {\n      if (!key) return\n      onChange?.([...selectedValues, key.toString()])\n      setInputValue('')\n      internalInputRef.current?.blur()\n    },\n    [selectedValues, onChange],\n  )\n\n  const handleDismiss = useCallback(\n    (value: string) => {\n      onChange?.(selectedValues.filter(v => v !== value))\n    },\n    [selectedValues, onChange],\n  )\n\n  const loadingDescription = isLoading ? t('status.loadingOptions') : undefined\n  const displayDescription = loadingDescription ?? description\n\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description: displayDescription,\n  })\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <FieldLayout\n        label={label}\n        htmlFor={inputId}\n        errorMessage={errorMessage}\n        errorMessageId={errorMessageId}\n        descriptionId={descriptionId}\n        isRequired={isRequired}\n        description={displayDescription}\n        shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n        className={styles.comboBoxField}\n        withErrorIcon={false}\n      >\n        <AriaComboBox\n          aria-label={label}\n          aria-describedby={ariaDescribedBy}\n          className={'react-aria-ComboBox-root'}\n          isDisabled={isDisabled}\n          isInvalid={isInvalid}\n          menuTrigger=\"focus\"\n          inputValue={inputValue}\n          onInputChange={setInputValue}\n          selectedKey={null}\n          onSelectionChange={handleSelectionChange}\n          id={inputId}\n          name={name}\n        >\n          <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} />\n          <Button>\n            <div aria-hidden=\"true\" className={styles.icons}>\n              {isInvalid && <AlertCircle fontSize={16} />}\n              <CaretDown title={t('icons.selectArrow')} />\n            </div>\n          </Button>\n\n          <Popover\n            className={classNames(styles.popover, 'react-aria-Popover')}\n            UNSTABLE_portalContainer={container.current}\n            maxHeight={320}\n          >\n            <Virtualizer layout={ListLayout}>\n              <ListBox items={items}>\n                {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n              </ListBox>\n            </Virtualizer>\n          </Popover>\n        </AriaComboBox>\n      </FieldLayout>\n\n      {selectedOptions.length > 0 && (\n        <div className={styles.chips} role=\"list\" aria-label={t('labels.selectedItems', { label })}>\n          {selectedOptions.map(option => (\n            <span key={option.value} role=\"listitem\">\n              <Components.Badge\n                status=\"info\"\n                onDismiss={() => {\n                  handleDismiss(option.value)\n                }}\n                dismissAriaLabel={t('labels.removeItem', { label: option.label })}\n                isDisabled={isDisabled}\n              >\n                {option.label}\n              </Components.Badge>\n            </span>\n          ))}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MultiSelectComboBox","className","description","errorMessage","id","inputRefFromProps","isDisabled","isInvalid","isLoading","isRequired","label","name","onBlur","onChange","options","placeholder","selectedValues","shouldVisuallyHideLabel","Components","useComponentContext","t","useTranslation","container","useTheme","inputValue","setInputValue","useState","internalInputRef","useRef","inputRef","useForkRef","selectedSet","useMemo","availableOptions","option","selectedOptions","items","handleSelectionChange","useCallback","key","handleDismiss","value","v","displayDescription","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","classNames","styles","jsx","FieldLayout","jsxs","AriaComboBox","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":"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"}

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

@@ -0,0 +1,16 @@
+const o = "_root_kyxn6_1", c = "_comboBoxField_kyxn6_5", s = "_icons_kyxn6_71", _ = "_popover_kyxn6_81", n = "_chips_kyxn6_130", t = {
+  root: o,
+  comboBoxField: c,
+  icons: s,
+  popover: _,
+  chips: n
+};
+export {
+  n as chips,
+  c as comboBoxField,
+  t as default,
+  s as icons,
+  _ as popover,
+  o as root
+};
+//# sourceMappingURL=MultiSelectComboBox.module.scss.js.map

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

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

package/dist/components/Common/{MultiSelectComboBox → UI/MultiSelectComboBox}/MultiSelectComboBoxTypes.d.ts

@@ -1,16 +1,17 @@
-import { InputHTMLAttributes } from 'react';
-import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+import { InputHTMLAttributes, Ref } from 'react';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
 export interface MultiSelectComboBoxOption {
     label: string;
     value: string;
-    description?: string;
 }
 export interface MultiSelectComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'className' | 'id' | 'name' | 'placeholder'> {
+    inputRef?: Ref<HTMLInputElement>;
     isDisabled?: boolean;
     isInvalid?: boolean;
     isLoading?: boolean;
     label: string;
     options: MultiSelectComboBoxOption[];
-    selectedValues: string[];
-    onSelectionChange: (values: string[]) => void;
+    value?: string[];
+    onChange?: (values: string[]) => void;
+    onBlur?: () => void;
 }

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

@@ -22,5 +22,6 @@ export { DocumentViewer } from './DocumentViewer';
 export { DatePickerField } from './Fields/DatePickerField';
 export { NumberInputField } from './Fields/NumberInputField';
 export { SwitchField } from './Fields/SwitchField';
+export { MultiSelectComboBoxField } from './Fields/MultiSelectComboBoxField';
 export { VisuallyHidden } from './VisuallyHidden';
 export { HamburgerMenu } from './HamburgerMenu';

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

@@ -8,8 +8,8 @@ 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 "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { BaseComponent as M } from "../../Base/Base.js";

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

@@ -4,9 +4,9 @@ import { useAssignSignatory as s, SignatoryAssignmentMode as o } from "./useAssi
 import r from "./AssignSignatorySelection.module.scss.js";
 import "../../../shared/constants.js";
 import "classnames";
+import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { RadioGroupField as a } from "../../Common/Fields/RadioGroupField/RadioGroupField.js";
 const f = () => {
   const { t: n } = e("Company.AssignSignatory"), { onSignatoryAssignmentModeChange: t } = s();
   return /* @__PURE__ */ i("section", { className: r.container, children: /* @__PURE__ */ i(

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

@@ -16,10 +16,10 @@ 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 { companyEvents as c } from "../../../../shared/constants.js";
 import "react-i18next";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-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 Rt(r) {

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

@@ -1,20 +1,19 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as p } from "react-i18next";
-import { useCreateSignatory as c } from "./useCreateSignatory.js";
+import { useTranslation as c } from "react-i18next";
+import { useCreateSignatory as p } from "./useCreateSignatory.js";
 import { Flex as o } from "../../../Common/Flex/Flex.js";
 import { Grid as n } from "../../../Common/Grid/Grid.js";
-import "classnames";
-import { useComponentContext as u } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import "react";
-import { STATES_ABBR as g } from "../../../../shared/constants.js";
-import { usePlaceholderSSN as h, normalizeSSN as f } from "../../../../helpers/ssn.js";
-import { TitleSelect as y } from "../TitleSelect.js";
-import { useMaskedTransform as b, commonMasks as S } from "../../../../helpers/mask.js";
 import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
-import { DatePickerField as D } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import { DatePickerField as u } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
+import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import "react";
+import { STATES_ABBR as h } from "../../../../shared/constants.js";
+import { usePlaceholderSSN as f, normalizeSSN as y } from "../../../../helpers/ssn.js";
+import { TitleSelect as b } from "../TitleSelect.js";
+import { useMaskedTransform as S, commonMasks as D } from "../../../../helpers/mask.js";
 import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
-const E = () => {
-  const i = u(), { currentSignatory: t } = c(), { t: e } = p("Company.AssignSignatory"), d = h(t?.hasSsn), m = b(S.phoneMask);
+const A = () => {
+  const i = g(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = f(t?.hasSsn), m = S(D.phoneMask);
   return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ a("header", { children: [
@@ -50,7 +49,7 @@ const E = () => {
             isDisabled: !!t
           }
         ),
-        /* @__PURE__ */ r(y, {}),
+        /* @__PURE__ */ r(b, {}),
         /* @__PURE__ */ r(
           s,
           {
@@ -68,12 +67,12 @@ const E = () => {
             label: e("signatoryDetails.ssn"),
             errorMessage: e("validations.ssn", { ns: "common" }),
             isRequired: !t?.hasSsn,
-            transform: f,
+            transform: y,
             placeholder: d
           }
         ),
         /* @__PURE__ */ r(
-          D,
+          u,
           {
             name: "birthday",
             label: e("signatoryDetails.birthday"),
@@ -112,7 +111,7 @@ const E = () => {
           M,
           {
             name: "state",
-            options: g.map((l) => ({
+            options: h.map((l) => ({
               label: e(`statesHash.${l}`, { ns: "common" }),
               value: l
             })),
@@ -136,6 +135,6 @@ const E = () => {
   ] });
 };
 export {
-  E as CreateSignatoryForm
+  A as CreateSignatoryForm
 };
 //# sourceMappingURL=CreateSignatoryForm.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}
+{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}

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

@@ -4,38 +4,12 @@ export declare const generateCreateSignatorySchema: (hasSsn?: boolean) => z.ZodO
     lastName: z.ZodString;
     email: z.ZodString;
     title: z.ZodString;
-    phone: z.ZodEffects<z.ZodEffects<z.ZodString, string, string>, string, string>;
-    ssn: z.ZodEffects<z.ZodString, string, string>;
+    phone: z.ZodPipe<z.ZodString, z.ZodTransform<string, string>>;
+    ssn: z.ZodString;
     birthday: z.ZodDate;
     street1: z.ZodString;
     street2: z.ZodOptional<z.ZodString>;
     city: z.ZodString;
     state: z.ZodString;
-    zip: z.ZodEffects<z.ZodString, string, string>;
-}, "strip", z.ZodTypeAny, {
-    ssn: string;
-    title: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    phone: string;
-    street1: string;
-    city: string;
-    state: string;
-    zip: string;
-    birthday: Date;
-    street2?: string | undefined;
-}, {
-    ssn: string;
-    title: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    phone: string;
-    street1: string;
-    city: string;
-    state: string;
-    zip: string;
-    birthday: Date;
-    street2?: string | undefined;
-}>;
+    zip: z.ZodString;
+}, z.core.$strip>;