@gusto/embedded-react-sdk 0.8.0 → 0.8.2

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

@@ -5,8 +5,8 @@ import { RadioGroup as G, RadioGroupStateContext as y } from "react-aria-compone
 import { useRadio as D } from "react-aria";
 import { Radio as S } from "../Radio/Radio.js";
 import A from "./RadioGroup.module.scss.js";
-import { useForkRef as F } from "../../../../hooks/useForkRef/useForkRef.js";
-import { Fieldset as N } from "../Fieldset/Fieldset.js";
+import { Fieldset as F } from "../../Fieldset/Fieldset.js";
+import { useForkRef as N } from "../../../../hooks/useForkRef/useForkRef.js";
 function V({
   label: o,
   description: e,
@@ -15,7 +15,7 @@ function V({
   inputRef: n,
   ...l
 }) {
-  const r = v(null), s = F(n, r), { inputProps: d, isSelected: p, isDisabled: f } = D(
+  const r = v(null), s = N(n, r), { inputProps: d, isSelected: p, isDisabled: f } = D(
     {
       ...l,
       value: t,
@@ -62,7 +62,7 @@ function z({
   ...u
 }) {
   return /* @__PURE__ */ i(
-    N,
+    F,
     {
       legend: o,
       description: e,

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

@@ -1 +1 @@
-{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Fieldset } from '../Fieldset'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup({\n  label,\n  description,\n  errorMessage,\n  isRequired = false,\n  isInvalid = false,\n  isDisabled = false,\n  options,\n  shouldVisuallyHideLabel = false,\n  value,\n  onChange,\n  className,\n  inputRef,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...props}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled = false, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","onChange","className","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AAChB,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAe,IAAAC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IACZ;AAAA,IACAC;AAAA,IACAG;AAAA,EACF;AASE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EACnB;AAEJ;AAEA,SAASO,EAAsBZ,GAAgD;AACvE,QAAAF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAc,gBAAAW,EAAAf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,EAAO,CAAA,IAAK;AAC9E;AAEO,SAASe,EAAW;AAAA,EACzB,OAAApB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAoB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAX,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAArB;AAAA,EACA,GAAGD;AACL,GAAoB;AAEhB,SAAA,gBAAAS;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ5B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAoB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWI,EAAWC,EAAO,MAAMH,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAR;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAApB;AAAA,UACA,UAAAwB;AAAA,UACA,YAAAd;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAQY,EAAA,IAAI,CAAC,EAAE,OAAAtB,GAAO,OAAAF,GAAO,YAAAY,IAAa,IAAO,aAAAX,EAAAA,GAAe+B,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUgC,MAAU,IAAI1B,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAMR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"RadioGroup.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroup.tsx"],"sourcesContent":["import { useContext, useRef } from 'react'\nimport type { Ref } from 'react'\nimport classNames from 'classnames'\nimport {\n  RadioGroup as AriaRadioGroup,\n  RadioGroupStateContext,\n  type RadioGroupRenderProps,\n} from 'react-aria-components'\nimport { useRadio } from 'react-aria'\nimport type { AriaRadioProps } from 'react-aria'\nimport type React from 'react'\nimport { Radio } from '../Radio'\nimport styles from './RadioGroup.module.scss'\nimport type { RadioGroupProps } from './RadioGroupTypes'\nimport { Fieldset } from '@/components/Common/Fieldset'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\n// Radio implementation specific to React Aria to get our radio to connect\n// to their RadioGroup component\ninterface ReactAriaRadioProps extends Omit<AriaRadioProps, 'value'> {\n  label: React.ReactNode\n  description?: React.ReactNode\n  value: string\n  groupState: RadioGroupRenderProps['state']\n  inputRef?: Ref<HTMLInputElement>\n}\n\nfunction ReactAriaRadio({\n  label,\n  description,\n  value,\n  groupState,\n  inputRef: inputRefFromProps,\n  ...props\n}: ReactAriaRadioProps) {\n  const inputRef = useRef<HTMLInputElement>(null)\n  const handleInputRef = useForkRef(inputRefFromProps, inputRef)\n\n  const { inputProps, isSelected, isDisabled } = useRadio(\n    {\n      ...props,\n      value,\n      // Hack to suppress aria-label warning from React Aria. We don't actually\n      // use children for the mapping of our radio to React Aria and we already\n      // configure a label for our radios.\n      children: ' ',\n    },\n    groupState,\n    inputRef,\n  )\n\n  const handleChange = (checked: boolean) => {\n    if (checked) {\n      groupState.setSelectedValue(value)\n    }\n  }\n\n  return (\n    <Radio\n      label={label}\n      inputRef={handleInputRef}\n      isDisabled={isDisabled}\n      description={description}\n      onChange={handleChange}\n      value={isSelected}\n      name={inputProps.name}\n    />\n  )\n}\n\nfunction ReactAriaRadioWrapper(props: Omit<ReactAriaRadioProps, 'groupState'>) {\n  const groupState = useContext(RadioGroupStateContext)\n  // We can't render hooks conditionally so we have to use useRadio above but\n  // groupState is only defined if the component is rendered within a RadioGroup\n  // This wrapper component gets around that by checking if groupState is defined which\n  // should always be the case for us since this component is only used within a RadioGroup\n  return groupState ? <ReactAriaRadio groupState={groupState} {...props} /> : null\n}\n\nexport function RadioGroup({\n  label,\n  description,\n  errorMessage,\n  isRequired = false,\n  isInvalid = false,\n  isDisabled = false,\n  options,\n  shouldVisuallyHideLabel = false,\n  value,\n  onChange,\n  className,\n  inputRef,\n  ...props\n}: RadioGroupProps) {\n  return (\n    <Fieldset\n      legend={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      shouldVisuallyHideLegend={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n      {...props}\n    >\n      <AriaRadioGroup\n        isInvalid={isInvalid}\n        isRequired={isRequired}\n        validationBehavior=\"aria\"\n        value={value}\n        onChange={onChange}\n        isDisabled={isDisabled}\n        aria-labelledby=\" \"\n      >\n        {options.map(({ value, label, isDisabled = false, description }, index) => (\n          <ReactAriaRadioWrapper\n            isDisabled={isDisabled}\n            key={value}\n            value={value}\n            description={description}\n            label={label}\n            inputRef={index === 0 ? inputRef : undefined}\n          />\n        ))}\n      </AriaRadioGroup>\n    </Fieldset>\n  )\n}\n"],"names":["ReactAriaRadio","label","description","value","groupState","inputRefFromProps","props","inputRef","useRef","handleInputRef","useForkRef","inputProps","isSelected","isDisabled","useRadio","jsx","Radio","checked","ReactAriaRadioWrapper","useContext","RadioGroupStateContext","RadioGroup","errorMessage","isRequired","isInvalid","options","shouldVisuallyHideLabel","onChange","className","Fieldset","classNames","styles","AriaRadioGroup","index"],"mappings":";;;;;;;;;AA2BA,SAASA,EAAe;AAAA,EACtB,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,GAAGC;AACL,GAAwB;AAChB,QAAAC,IAAWC,EAAyB,IAAI,GACxCC,IAAiBC,EAAWL,GAAmBE,CAAQ,GAEvD,EAAE,YAAAI,GAAY,YAAAC,GAAY,YAAAC,EAAe,IAAAC;AAAA,IAC7C;AAAA,MACE,GAAGR;AAAA,MACH,OAAAH;AAAA;AAAA;AAAA;AAAA,MAIA,UAAU;AAAA,IACZ;AAAA,IACAC;AAAA,IACAG;AAAA,EACF;AASE,SAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAf;AAAA,MACA,UAAUQ;AAAA,MACV,YAAAI;AAAA,MACA,aAAAX;AAAA,MACA,UAZiB,CAACe,MAAqB;AACzC,QAAIA,KACFb,EAAW,iBAAiBD,CAAK;AAAA,MAErC;AAAA,MASI,OAAOS;AAAA,MACP,MAAMD,EAAW;AAAA,IAAA;AAAA,EACnB;AAEJ;AAEA,SAASO,EAAsBZ,GAAgD;AACvE,QAAAF,IAAae,EAAWC,CAAsB;AAKpD,SAAOhB,IAAc,gBAAAW,EAAAf,GAAA,EAAe,YAAAI,GAAyB,GAAGE,EAAO,CAAA,IAAK;AAC9E;AAEO,SAASe,EAAW;AAAA,EACzB,OAAApB;AAAA,EACA,aAAAC;AAAA,EACA,cAAAoB;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,WAAAC,IAAY;AAAA,EACZ,YAAAX,IAAa;AAAA,EACb,SAAAY;AAAA,EACA,yBAAAC,IAA0B;AAAA,EAC1B,OAAAvB;AAAA,EACA,UAAAwB;AAAA,EACA,WAAAC;AAAA,EACA,UAAArB;AAAA,EACA,GAAGD;AACL,GAAoB;AAEhB,SAAA,gBAAAS;AAAA,IAACc;AAAA,IAAA;AAAA,MACC,QAAQ5B;AAAA,MACR,aAAAC;AAAA,MACA,cAAAoB;AAAA,MACA,YAAAC;AAAA,MACA,0BAA0BG;AAAA,MAC1B,WAAWI,EAAWC,EAAO,MAAMH,CAAS;AAAA,MAC3C,GAAGtB;AAAA,MAEJ,UAAA,gBAAAS;AAAA,QAACiB;AAAAA,QAAA;AAAA,UACC,WAAAR;AAAA,UACA,YAAAD;AAAA,UACA,oBAAmB;AAAA,UACnB,OAAApB;AAAA,UACA,UAAAwB;AAAA,UACA,YAAAd;AAAA,UACA,mBAAgB;AAAA,UAEf,UAAQY,EAAA,IAAI,CAAC,EAAE,OAAAtB,GAAO,OAAAF,GAAO,YAAAY,IAAa,IAAO,aAAAX,EAAAA,GAAe+B,MAC/D,gBAAAlB;AAAA,YAACG;AAAA,YAAA;AAAA,cACC,YAAYL;AAAAA,cAEZ,OAAOV;AAAAA,cACP,aAAaD;AAAAA,cACb,OAAOD;AAAAA,cACP,UAAUgC,MAAU,IAAI1B,IAAW;AAAA,YAAA;AAAA,YAJ9BJ;AAAAA,UAMR,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACH;AAAA,EACF;AAEJ;"}

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.d.ts

@@ -1,16 +1,46 @@
 import { FieldsetHTMLAttributes, Ref } from 'react';
-import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
-export type RadioGroupOption = {
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
+export interface RadioGroupOption {
+    /**
+     * Label text or content for the radio option
+     */
     label: React.ReactNode;
+    /**
+     * Value of the option that will be passed to onChange
+     */
     value: string;
+    /**
+     * Disables this specific radio option
+     */
     isDisabled?: boolean;
+    /**
+     * Optional description text for the radio option
+     */
     description?: React.ReactNode;
-};
+}
 export interface RadioGroupProps extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {
+    /**
+     * Indicates that the field has an error
+     */
     isInvalid?: boolean;
+    /**
+     * Disables all radio options in the group
+     */
     isDisabled?: boolean;
+    /**
+     * Array of radio options to display
+     */
     options: Array<RadioGroupOption>;
+    /**
+     * Currently selected value
+     */
     value?: string;
+    /**
+     * Callback when selection changes
+     */
     onChange?: (value: string) => void;
+    /**
+     * React ref for the first radio input element
+     */
     inputRef?: Ref<HTMLInputElement>;
 }

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

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

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

@@ -5,11 +5,11 @@ import { useMemo as K } from "react";
 import p from "classnames";
 import { useFieldIds as M } from "../hooks/useFieldIds.js";
 import o from "./Select.module.scss.js";
-import U from "../../../../assets/icons/caret-down.svg.js";
-import V from "../../../../assets/icons/alert-circle.svg.js";
-import { useTheme as _ } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { FieldLayout as U } from "../../FieldLayout/FieldLayout.js";
+import V from "../../../../assets/icons/caret-down.svg.js";
+import _ from "../../../../assets/icons/alert-circle.svg.js";
+import { useTheme as $ } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import { FieldLayout as $ } from "../FieldLayout/FieldLayout.js";
 const re = ({
   description: i,
   errorMessage: a,
@@ -29,13 +29,13 @@ const re = ({
   inputRef: y,
   ...B
 }) => {
-  const { t: C } = H(), { container: N } = _(), { inputId: d, errorMessageId: b, descriptionId: L, ariaDescribedBy: w } = M({
+  const { t: C } = H(), { container: N } = $(), { inputId: d, errorMessageId: b, descriptionId: L, ariaDescribedBy: w } = M({
     inputId: u,
     errorMessage: a,
     description: i
   }), A = K(() => s.map((e) => ({ name: e.label, id: e.value })), [s]);
   return /* @__PURE__ */ r(
-    $,
+    U,
     {
       label: n,
       htmlFor: d,
@@ -66,8 +66,8 @@ const re = ({
             /* @__PURE__ */ t(j, { ref: y, children: [
               /* @__PURE__ */ r(D, { children: ({ defaultChildren: e, isPlaceholder: F }) => F && c ? c : e }),
               /* @__PURE__ */ t("div", { className: o.icons, "aria-hidden": "true", children: [
-                m && /* @__PURE__ */ r(V, { fontSize: 16 }),
-                /* @__PURE__ */ r(U, { title: C("icons.selectArrow") })
+                m && /* @__PURE__ */ r(_, { fontSize: 16 }),
+                /* @__PURE__ */ r(V, { title: C("icons.selectArrow") })
               ] })
             ] }),
             /* @__PURE__ */ r(

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

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport { FieldLayout } from '../FieldLayout'\nimport styles from './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          onChange?.(key.toString())\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACX,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,EAAE,WAAAC,EAAU,IAAIC,EAAS,GACzB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASvB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAQC,EAAQ,MACblB,EAAQ,IAAI,CAAAmB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAQ,EAAA,GACvD,CAACnB,CAAO,CAAC;AAGV,SAAA,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,SAASe;AAAA,MACT,cAAApB;AAAA,MACA,gBAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAlB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWmB,EAAWC,EAAO,MAAM,2BAA2BlB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY5B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAO+B,MAAA;AACb,YAAA5B,IAAA4B,EAAI,UAAU;AAAA,UAC3B;AAAA,UACA,QAAA3B;AAAA,UACA,IAAIa;AAAA,UACJ,aAAaV,KAAyB;AAAA,UACtC,oBAAkBa;AAAA,UAClB,MAAAX;AAAA,UAEA,UAAA;AAAA,YAAC,gBAAAoB,EAAAG,GAAA,EAAO,KAAKrB,GACX,UAAA;AAAA,cAAA,gBAAAc,EAACQ,GACE,EAAA,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB7B,IAAcA,IAAc4B,GAExD;AAAA,gCACC,OAAI,EAAA,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAa5B,KAAA,gBAAAyB,EAACW,GAAY,EAAA,UAAU,GAAI,CAAA;AAAA,gBACxC,gBAAAX,EAAAY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAG,CAAA;AAAA,cAAA,EAC5C,CAAA;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0Bb,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAQ,EAAA,OAAAjB,GACN,UAAQ,CAAAkB,MAAA,gBAAAf,EAACgB,KAA2B,UAAKD,EAAA,KAAA,GAAfA,EAAK,EAAe,EACjD,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Select.js","sources":["../../../../../src/components/Common/UI/Select/Select.tsx"],"sourcesContent":["import type { Key } from 'react-aria-components'\nimport {\n  Select as AriaSelect,\n  Button,\n  ListBox,\n  ListBoxItem,\n  Popover,\n  SelectValue,\n} from 'react-aria-components'\nimport { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Select.module.scss'\nimport type { SelectProps } from './SelectTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport { useTheme } from '@/contexts/ThemeProvider'\n\nexport const Select = ({\n  description,\n  errorMessage,\n  id,\n  isDisabled,\n  isInvalid,\n  isRequired,\n  label,\n  onChange,\n  onBlur,\n  options,\n  placeholder,\n  value,\n  shouldVisuallyHideLabel,\n  name,\n  className,\n  inputRef,\n  ...props\n}: SelectProps) => {\n  const { t } = useTranslation()\n  const { container } = useTheme()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const items = useMemo(() => {\n    return options.map(o => ({ name: o.label, id: o.value }))\n  }, [options])\n\n  return (\n    <FieldLayout\n      label={label}\n      htmlFor={inputId}\n      errorMessage={errorMessage}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      isRequired={isRequired}\n      description={description}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, 'react-aria-CustomSelect', className)}\n      withErrorIcon={false}\n      {...props}\n    >\n      <AriaSelect\n        aria-label={label}\n        isDisabled={isDisabled}\n        isInvalid={isInvalid}\n        onSelectionChange={key => {\n          onChange?.(key.toString())\n        }}\n        onBlur={onBlur}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        aria-describedby={ariaDescribedBy}\n        name={name}\n      >\n        <Button ref={inputRef}>\n          <SelectValue>\n            {({ defaultChildren, isPlaceholder }) => {\n              return isPlaceholder && placeholder ? placeholder : defaultChildren\n            }}\n          </SelectValue>\n          <div className={styles.icons} aria-hidden=\"true\">\n            {isInvalid && <AlertCircle fontSize={16} />}\n            <CaretDown title={t('icons.selectArrow')} />\n          </div>\n        </Button>\n        <Popover\n          className={classNames(styles.popover, 'react-aria-Popover')}\n          UNSTABLE_portalContainer={container.current}\n          maxHeight={320}\n        >\n          <ListBox items={items}>\n            {item => <ListBoxItem key={item.id}>{item.name}</ListBoxItem>}\n          </ListBox>\n        </Popover>\n      </AriaSelect>\n    </FieldLayout>\n  )\n}\n"],"names":["Select","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","shouldVisuallyHideLabel","name","className","inputRef","props","t","useTranslation","container","useTheme","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","items","useMemo","o","jsx","FieldLayout","classNames","styles","jsxs","AriaSelect","key","Button","SelectValue","defaultChildren","isPlaceholder","AlertCircle","CaretDown","Popover","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAoBO,MAAMA,KAAS,CAAC;AAAA,EACrB,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAmB;AACX,QAAA,EAAE,GAAAC,EAAE,IAAIC,EAAe,GACvB,EAAE,WAAAC,EAAU,IAAIC,EAAS,GACzB,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASvB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEK0B,IAAQC,EAAQ,MACblB,EAAQ,IAAI,CAAAmB,OAAM,EAAE,MAAMA,EAAE,OAAO,IAAIA,EAAE,MAAQ,EAAA,GACvD,CAACnB,CAAO,CAAC;AAGV,SAAA,gBAAAoB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,SAASe;AAAA,MACT,cAAApB;AAAA,MACA,gBAAAqB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAlB;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAY;AAAA,MACA,WAAWmB,EAAWC,EAAO,MAAM,2BAA2BlB,CAAS;AAAA,MACvE,eAAe;AAAA,MACd,GAAGE;AAAA,MAEJ,UAAA,gBAAAiB;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY5B;AAAA,UACZ,YAAAH;AAAA,UACA,WAAAC;AAAA,UACA,mBAAmB,CAAO+B,MAAA;AACb,YAAA5B,IAAA4B,EAAI,UAAU;AAAA,UAC3B;AAAA,UACA,QAAA3B;AAAA,UACA,IAAIa;AAAA,UACJ,aAAaV,KAAyB;AAAA,UACtC,oBAAkBa;AAAA,UAClB,MAAAX;AAAA,UAEA,UAAA;AAAA,YAAC,gBAAAoB,EAAAG,GAAA,EAAO,KAAKrB,GACX,UAAA;AAAA,cAAA,gBAAAc,EAACQ,GACE,EAAA,UAAA,CAAC,EAAE,iBAAAC,GAAiB,eAAAC,QACZA,KAAiB7B,IAAcA,IAAc4B,GAExD;AAAA,gCACC,OAAI,EAAA,WAAWN,EAAO,OAAO,eAAY,QACvC,UAAA;AAAA,gBAAa5B,KAAA,gBAAAyB,EAACW,GAAY,EAAA,UAAU,GAAI,CAAA;AAAA,gBACxC,gBAAAX,EAAAY,GAAA,EAAU,OAAOxB,EAAE,mBAAmB,EAAG,CAAA;AAAA,cAAA,EAC5C,CAAA;AAAA,YAAA,GACF;AAAA,YACA,gBAAAY;AAAA,cAACa;AAAA,cAAA;AAAA,gBACC,WAAWX,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0Bb,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAU,EAACc,GAAQ,EAAA,OAAAjB,GACN,UAAQ,CAAAkB,MAAA,gBAAAf,EAACgB,KAA2B,UAAKD,EAAA,KAAA,GAAfA,EAAK,EAAe,EACjD,CAAA;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Common/UI/Select/SelectTypes.d.ts

@@ -1,17 +1,50 @@
 import { FocusEvent, Ref, SelectHTMLAttributes } from 'react';
-import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
 export interface SelectOption {
+    /**
+     * Value of the option that will be passed to onChange
+     */
     value: string;
+    /**
+     * Display text for the option
+     */
     label: string;
 }
 export interface SelectProps extends SharedFieldLayoutProps, Pick<SelectHTMLAttributes<HTMLSelectElement>, 'id' | 'name' | 'className'> {
+    /**
+     * Disables the select and prevents interaction
+     */
     isDisabled?: boolean;
+    /**
+     * Indicates that the field has an error
+     */
     isInvalid?: boolean;
+    /**
+     * Label text for the select field
+     */
     label: string;
+    /**
+     * Callback when selection changes
+     */
     onChange?: (value: string) => void;
+    /**
+     * Handler for blur events
+     */
     onBlur?: (e: FocusEvent) => void;
+    /**
+     * Array of options to display in the select dropdown
+     */
     options: SelectOption[];
+    /**
+     * Placeholder text when no option is selected
+     */
     placeholder?: string;
+    /**
+     * Currently selected value
+     */
     value?: string;
+    /**
+     * React ref for the select button element
+     */
     inputRef?: Ref<HTMLButtonElement>;
 }

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

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

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

@@ -4,7 +4,7 @@ import w from "classnames";
 import { useRef as F, useEffect as x } from "react";
 import { useFieldIds as j } from "../hooks/useFieldIds.js";
 import t from "./Switch.module.scss.js";
-import { HorizontalFieldLayout as z } from "../HorizontalFieldLayout/HorizontalFieldLayout.js";
+import { HorizontalFieldLayout as z } from "../../HorizontalFieldLayout/HorizontalFieldLayout.js";
 function k({
   name: d,
   label: o,

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

@@ -1 +1 @@
-{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Common/UI/Switch/Switch.tsx"],"sourcesContent":["import { Switch as _Switch } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useRef, useEffect } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport { HorizontalFieldLayout } from '../HorizontalFieldLayout'\nimport styles from './Switch.module.scss'\nimport type { SwitchProps } from './SwitchTypes'\n\nexport function Switch({\n  name,\n  label,\n  description,\n  errorMessage,\n  inputRef,\n  isRequired,\n  onChange,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  shouldVisuallyHideLabel,\n  className,\n  value,\n  ...props\n}: SwitchProps) {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const internalInputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (inputRef) {\n      if (typeof inputRef === 'function') {\n        inputRef(internalInputRef.current)\n      } else {\n        inputRef.current = internalInputRef.current\n      }\n    }\n  }, [inputRef])\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n    >\n      <_Switch\n        isDisabled={isDisabled}\n        isSelected={value}\n        onChange={onChange}\n        name={name}\n        id={inputId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        aria-label={label}\n        inputRef={internalInputRef}\n        {...props}\n      >\n        <div className={styles.body}>\n          <div className={styles.indicator} />\n        </div>\n      </_Switch>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Switch","name","label","description","errorMessage","inputRef","isRequired","onChange","isInvalid","isDisabled","id","shouldVisuallyHideLabel","className","value","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","internalInputRef","useRef","useEffect","jsx","HorizontalFieldLayout","classNames","styles","_Switch"],"mappings":";;;;;;;AAQO,SAASA,EAAO;AAAA,EACrB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAST;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKiB,IAAmBC,EAAyB,IAAI;AAEtD,SAAAC,EAAU,MAAM;AACd,IAAIjB,MACE,OAAOA,KAAa,aACtBA,EAASe,EAAiB,OAAO,IAEjCf,EAAS,UAAUe,EAAiB;AAAA,EAExC,GACC,CAACf,CAAQ,CAAC,GAGX,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAE;AAAA,MACA,SAASS;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAN;AAAA,MACA,WAAWc,EAAWC,EAAO,MAAMd,CAAS;AAAA,MAE5C,UAAA,gBAAAW;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,YAAAlB;AAAA,UACA,YAAYI;AAAA,UACZ,UAAAN;AAAA,UACA,MAAAN;AAAA,UACA,IAAIc;AAAA,UACJ,oBAAkBG;AAAA,UAClB,gBAAcV;AAAA,UACd,cAAYN;AAAA,UACZ,UAAUkB;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAS,EAAC,OAAI,EAAA,WAAWG,EAAO,MACrB,4BAAC,OAAI,EAAA,WAAWA,EAAO,UAAW,CAAA,EACpC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"Switch.js","sources":["../../../../../src/components/Common/UI/Switch/Switch.tsx"],"sourcesContent":["import { Switch as _Switch } from 'react-aria-components'\nimport classNames from 'classnames'\nimport { useRef, useEffect } from 'react'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './Switch.module.scss'\nimport type { SwitchProps } from './SwitchTypes'\nimport { HorizontalFieldLayout } from '@/components/Common/HorizontalFieldLayout'\n\nexport function Switch({\n  name,\n  label,\n  description,\n  errorMessage,\n  inputRef,\n  isRequired,\n  onChange,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  shouldVisuallyHideLabel,\n  className,\n  value,\n  ...props\n}: SwitchProps) {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const internalInputRef = useRef<HTMLInputElement>(null)\n\n  useEffect(() => {\n    if (inputRef) {\n      if (typeof inputRef === 'function') {\n        inputRef(internalInputRef.current)\n      } else {\n        inputRef.current = internalInputRef.current\n      }\n    }\n  }, [inputRef])\n\n  return (\n    <HorizontalFieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      className={classNames(styles.root, className)}\n    >\n      <_Switch\n        isDisabled={isDisabled}\n        isSelected={value}\n        onChange={onChange}\n        name={name}\n        id={inputId}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        aria-label={label}\n        inputRef={internalInputRef}\n        {...props}\n      >\n        <div className={styles.body}>\n          <div className={styles.indicator} />\n        </div>\n      </_Switch>\n    </HorizontalFieldLayout>\n  )\n}\n"],"names":["Switch","name","label","description","errorMessage","inputRef","isRequired","onChange","isInvalid","isDisabled","id","shouldVisuallyHideLabel","className","value","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","internalInputRef","useRef","useEffect","jsx","HorizontalFieldLayout","classNames","styles","_Switch"],"mappings":";;;;;;;AAQO,SAASA,EAAO;AAAA,EACrB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,GAAgB;AACd,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAAST;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GAEKiB,IAAmBC,EAAyB,IAAI;AAEtD,SAAAC,EAAU,MAAM;AACd,IAAIjB,MACE,OAAOA,KAAa,aACtBA,EAASe,EAAiB,OAAO,IAEjCf,EAAS,UAAUe,EAAiB;AAAA,EAExC,GACC,CAACf,CAAQ,CAAC,GAGX,gBAAAkB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAtB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAE;AAAA,MACA,SAASS;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,yBAAAN;AAAA,MACA,WAAWc,EAAWC,EAAO,MAAMd,CAAS;AAAA,MAE5C,UAAA,gBAAAW;AAAA,QAACI;AAAAA,QAAA;AAAA,UACC,YAAAlB;AAAA,UACA,YAAYI;AAAA,UACZ,UAAAN;AAAA,UACA,MAAAN;AAAA,UACA,IAAIc;AAAA,UACJ,oBAAkBG;AAAA,UAClB,gBAAcV;AAAA,UACd,cAAYN;AAAA,UACZ,UAAUkB;AAAA,UACT,GAAGN;AAAA,UAEJ,UAAA,gBAAAS,EAAC,OAAI,EAAA,WAAWG,EAAO,MACrB,4BAAC,OAAI,EAAA,WAAWA,EAAO,UAAW,CAAA,EACpC,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

package/dist/components/Common/UI/Switch/SwitchTypes.d.ts

@@ -1,12 +1,36 @@
 import { FocusEvent, InputHTMLAttributes, Ref } from 'react';
-import { SharedHorizontalFieldLayoutProps } from '../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
+import { SharedHorizontalFieldLayoutProps } from '../../HorizontalFieldLayout/HorizontalFieldLayoutTypes';
 export interface SwitchProps extends SharedHorizontalFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> {
+    /**
+     * Handler for blur events
+     */
     onBlur?: (e: FocusEvent) => void;
+    /**
+     * Callback when switch state changes
+     */
     onChange?: (checked: boolean) => void;
+    /**
+     * Current checked state of the switch
+     */
     value?: boolean;
+    /**
+     * React ref for the switch input element
+     */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Indicates that the field has an error
+     */
     isInvalid?: boolean;
+    /**
+     * Disables the switch and prevents interaction
+     */
     isDisabled?: boolean;
+    /**
+     * Additional CSS class name for the switch container
+     */
     className?: string;
+    /**
+     * Label text for the switch
+     */
     label: string;
 }

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

@@ -1 +1,2 @@
+import "./types/i18next.d.ts"
 export * from './Switch';

package/dist/components/Common/UI/Table/TableTypes.d.ts

@@ -1,14 +1,35 @@
 import { ReactNode, TableHTMLAttributes } from 'react';
 export interface TableData {
+    /**
+     * Unique identifier for the table cell
+     */
     key: string;
+    /**
+     * Content to be displayed in the table cell
+     */
     content: ReactNode;
 }
 export interface TableRow {
+    /**
+     * Unique identifier for the table row
+     */
     key: string;
+    /**
+     * Array of cells to be displayed in the row
+     */
     data: TableData[];
 }
 export interface TableProps extends Pick<TableHTMLAttributes<HTMLTableElement>, 'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'> {
+    /**
+     * Array of header cells for the table
+     */
     headers: TableData[];
+    /**
+     * Array of rows to be displayed in the table
+     */
     rows: TableRow[];
+    /**
+     * Content to display when the table has no rows
+     */
     emptyState?: ReactNode;
 }

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

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Table } from './Table';
 export type * from './TableTypes';

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

@@ -1,9 +1,27 @@
 import { HTMLAttributes, ReactNode } from 'react';
 export interface TextProps extends Pick<HTMLAttributes<HTMLParagraphElement>, 'className' | 'id'> {
+    /**
+     * HTML element to render the text as
+     */
     as?: 'p' | 'span' | 'div';
+    /**
+     * Size variant of the text
+     */
     size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+    /**
+     * Text alignment within the container
+     */
     textAlign?: 'start' | 'center' | 'end';
+    /**
+     * Font weight of the text
+     */
     weight?: 'regular' | 'medium' | 'semibold' | 'bold';
+    /**
+     * Content to be displayed
+     */
     children?: ReactNode;
+    /**
+     * Visual style variant of the text
+     */
     variant?: 'supporting';
 }

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

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { Text } from './Text';
 export type { TextProps } from './TextTypes';

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

@@ -1,6 +1,6 @@
 import { jsx as i } from "react/jsx-runtime";
 import { useFieldIds as w } from "../hooks/useFieldIds.js";
-import { FieldLayout as B } from "../FieldLayout/FieldLayout.js";
+import { FieldLayout as B } from "../../FieldLayout/FieldLayout.js";
 import { Input as D } from "../Input/Input.js";
 function z({
   name: a,

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

@@ -1 +1 @@
-{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { FieldLayout } from '../FieldLayout'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\n\nexport function TextInput({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  type = 'text',\n  inputRef,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  value,\n  placeholder,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  adornmentEnd,\n  adornmentStart,\n  ...props\n}: TextInputProps) {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...props}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;AAMO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASd;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD;AAOC,SAAA,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAP;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAb;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAzBe,CAACgB,MAAyC;AAClD,YAAAf,IAAAe,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAd;AAAA,UACA,oBAAkBS;AAAA,UAClB,gBAAcf;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"TextInput.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInput.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react'\nimport { Input } from '../Input'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport type { TextInputProps } from './TextInputTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\n\nexport function TextInput({\n  name,\n  label,\n  description,\n  errorMessage,\n  isRequired,\n  type = 'text',\n  inputRef,\n  isInvalid = false,\n  isDisabled = false,\n  id,\n  value,\n  placeholder,\n  onChange,\n  onBlur,\n  className,\n  shouldVisuallyHideLabel,\n  adornmentEnd,\n  adornmentStart,\n  ...props\n}: TextInputProps) {\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n\n  const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n    onChange?.(event.target.value)\n  }\n\n  return (\n    <FieldLayout\n      label={label}\n      description={description}\n      errorMessage={errorMessage}\n      isRequired={isRequired}\n      htmlFor={inputId}\n      errorMessageId={errorMessageId}\n      descriptionId={descriptionId}\n      className={className}\n      shouldVisuallyHideLabel={shouldVisuallyHideLabel}\n      withErrorIcon={false}\n      {...props}\n    >\n      <Input\n        id={inputId}\n        inputRef={inputRef}\n        name={name}\n        type={type}\n        value={value}\n        placeholder={placeholder}\n        onChange={handleChange}\n        onBlur={onBlur}\n        aria-describedby={ariaDescribedBy}\n        aria-invalid={isInvalid}\n        isDisabled={isDisabled}\n        adornmentStart={adornmentStart}\n        adornmentEnd={adornmentEnd}\n      />\n    </FieldLayout>\n  )\n}\n"],"names":["TextInput","name","label","description","errorMessage","isRequired","type","inputRef","isInvalid","isDisabled","id","value","placeholder","onChange","onBlur","className","shouldVisuallyHideLabel","adornmentEnd","adornmentStart","props","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","jsx","FieldLayout","Input","event"],"mappings":";;;;AAMO,SAASA,EAAU;AAAA,EACxB,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,YAAAC,IAAa;AAAA,EACb,IAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,GAAGC;AACL,GAAmB;AACjB,QAAM,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASd;AAAA,IACT,cAAAN;AAAA,IACA,aAAAD;AAAA,EAAA,CACD;AAOC,SAAA,gBAAAsB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAxB;AAAA,MACA,aAAAC;AAAA,MACA,cAAAC;AAAA,MACA,YAAAC;AAAA,MACA,SAASe;AAAA,MACT,gBAAAC;AAAA,MACA,eAAAC;AAAA,MACA,WAAAP;AAAA,MACA,yBAAAC;AAAA,MACA,eAAe;AAAA,MACd,GAAGG;AAAA,MAEJ,UAAA,gBAAAM;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,IAAIP;AAAA,UACJ,UAAAb;AAAA,UACA,MAAAN;AAAA,UACA,MAAAK;AAAA,UACA,OAAAK;AAAA,UACA,aAAAC;AAAA,UACA,UAzBe,CAACgB,MAAyC;AAClD,YAAAf,IAAAe,EAAM,OAAO,KAAK;AAAA,UAC/B;AAAA,UAwBM,QAAAd;AAAA,UACA,oBAAkBS;AAAA,UAClB,gBAAcf;AAAA,UACd,YAAAC;AAAA,UACA,gBAAAS;AAAA,UACA,cAAAD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EACF;AAEJ;"}

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

@@ -1,12 +1,33 @@
 import { Ref, InputHTMLAttributes } from 'react';
-import { SharedFieldLayoutProps } from '../FieldLayout/FieldLayoutTypes';
 import { InputProps } from '../Input/InputTypes';
+import { SharedFieldLayoutProps } from '../../FieldLayout/FieldLayoutTypes';
 export interface TextInputProps extends SharedFieldLayoutProps, Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'placeholder' | 'className' | 'type' | 'onBlur'> {
+    /**
+     * React ref for the input element
+     */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Current value of the input
+     */
     value?: string;
+    /**
+     * Callback when input value changes
+     */
     onChange?: (value: string) => void;
+    /**
+     * Indicates that the field has an error
+     */
     isInvalid?: boolean;
+    /**
+     * Disables the input and prevents interaction
+     */
     isDisabled?: boolean;
+    /**
+     * Element to display at the start of the input
+     */
     adornmentStart?: InputProps['adornmentStart'];
+    /**
+     * Element to display at the end of the input
+     */
     adornmentEnd?: InputProps['adornmentEnd'];
 }

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

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

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

@@ -1,2 +1,3 @@
+import "./types/i18next.d.ts"
 export { VisuallyHidden } from './VisuallyHidden';
 export type { VisuallyHiddenProps } from './VisuallyHidden';

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

@@ -1,3 +1,4 @@
+import "./types/i18next.d.ts"
 export { useAsyncError } from './hooks/useAsyncError';
 export { TaxInputs } from './TaxInputs';
 export { DataView, DataCards, DataTable, useDataView } from './DataView';

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

@@ -1,11 +1,11 @@
 import { AssignSignatoryDefaultValues } from './useAssignSignatory';
-import { BaseComponentInterface, CommonComponentInterface } from '../../Base';
-interface AssignSignatoryProps extends CommonComponentInterface {
+import { BaseComponentInterface } from '../../Base';
+interface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {
     companyId: string;
     signatoryId?: string;
     defaultValues?: AssignSignatoryDefaultValues;
 }
-export declare function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface): import("react/jsx-runtime").JSX.Element;
+export declare function AssignSignatory(props: AssignSignatoryProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace AssignSignatory {
     var Head: () => import("react/jsx-runtime").JSX.Element;
     var Selection: () => import("react/jsx-runtime").JSX.Element;

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

@@ -1,54 +1,55 @@
-import { jsx as o, jsxs as N, Fragment as _ } from "react/jsx-runtime";
-import * as t from "valibot";
-import { useForm as O, FormProvider as p } from "react-hook-form";
-import { valibotResolver as E } from "@hookform/resolvers/valibot";
+import { jsx as o, jsxs as p, Fragment as _ } from "react/jsx-runtime";
+import { z as t } from "zod";
+import { useForm as O, FormProvider as u } from "react-hook-form";
+import { zodResolver as E } from "@hookform/resolvers/zod";
 import { SignatoryForm as g } from "./SignatoryForm.js";
 import { Head as S } from "./Head.js";
 import { AssignSignatorySelection as c } from "./AssignSignatorySelection.js";
-import { SignatoryAssignmentMode as m, AssignSignatoryProvider as u } from "./useAssignSignatory.js";
-import { companyEvents as e } from "../../../shared/constants.js";
+import { SignatoryAssignmentMode as m, AssignSignatoryProvider as C } from "./useAssignSignatory.js";
+import { companyEvents as i } from "../../../shared/constants.js";
 import { Flex as M } from "../../Common/Flex/Flex.js";
 import { BaseComponent as h } from "../../Base/Base.js";
 import { useBase as I } from "../../Base/useBase.js";
-import { useI18n as v } from "../../../i18n/I18n.js";
+import { useI18n as Y, useComponentDictionary as D } from "../../../i18n/I18n.js";
 function s(n) {
-  return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(Y, { ...n, children: n.children }) });
+  return /* @__PURE__ */ o(h, { ...n, children: /* @__PURE__ */ o(F, { ...n, children: n.children }) });
 }
-const C = t.object({
+const v = t.object({
   signatoryAssignmentMode: t.union([
     t.literal(m.createSignatory),
     t.literal(m.inviteSignatory)
   ])
 });
-function Y({
+function F({
   companyId: n,
-  signatoryId: l,
-  defaultValues: A,
-  className: f,
-  children: a
+  signatoryId: A,
+  defaultValues: l,
+  className: y,
+  children: a,
+  dictionary: f
 }) {
-  v("Company.AssignSignatory");
-  const { onEvent: i } = I(), d = O({
-    resolver: E(C),
+  Y("Company.AssignSignatory"), D("Company.AssignSignatory", f);
+  const { onEvent: e } = I(), d = O({
+    resolver: E(v),
     defaultValues: {
       signatoryAssignmentMode: m.createSignatory
     }
   });
-  return /* @__PURE__ */ o("section", { className: f, children: /* @__PURE__ */ o(
-    u,
+  return /* @__PURE__ */ o("section", { className: y, children: /* @__PURE__ */ o(
+    C,
     {
       value: {
         companyId: n,
-        signatoryId: l,
-        defaultValues: A,
+        signatoryId: A,
+        defaultValues: l,
         onSignatoryAssignmentModeChange: (r) => {
-          i(e.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
+          e(i.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, r);
         },
-        onSignatoryFormEvent: (r, y) => {
-          r === e.COMPANY_CREATE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : r === e.COMPANY_INVITE_SIGNATORY_DONE ? i(e.COMPANY_ASSIGN_SIGNATORY_DONE) : i(r, y);
+        onSignatoryFormEvent: (r, N) => {
+          r === i.COMPANY_CREATE_SIGNATORY_DONE ? e(i.COMPANY_ASSIGN_SIGNATORY_DONE) : r === i.COMPANY_INVITE_SIGNATORY_DONE ? e(i.COMPANY_ASSIGN_SIGNATORY_DONE) : e(r, N);
         }
       },
-      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(p, { ...d, children: a || /* @__PURE__ */ N(_, { children: [
+      children: /* @__PURE__ */ o(M, { flexDirection: "column", gap: 32, children: /* @__PURE__ */ o(u, { ...d, children: a || /* @__PURE__ */ p(_, { children: [
         /* @__PURE__ */ o(S, {}),
         /* @__PURE__ */ o(c, {}),
         /* @__PURE__ */ o(g, {})

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

@@ -1 +1 @@
-{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import * as v from 'valibot'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { valibotResolver } from '@hookform/resolvers/valibot'\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 {\n  useBase,\n  BaseComponent,\n  type BaseComponentInterface,\n  type CommonComponentInterface,\n} from '@/components/Base'\nimport { useI18n } from '@/i18n'\n\ninterface AssignSignatoryProps extends CommonComponentInterface {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps & BaseComponentInterface) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = v.object({\n  signatoryAssignmentMode: v.union([\n    v.literal(SignatoryAssignmentMode.createSignatory),\n    v.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = v.InferInput<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: valibotResolver(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\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","v","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","useI18n","onEvent","useBase","formMethods","useForm","valibotResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAwBO,SAASA,EAAgBC,GAAsD;AAElF,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;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,EAClD,CAAA;AACH,CAAC;AAID,SAASH,EAAK;AAAA,EACZ,WAAAI;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AACF,GAAyB;AACvB,EAAAC,EAAQ,yBAAyB;AAC3B,QAAA,EAAE,SAAAC,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAgBb,CAA8B;AAAA,IACxD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,gBAAAL,EAAC,aAAQ,WAAAS,GACP,UAAA,gBAAAT;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,WAAAX;AAAA,QACA,aAAAC;AAAA,QACA,eAAAC;AAAA,QACA,iCArBgC,CAACU,MAAiB;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAArB,EAAAsB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAtB,EAAAuB,GAAA,EAAc,GAAGT,GACf,UACCJ,KAGE,gBAAAc,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAAzB,EAAC0B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEA9B,EAAgB,OAAO4B;AACvB5B,EAAgB,YAAY6B;AAC5B7B,EAAgB,OAAO8B;"}
+{"version":3,"file":"AssignSignatory.js","sources":["../../../../src/components/Company/AssignSignatory/AssignSignatory.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { FormProvider, useForm } from 'react-hook-form'\nimport { zodResolver } from '@hookform/resolvers/zod'\nimport { SignatoryForm } from './SignatoryForm'\nimport { Head } from './Head'\nimport { AssignSignatorySelection } from './AssignSignatorySelection'\nimport type { AssignSignatoryDefaultValues } from './useAssignSignatory'\nimport { AssignSignatoryProvider, SignatoryAssignmentMode } from './useAssignSignatory'\nimport { companyEvents } from '@/shared/constants'\nimport { Flex } from '@/components/Common'\nimport { useBase, BaseComponent, type BaseComponentInterface } from '@/components/Base'\nimport { useI18n, useComponentDictionary } from '@/i18n'\n\ninterface AssignSignatoryProps extends BaseComponentInterface<'Company.AssignSignatory'> {\n  companyId: string\n  signatoryId?: string\n  defaultValues?: AssignSignatoryDefaultValues\n}\n\nexport function AssignSignatory(props: AssignSignatoryProps) {\n  return (\n    <BaseComponent {...props}>\n      <Root {...props}>{props.children}</Root>\n    </BaseComponent>\n  )\n}\n\nconst AssignSignatorySelectionSchema = z.object({\n  signatoryAssignmentMode: z.union([\n    z.literal(SignatoryAssignmentMode.createSignatory),\n    z.literal(SignatoryAssignmentMode.inviteSignatory),\n  ]),\n})\n\ntype AssignSignatorySelectionInputs = z.infer<typeof AssignSignatorySelectionSchema>\n\nfunction Root({\n  companyId,\n  signatoryId,\n  defaultValues,\n  className,\n  children,\n  dictionary,\n}: AssignSignatoryProps) {\n  useI18n('Company.AssignSignatory')\n  useComponentDictionary('Company.AssignSignatory', dictionary)\n\n  const { onEvent } = useBase()\n\n  const formMethods = useForm<AssignSignatorySelectionInputs>({\n    resolver: zodResolver(AssignSignatorySelectionSchema),\n    defaultValues: {\n      signatoryAssignmentMode: SignatoryAssignmentMode.createSignatory,\n    },\n  })\n\n  const onSignatoryAssignmentModeChange = (mode: string) => {\n    onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_MODE_UPDATED, mode)\n  }\n\n  const onSignatoryFormEvent: BaseComponentInterface['onEvent'] = (event, data) => {\n    if (event === companyEvents.COMPANY_CREATE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else if (event === companyEvents.COMPANY_INVITE_SIGNATORY_DONE) {\n      onEvent(companyEvents.COMPANY_ASSIGN_SIGNATORY_DONE)\n    } else {\n      onEvent(event, data)\n    }\n  }\n\n  return (\n    <section className={className}>\n      <AssignSignatoryProvider\n        value={{\n          companyId,\n          signatoryId,\n          defaultValues,\n          onSignatoryAssignmentModeChange,\n          onSignatoryFormEvent,\n        }}\n      >\n        <Flex flexDirection=\"column\" gap={32}>\n          <FormProvider {...formMethods}>\n            {children ? (\n              children\n            ) : (\n              <>\n                <Head />\n                <AssignSignatorySelection />\n                <SignatoryForm />\n              </>\n            )}\n          </FormProvider>\n        </Flex>\n      </AssignSignatoryProvider>\n    </section>\n  )\n}\n\nAssignSignatory.Head = Head\nAssignSignatory.Selection = AssignSignatorySelection\nAssignSignatory.Form = SignatoryForm\n"],"names":["AssignSignatory","props","jsx","BaseComponent","Root","AssignSignatorySelectionSchema","z","SignatoryAssignmentMode","companyId","signatoryId","defaultValues","className","children","dictionary","useI18n","useComponentDictionary","onEvent","useBase","formMethods","useForm","zodResolver","AssignSignatoryProvider","mode","companyEvents","event","data","Flex","FormProvider","jsxs","Fragment","Head","AssignSignatorySelection","SignatoryForm"],"mappings":";;;;;;;;;;;;;AAmBO,SAASA,EAAgBC,GAA6B;AAEzD,SAAA,gBAAAC,EAACC,GAAe,EAAA,GAAGF,GACjB,UAAA,gBAAAC,EAACE,KAAM,GAAGH,GAAQ,UAAMA,EAAA,SAAA,CAAS,EACnC,CAAA;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,EAClD,CAAA;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;AAEtD,QAAA,EAAE,SAAAG,EAAQ,IAAIC,EAAQ,GAEtBC,IAAcC,EAAwC;AAAA,IAC1D,UAAUC,EAAYf,CAA8B;AAAA,IACpD,eAAe;AAAA,MACb,yBAAyBE,EAAwB;AAAA,IAAA;AAAA,EACnD,CACD;AAiBC,SAAA,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;AAChD,UAAAN,EAAAO,EAAc,uCAAuCD,CAAI;AAAA,QACnE;AAAA,QAoBQ,sBAlBwD,CAACE,GAAOC,MAAS;AAC3E,UAAAD,MAAUD,EAAc,gCAC1BP,EAAQO,EAAc,6BAA6B,IAC1CC,MAAUD,EAAc,gCACjCP,EAAQO,EAAc,6BAA6B,IAEnDP,EAAQQ,GAAOC,CAAI;AAAA,QAEvB;AAAA,MAWM;AAAA,MAEA,UAAC,gBAAAvB,EAAAwB,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAC,gBAAAxB,EAAAyB,GAAA,EAAc,GAAGT,GACf,UACCN,KAGE,gBAAAgB,EAAAC,GAAA,EAAA,UAAA;AAAA,QAAA,gBAAA3B,EAAC4B,GAAK,EAAA;AAAA,0BACLC,GAAyB,EAAA;AAAA,0BACzBC,GAAc,CAAA,CAAA;AAAA,MAAA,EACjB,CAAA,EAEJ,CAAA,EACF,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEAhC,EAAgB,OAAO8B;AACvB9B,EAAgB,YAAY+B;AAC5B/B,EAAgB,OAAOgC;"}