@gusto/embedded-react-sdk 0.29.0 → 0.31.0-rc.1

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # Changelog
 
+## 0.31.0
+
+### Features & Enhancements
+
+- Add EmploymentEligibility I-9 form to DocumentSigner and SelfOnboardingFlow
+- Add I-9 signature form with preparer support
+- Add EmployeeDocuments component for onboarding document configuration
+- Add OffCycle flow skeleton with state machine
+
+### Fixes
+
+- Refactor EmployeeDocuments event handling and onboarding status guards
+- Test fest followups
+- Fix link in documentation
+- Fix raw HTML displaying in RFI modal
+- Fix apostrophe not escaped on employee self onboarding company name
+- Remove disabled continue button from DocumentSigner
+
+### Chores & Maintenance
+
+- Add I-9 component documentation to employee onboarding guides
+- Clean up PayPeriodDateForm and add payroll type labeling
+- Upgrade @gusto/embedded-api to 0.12.0
+- Bump @gusto/embedded-api from 0.12.0 to 0.12.1
+- Bump @storybook/addon-a11y from 10.2.10 to 10.2.12
+- Bump @storybook/addon-docs from 10.2.10 to 10.2.12
+- Bump @storybook/addon-onboarding from 10.2.10 to 10.2.11
+- Bump @storybook/react-vite from 10.2.10 to 10.2.12
+- Bump eslint-plugin-storybook from 10.2.10 to 10.2.12
+- Bump storybook from 10.2.11 to 10.2.12
+- Bump typescript-eslint from 8.56.0 to 8.56.1
+- Bump i18next from 25.8.11 to 25.8.13
+- Bump react-hook-form from 7.71.1 to 7.71.2
+- Bump eslint from 9.39.2 to 9.39.3
+- Bump @commitlint/cli from 20.4.1 to 20.4.2
+- Bump @commitlint/config-conventional from 20.4.1 to 20.4.2
+
+## 0.30.0
+
+### Features & Enhancements
+
+- Extract PayrollExecutionFlow from PayrollFlow
+- Export PayrollExecutionFlow for consumers
+
+### Fixes
+
+- Adjusting RCC rendering
+- Pass staged filenames to format and lint commands in pre-commit hook
+
+### Chores & Maintenance
+
+- Speed up pre-commit hook
+- Bump i18next from 25.8.10 to 25.8.11
+- Bump eslint-plugin-storybook from 10.2.8 to 10.2.10
+- Bump @storybook/react-vite from 10.2.9 to 10.2.10
+
 ## 0.29.0
 
 ### Features & Enhancements

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

@@ -2,9 +2,10 @@ import { UseFieldProps } from '../hooks/useField';
 import { ComboBoxProps, ComboBoxOption } from '../../UI/ComboBox/ComboBoxTypes';
 import { OptionWithGenericValue } from '../hooks/useStringifyGenericFieldValue';
 type GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>;
-export interface ComboBoxFieldProps<TValue> extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>, UseFieldProps<TValue> {
+export interface ComboBoxFieldProps<TValue> extends Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid' | 'allowsCustomValue'>, UseFieldProps<TValue> {
     options: GenericComboBoxOption<TValue>[];
     convertValueToString?: (value: TValue) => string;
+    allowsCustomValue?: TValue extends string ? boolean : never;
 }
 export declare const ComboBoxField: <TValue = string>({ rules, defaultValue, name, errorMessage, isRequired, onChange: onChangeFromProps, transform, options, convertValueToString, description, onBlur, inputRef, ...comboBoxProps }: ComboBoxFieldProps<TValue>) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,42 +1,54 @@
-import { jsx as F } from "react/jsx-runtime";
-import { useField as h } from "../hooks/useField.js";
+import { jsx as v } from "react/jsx-runtime";
+import { useField as V } from "../hooks/useField.js";
 import { useComponentContext as b } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useStringifyGenericFieldValue as B } from "../hooks/useStringifyGenericFieldValue.js";
-const G = ({
-  rules: o,
-  defaultValue: e,
-  name: n,
-  errorMessage: r,
-  isRequired: t,
-  onChange: i,
-  transform: m,
-  options: s,
-  convertValueToString: p,
-  description: C,
-  onBlur: l,
-  inputRef: f,
-  ...u
+import { useStringifyGenericFieldValue as j } from "../hooks/useStringifyGenericFieldValue.js";
+const O = ({
+  rules: n,
+  defaultValue: r,
+  name: t,
+  errorMessage: i,
+  isRequired: s,
+  onChange: m,
+  transform: l,
+  options: C,
+  convertValueToString: a,
+  description: f,
+  onBlur: p,
+  inputRef: u,
+  ...o
 }) => {
-  const a = b(), { value: c, onChange: d, ...g } = h({
-    name: n,
-    rules: o,
-    defaultValue: e,
-    errorMessage: r,
-    isRequired: t,
-    onChange: i,
-    transform: m,
-    description: C,
-    onBlur: l,
-    inputRef: f
-  }), x = B({
-    options: s,
-    value: c,
-    onChange: d,
-    convertValueToString: p
-  });
-  return /* @__PURE__ */ F(a.ComboBox, { ...u, ...g, ...x });
+  const d = b(), { value: g, onChange: e, ...c } = V({
+    name: t,
+    rules: n,
+    defaultValue: r,
+    errorMessage: i,
+    isRequired: s,
+    onChange: m,
+    transform: l,
+    description: f,
+    onBlur: p,
+    inputRef: u
+  }), h = j({
+    options: C,
+    value: g,
+    onChange: e,
+    convertValueToString: a
+  }), x = o.allowsCustomValue ? {
+    onChange: (F) => {
+      e(F);
+    }
+  } : {};
+  return /* @__PURE__ */ v(
+    d.ComboBox,
+    {
+      ...o,
+      ...c,
+      ...h,
+      ...x
+    }
+  );
 };
 export {
-  G as ComboBoxField
+  O as ComboBoxField
 };
 //# sourceMappingURL=ComboBoxField.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends\n    Omit<ComboBoxProps, 'name' | 'value' | 'onChange' | 'options' | 'isInvalid'>,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  return <Components.ComboBox {...comboBoxProps} {...fieldProps} {...stringFieldProps} />\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","jsx"],"mappings":";;;;AAkBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAsD;AAAA,IAC7E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD;AAED,SAAO,gBAAAa,EAACR,EAAW,UAAX,EAAqB,GAAGD,GAAgB,GAAGK,GAAa,GAAGE,GAAkB;AACvF;"}
+{"version":3,"file":"ComboBoxField.js","sources":["../../../../../src/components/Common/Fields/ComboBoxField/ComboBoxField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { ComboBoxProps, ComboBoxOption } from '@/components/Common/UI/ComboBox/ComboBoxTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport {\n  useStringifyGenericFieldValue,\n  type OptionWithGenericValue,\n} from '@/components/Common/Fields/hooks/useStringifyGenericFieldValue'\n\ntype GenericComboBoxOption<TValue> = OptionWithGenericValue<TValue, ComboBoxOption>\n\nexport interface ComboBoxFieldProps<TValue>\n  extends\n    Omit<\n      ComboBoxProps,\n      'name' | 'value' | 'onChange' | 'options' | 'isInvalid' | 'allowsCustomValue'\n    >,\n    UseFieldProps<TValue> {\n  options: GenericComboBoxOption<TValue>[]\n  convertValueToString?: (value: TValue) => string\n  allowsCustomValue?: TValue extends string ? boolean : never\n}\n\nexport const ComboBoxField = <TValue = string,>({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange: onChangeFromProps,\n  transform,\n  options,\n  convertValueToString,\n  description,\n  onBlur,\n  inputRef,\n  ...comboBoxProps\n}: ComboBoxFieldProps<TValue>) => {\n  const Components = useComponentContext()\n  const { value, onChange, ...fieldProps } = useField<TValue>({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange: onChangeFromProps,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  const stringFieldProps = useStringifyGenericFieldValue<TValue, ComboBoxOption>({\n    options,\n    value,\n    onChange,\n    convertValueToString,\n  })\n\n  // useStringifyGenericFieldValue's onChange only fires for matched options, dropping freeform input.\n  // Override with a direct pass-through. Cast is safe: allowsCustomValue constrains TValue extends string.\n  const freeformOverride = comboBoxProps.allowsCustomValue\n    ? {\n        onChange: (val: string) => {\n          onChange(val as TValue)\n        },\n      }\n    : {}\n\n  return (\n    <Components.ComboBox\n      {...comboBoxProps}\n      {...fieldProps}\n      {...stringFieldProps}\n      {...freeformOverride}\n    />\n  )\n}\n"],"names":["ComboBoxField","rules","defaultValue","name","errorMessage","isRequired","onChangeFromProps","transform","options","convertValueToString","description","onBlur","inputRef","comboBoxProps","Components","useComponentContext","value","onChange","fieldProps","useField","stringFieldProps","useStringifyGenericFieldValue","freeformOverride","val","jsx"],"mappings":";;;;AAsBO,MAAMA,IAAgB,CAAmB;AAAA,EAC9C,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAUC;AAAA,EACV,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IAAaC,EAAA,GACb,EAAE,OAAAC,GAAO,UAAAC,GAAU,GAAGC,EAAA,IAAeC,EAAiB;AAAA,IAC1D,MAAAhB;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAUC;AAAA,IACV,WAAAC;AAAA,IACA,aAAAG;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD,GAEKQ,IAAmBC,EAAsD;AAAA,IAC7E,SAAAb;AAAA,IACA,OAAAQ;AAAA,IACA,UAAAC;AAAA,IACA,sBAAAR;AAAA,EAAA,CACD,GAIKa,IAAmBT,EAAc,oBACnC;AAAA,IACE,UAAU,CAACU,MAAgB;AACzB,MAAAN,EAASM,CAAa;AAAA,IACxB;AAAA,EAAA,IAEF,CAAA;AAEJ,SACE,gBAAAC;AAAA,IAACV,EAAW;AAAA,IAAX;AAAA,MACE,GAAGD;AAAA,MACH,GAAGK;AAAA,MACH,GAAGE;AAAA,MACH,GAAGE;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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,10 +1,11 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
-import "react-i18next";
+import "../../../shared/constants.js";
 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 x({
+function y({
   onBack: t,
   backLabel: r,
   submitLabel: i,
@@ -17,6 +18,6 @@ function x({
   ] });
 }
 export {
-  x as SignatureFormActions
+  y as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormActions.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormActions.tsx"],"sourcesContent":["import { ActionsLayout } from '@/components/Common'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface SignatureFormActionsProps {\n  onBack?: () => void\n  backLabel: string\n  submitLabel: string\n  isLoading?: boolean\n}\n\nexport function SignatureFormActions({\n  onBack,\n  backLabel,\n  submitLabel,\n  isLoading = false,\n}: SignatureFormActionsProps) {\n  const Components = useComponentContext()\n\n  return (\n    <ActionsLayout>\n      {onBack && (\n        <Components.Button variant=\"secondary\" type=\"button\" onClick={onBack}>\n          {backLabel}\n        </Components.Button>\n      )}\n      <Components.Button type=\"submit\" isLoading={isLoading}>\n        {submitLabel}\n      </Components.Button>\n    </ActionsLayout>\n  )\n}\n"],"names":["SignatureFormActions","onBack","backLabel","submitLabel","isLoading","Components","useComponentContext","ActionsLayout","jsx"],"mappings":";;;;;;;AAUO,SAASA,EAAqB;AAAA,EACnC,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,WAAAC,IAAY;AACd,GAA8B;AAC5B,QAAMC,IAAaC,EAAA;AAEnB,2BACGC,GAAA,EACE,UAAA;AAAA,IAAAN,KACC,gBAAAO,EAACH,EAAW,QAAX,EAAkB,SAAQ,aAAY,MAAK,UAAS,SAASJ,GAC3D,UAAAC,EAAA,CACH;AAAA,sBAEDG,EAAW,QAAX,EAAkB,MAAK,UAAS,WAAAD,GAC9B,UAAAD,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,11 +1,12 @@
 import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
-import "react-i18next";
+import "../../../shared/constants.js";
 import "classnames";
+import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
+import "react-i18next";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
-import { CheckboxField as p } from "../Fields/CheckboxField/CheckboxField.js";
-function F({
+import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";
+function b({
   signatureLabel: e,
   signatureDescription: i = "",
   signatureError: t = "",
@@ -14,7 +15,7 @@ function F({
 }) {
   return /* @__PURE__ */ n(s, { children: [
     /* @__PURE__ */ r(
-      a,
+      p,
       {
         name: "signature",
         label: e,
@@ -24,7 +25,7 @@ function F({
       }
     ),
     /* @__PURE__ */ r(
-      p,
+      a,
       {
         name: "confirmSignature",
         isRequired: !0,
@@ -35,6 +36,6 @@ function F({
   ] });
 }
 export {
-  F as SignatureFormFields
+  b as SignatureFormFields
 };
 //# sourceMappingURL=SignatureFormFields.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}
+{"version":3,"file":"SignatureFormFields.js","sources":["../../../../src/components/Common/SignatureForm/SignatureFormFields.tsx"],"sourcesContent":["import { TextInputField, CheckboxField } from '@/components/Common'\n\ninterface SignatureFormFieldsProps {\n  signatureLabel: string\n  signatureDescription?: string\n  signatureError?: string\n  confirmationLabel: string\n  confirmationError?: string\n}\n\nexport function SignatureFormFields({\n  signatureLabel,\n  signatureDescription = '',\n  signatureError = '',\n  confirmationLabel,\n  confirmationError = '',\n}: SignatureFormFieldsProps) {\n  return (\n    <>\n      <TextInputField\n        name=\"signature\"\n        label={signatureLabel}\n        description={signatureDescription}\n        errorMessage={signatureError}\n        isRequired\n      />\n      <CheckboxField\n        name=\"confirmSignature\"\n        isRequired\n        label={confirmationLabel}\n        errorMessage={confirmationError}\n      />\n    </>\n  )\n}\n"],"names":["SignatureFormFields","signatureLabel","signatureDescription","signatureError","confirmationLabel","confirmationError","jsxs","Fragment","jsx","TextInputField","CheckboxField"],"mappings":";;;;;;;;AAUO,SAASA,EAAoB;AAAA,EAClC,gBAAAC;AAAA,EACA,sBAAAC,IAAuB;AAAA,EACvB,gBAAAC,IAAiB;AAAA,EACjB,mBAAAC;AAAA,EACA,mBAAAC,IAAoB;AACtB,GAA6B;AAC3B,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,OAAOR;AAAA,QACP,aAAaC;AAAA,QACb,cAAcC;AAAA,QACd,YAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEZ,gBAAAK;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,YAAU;AAAA,QACV,OAAON;AAAA,QACP,cAAcC;AAAA,MAAA;AAAA,IAAA;AAAA,EAChB,GACF;AAEJ;"}

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

@@ -1,9 +1,9 @@
 import { jsx as l } from "react/jsx-runtime";
 import h from "classnames";
-import { Flex as u } from "../../Flex/Flex.js";
 import { BreadcrumbsDefaults as k } from "./BreadcrumbsTypes.js";
 import r from "./Breadcrumbs.module.scss.js";
 import { applyMissingDefaults as x } from "../../../../helpers/applyMissingDefaults.js";
+import { Flex as u } from "../../Flex/Flex.js";
 function I(p) {
   const f = x(p, k), {
     className: s,

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

@@ -1,2 +1,2 @@
 import { ComboBoxProps } from './ComboBoxTypes';
-export declare const ComboBox: ({ className, description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, inputRef, shouldVisuallyHideLabel, name, ...props }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ComboBox: ({ allowsCustomValue, className, description, errorMessage, id, isDisabled, isInvalid, isRequired, label, onChange, onBlur, options, placeholder, value, inputRef, shouldVisuallyHideLabel, name, ...props }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,80 +1,87 @@
-import { jsx as r, jsxs as l } from "react/jsx-runtime";
-import { ComboBox as A, Input as F, Button as j, Popover as z, Virtualizer as D, ListLayout as E, ListBox as P, ListBoxItem as H } from "react-aria-components";
-import { useTranslation as K } from "react-i18next";
-import { useMemo as M } from "react";
-import d from "classnames";
-import { useFieldIds as U } from "../hooks/useFieldIds.js";
-import e from "./ComboBox.module.scss.js";
-import { FieldLayout as V } from "../../FieldLayout/FieldLayout.js";
-import { useTheme as _ } from "../../../../contexts/ThemeProvider/useTheme.js";
+import { jsx as o, jsxs as p } from "react/jsx-runtime";
+import { ComboBox as j, Input as w, Button as z, Popover as D, Virtualizer as E, ListLayout as P, ListBox as H, ListBoxItem as K } from "react-aria-components";
+import { useTranslation as M } from "react-i18next";
+import { useMemo as U } from "react";
+import u from "classnames";
+import { useFieldIds as V } from "../hooks/useFieldIds.js";
+import t from "./ComboBox.module.scss.js";
+import { FieldLayout as _ } from "../../FieldLayout/FieldLayout.js";
+import { useTheme as $ } from "../../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                          */
-import $ from "../../../../assets/icons/alert-circle.svg.js";
-import q from "../../../../assets/icons/caret-down.svg.js";
-const er = ({
-  className: p,
-  description: t,
-  errorMessage: i,
-  id: u,
-  isDisabled: f,
-  isInvalid: a,
-  isRequired: h,
-  label: m,
-  onChange: x,
-  onBlur: B,
-  options: s,
-  placeholder: b,
-  value: n,
-  inputRef: C,
-  shouldVisuallyHideLabel: g,
-  name: I,
-  ...v
+import q from "../../../../assets/icons/alert-circle.svg.js";
+import G from "../../../../assets/icons/caret-down.svg.js";
+const tr = ({
+  allowsCustomValue: i,
+  className: f,
+  description: m,
+  errorMessage: a,
+  id: h,
+  isDisabled: x,
+  isInvalid: n,
+  isRequired: B,
+  label: s,
+  onChange: c,
+  onBlur: b,
+  options: l,
+  placeholder: I,
+  value: e,
+  inputRef: g,
+  shouldVisuallyHideLabel: C,
+  name: y,
+  ...L
 }) => {
-  const { t: y } = K(), { inputId: c, errorMessageId: L, descriptionId: N, ariaDescribedBy: S } = U({
-    inputId: u,
-    errorMessage: i,
-    description: t
-  }), { container: T } = _(), w = M(() => s.map((o) => ({ name: o.label, id: o.value })), [s]);
-  return /* @__PURE__ */ r(
-    V,
+  const { t: N } = M(), { inputId: d, errorMessageId: S, descriptionId: v, ariaDescribedBy: T } = V({
+    inputId: h,
+    errorMessage: a,
+    description: m
+  }), { container: A } = $(), F = U(() => l.map((r) => ({ name: r.label, id: r.value })), [l]);
+  return /* @__PURE__ */ o(
+    _,
     {
-      label: m,
-      htmlFor: c,
-      errorMessage: i,
-      errorMessageId: L,
-      descriptionId: N,
-      isRequired: h,
-      description: t,
-      shouldVisuallyHideLabel: g,
-      className: d(e.root, p),
+      label: s,
+      htmlFor: d,
+      errorMessage: a,
+      errorMessageId: S,
+      descriptionId: v,
+      isRequired: B,
+      description: m,
+      shouldVisuallyHideLabel: C,
+      className: u(t.root, f),
       withErrorIcon: !1,
-      children: /* @__PURE__ */ l(
-        A,
+      children: /* @__PURE__ */ p(
+        j,
         {
-          "aria-label": m,
-          "aria-describedby": S,
+          "aria-label": s,
+          "aria-describedby": T,
           className: "react-aria-ComboBox-root",
-          isDisabled: f,
-          isInvalid: a,
+          isDisabled: x,
+          isInvalid: n,
           menuTrigger: "focus",
-          onSelectionChange: (o) => {
-            o && x?.(o.toString());
+          allowsCustomValue: i,
+          ...i ? {
+            inputValue: e ?? "",
+            onInputChange: (r) => c?.(r)
+          } : {
+            selectedKey: e || void 0,
+            onSelectionChange: (r) => {
+              r && c?.(r.toString());
+            }
           },
-          id: c,
-          selectedKey: n || void 0,
-          name: I,
+          id: d,
+          name: y,
           children: [
-            /* @__PURE__ */ r(F, { ref: C, placeholder: b, onBlur: B, ...v }),
-            /* @__PURE__ */ r(j, { children: /* @__PURE__ */ l("div", { "aria-hidden": "true", className: e.icons, children: [
-              a && /* @__PURE__ */ r($, { fontSize: 16 }),
-              /* @__PURE__ */ r(q, { title: y("icons.selectArrow") })
+            /* @__PURE__ */ o(w, { ref: g, placeholder: I, onBlur: b, ...L }),
+            /* @__PURE__ */ o(z, { children: /* @__PURE__ */ p("div", { "aria-hidden": "true", className: t.icons, children: [
+              n && /* @__PURE__ */ o(q, { fontSize: 16 }),
+              /* @__PURE__ */ o(G, { title: N("icons.selectArrow") })
             ] }) }),
-            /* @__PURE__ */ r(
-              z,
+            /* @__PURE__ */ o(
+              D,
               {
-                className: d(e.popover, "react-aria-Popover"),
-                UNSTABLE_portalContainer: T.current,
+                className: u(t.popover, "react-aria-Popover"),
+                UNSTABLE_portalContainer: A.current,
                 maxHeight: 320,
-                children: /* @__PURE__ */ r(D, { layout: E, children: /* @__PURE__ */ r(P, { items: w, children: (o) => /* @__PURE__ */ r(H, { children: o.name }, o.id) }) })
+                children: /* @__PURE__ */ o(E, { layout: P, children: /* @__PURE__ */ o(H, { items: F, children: (r) => /* @__PURE__ */ o(K, { children: r.name }, r.id) }) })
               }
             )
           ]
@@ -84,6 +91,6 @@ const er = ({
   );
 };
 export {
-  er as ComboBox
+  tr as ComboBox
 };
 //# sourceMappingURL=ComboBox.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import 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 { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport const ComboBox = ({\n  className,\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  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  ...props\n}: ComboBoxProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.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, className)}\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        onSelectionChange={key => {\n          if (key) {\n            onChange?.(key.toString())\n          }\n        }}\n        id={inputId}\n        selectedKey={value ? (value as Key) : undefined}\n        name={name}\n      >\n        <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\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}\n"],"names":["ComboBox","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","key","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAsBO,MAAMA,KAAW,CAAC;AAAA,EACvB,WAAAC;AAAA,EACA,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,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAA,IAAcC,EAAA,GAEhBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAA,EAAQ,GACtE,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,aAAY;AAAA,UACZ,mBAAmB,CAAA8B,MAAO;AACxB,YAAIA,KACF3B,IAAW2B,EAAI,UAAU;AAAA,UAE7B;AAAA,UACA,IAAIhB;AAAA,UACJ,aAAaP,KAAyB;AAAA,UACtC,MAAAG;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAc,EAACO,KAAM,KAAKvB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,YAC3E,gBAAAa,EAACQ,KACC,UAAA,gBAAAJ,EAAC,OAAA,EAAI,eAAY,QAAO,WAAWD,EAAO,OACvC,UAAA;AAAA,cAAA3B,KAAa,gBAAAwB,EAACS,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,cACzC,gBAAAT,EAACU,GAAA,EAAU,OAAOtB,EAAE,mBAAmB,EAAA,CAAG;AAAA,YAAA,EAAA,CAC5C,EAAA,CACF;AAAA,YAEA,gBAAAY;AAAA,cAACW;AAAA,cAAA;AAAA,gBACC,WAAWT,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACY,GAAA,EAAY,QAAQC,GACnB,4BAACC,GAAA,EAAQ,OAAAjB,GACN,UAAA,CAAAkB,MAAQ,gBAAAf,EAACgB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,GACjD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"ComboBox.js","sources":["../../../../../src/components/Common/UI/ComboBox/ComboBox.tsx"],"sourcesContent":["import 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 { useTranslation } from 'react-i18next'\nimport { useMemo } from 'react'\nimport classNames from 'classnames'\nimport { useFieldIds } from '../hooks/useFieldIds'\nimport styles from './ComboBox.module.scss'\nimport type { ComboBoxProps } from './ComboBoxTypes'\nimport { FieldLayout } from '@/components/Common/FieldLayout'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport AlertCircle from '@/assets/icons/alert-circle.svg?react'\nimport CaretDown from '@/assets/icons/caret-down.svg?react'\n\nexport const ComboBox = ({\n  allowsCustomValue,\n  className,\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  inputRef,\n  shouldVisuallyHideLabel,\n  name,\n  ...props\n}: ComboBoxProps) => {\n  const { t } = useTranslation()\n  const { inputId, errorMessageId, descriptionId, ariaDescribedBy } = useFieldIds({\n    inputId: id,\n    errorMessage,\n    description,\n  })\n  const { container } = useTheme()\n\n  const items = useMemo(() => {\n    return options.map(option => ({ name: option.label, id: option.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, className)}\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        allowsCustomValue={allowsCustomValue}\n        {...(allowsCustomValue\n          ? {\n              inputValue: value ?? '',\n              onInputChange: (inputVal: string) => onChange?.(inputVal),\n            }\n          : {\n              selectedKey: value ? (value as Key) : undefined,\n              onSelectionChange: (key: Key | null) => {\n                if (key) onChange?.(key.toString())\n              },\n            })}\n        id={inputId}\n        name={name}\n      >\n        <Input ref={inputRef} placeholder={placeholder} onBlur={onBlur} {...props} />\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}\n"],"names":["ComboBox","allowsCustomValue","className","description","errorMessage","id","isDisabled","isInvalid","isRequired","label","onChange","onBlur","options","placeholder","value","inputRef","shouldVisuallyHideLabel","name","props","t","useTranslation","inputId","errorMessageId","descriptionId","ariaDescribedBy","useFieldIds","container","useTheme","items","useMemo","option","jsx","FieldLayout","classNames","styles","jsxs","AriaComboBox","inputVal","key","Input","Button","AlertCircle","CaretDown","Popover","Virtualizer","ListLayout","ListBox","item","ListBoxItem"],"mappings":";;;;;;;;;;;;AAsBO,MAAMA,KAAW,CAAC;AAAA,EACvB,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,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,UAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,MAAAC;AAAA,EACA,GAAGC;AACL,MAAqB;AACnB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACR,EAAE,SAAAC,GAAS,gBAAAC,GAAgB,eAAAC,GAAe,iBAAAC,EAAA,IAAoBC,EAAY;AAAA,IAC9E,SAASpB;AAAA,IACT,cAAAD;AAAA,IACA,aAAAD;AAAA,EAAA,CACD,GACK,EAAE,WAAAuB,EAAA,IAAcC,EAAA,GAEhBC,IAAQC,EAAQ,MACbjB,EAAQ,IAAI,CAAAkB,OAAW,EAAE,MAAMA,EAAO,OAAO,IAAIA,EAAO,MAAA,EAAQ,GACtE,CAAClB,CAAO,CAAC;AAEZ,SACE,gBAAAmB;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,OAAAvB;AAAA,MACA,SAASY;AAAA,MACT,cAAAjB;AAAA,MACA,gBAAAkB;AAAA,MACA,eAAAC;AAAA,MACA,YAAAf;AAAA,MACA,aAAAL;AAAA,MACA,yBAAAa;AAAA,MACA,WAAWiB,EAAWC,EAAO,MAAMhC,CAAS;AAAA,MAC5C,eAAe;AAAA,MAEf,UAAA,gBAAAiC;AAAA,QAACC;AAAAA,QAAA;AAAA,UACC,cAAY3B;AAAA,UACZ,oBAAkBe;AAAA,UAClB,WAAW;AAAA,UACX,YAAAlB;AAAA,UACA,WAAAC;AAAA,UACA,aAAY;AAAA,UACZ,mBAAAN;AAAA,UACC,GAAIA,IACD;AAAA,YACE,YAAYa,KAAS;AAAA,YACrB,eAAe,CAACuB,MAAqB3B,IAAW2B,CAAQ;AAAA,UAAA,IAE1D;AAAA,YACE,aAAavB,KAAyB;AAAA,YACtC,mBAAmB,CAACwB,MAAoB;AACtC,cAAIA,KAAK5B,IAAW4B,EAAI,SAAA,CAAU;AAAA,YACpC;AAAA,UAAA;AAAA,UAEN,IAAIjB;AAAA,UACJ,MAAAJ;AAAA,UAEA,UAAA;AAAA,YAAA,gBAAAc,EAACQ,KAAM,KAAKxB,GAAU,aAAAF,GAA0B,QAAAF,GAAiB,GAAGO,GAAO;AAAA,YAC3E,gBAAAa,EAACS,KACC,UAAA,gBAAAL,EAAC,OAAA,EAAI,eAAY,QAAO,WAAWD,EAAO,OACvC,UAAA;AAAA,cAAA3B,KAAa,gBAAAwB,EAACU,GAAA,EAAY,UAAU,GAAA,CAAI;AAAA,cACzC,gBAAAV,EAACW,GAAA,EAAU,OAAOvB,EAAE,mBAAmB,EAAA,CAAG;AAAA,YAAA,EAAA,CAC5C,EAAA,CACF;AAAA,YAEA,gBAAAY;AAAA,cAACY;AAAA,cAAA;AAAA,gBACC,WAAWV,EAAWC,EAAO,SAAS,oBAAoB;AAAA,gBAC1D,0BAA0BR,EAAU;AAAA,gBACpC,WAAW;AAAA,gBAEX,UAAA,gBAAAK,EAACa,GAAA,EAAY,QAAQC,GACnB,4BAACC,GAAA,EAAQ,OAAAlB,GACN,UAAA,CAAAmB,MAAQ,gBAAAhB,EAACiB,KAA2B,UAAAD,EAAK,KAAA,GAAfA,EAAK,EAAe,GACjD,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,UACF;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA;AAGN;"}

package/dist/components/Common/UI/ComboBox/ComboBoxTypes.d.ts

@@ -43,4 +43,9 @@ export interface ComboBoxProps extends SharedFieldLayoutProps, Pick<InputHTMLAtt
      * React ref for the combo box input element
      */
     inputRef?: Ref<HTMLInputElement>;
+    /**
+     * Allows the user to type any value, not just options in the list.
+     * The options list becomes a suggestion helper rather than a strict constraint.
+     */
+    allowsCustomValue?: boolean;
 }

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

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

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

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

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";