@gusto/embedded-react-sdk 0.13.1 → 0.13.3

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.Switch {...fieldProps} {...switchProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,QAAX,EAAmB,GAAGE,GAAa,GAAGH,GAAa;AAC7D;"}
+{"version":3,"file":"SwitchField.js","sources":["../../../../../src/components/Common/Fields/SwitchField/SwitchField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { SwitchProps } from '@/components/Common/UI/Switch/SwitchTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nexport interface SwitchFieldProps\n  extends Omit<SwitchProps, 'name' | 'checked' | 'onChange' | 'isInvalid'>,\n    UseFieldProps<boolean> {}\n\nexport const SwitchField: React.FC<SwitchFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...switchProps\n}: SwitchFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.Switch {...switchProps} {...fieldProps} />\n}\n"],"names":["SwitchField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","switchProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,QAAX,EAAmB,GAAGD,GAAc,GAAGG,GAAY;AAC7D;"}

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

@@ -1,5 +1,5 @@
 import { UseFieldProps } from '../hooks/useField';
 import { TextInputProps } from '../../UI/TextInput/TextInputTypes';
-export interface TextInputFieldProps extends Omit<TextInputProps, 'name' | 'value'>, UseFieldProps {
+export interface TextInputFieldProps extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>, UseFieldProps {
 }
 export declare const TextInputField: React.FC<TextInputFieldProps>;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value'>,\n    UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n  })\n\n  return <Components.TextInput {...fieldProps} {...textInputProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAT;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGE,GAAa,GAAGH,GAAgB;AACnE;"}
+{"version":3,"file":"TextInputField.js","sources":["../../../../../src/components/Common/Fields/TextInputField/TextInputField.tsx"],"sourcesContent":["import { useField, type UseFieldProps } from '@/components/Common/Fields/hooks/useField'\nimport type { TextInputProps } from '@/components/Common/UI/TextInput/TextInputTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface TextInputFieldProps\n  extends Omit<TextInputProps, 'name' | 'value' | 'isInvalid'>,\n    UseFieldProps {}\n\nexport const TextInputField: React.FC<TextInputFieldProps> = ({\n  rules,\n  defaultValue,\n  name,\n  errorMessage,\n  isRequired,\n  onChange,\n  transform,\n  description,\n  onBlur,\n  inputRef,\n  ...textInputProps\n}: TextInputFieldProps) => {\n  const Components = useComponentContext()\n  const fieldProps = useField({\n    name,\n    rules,\n    defaultValue,\n    errorMessage,\n    isRequired,\n    onChange,\n    transform,\n    description,\n    onBlur,\n    inputRef,\n  })\n\n  return <Components.TextInput {...textInputProps} {...fieldProps} />\n}\n"],"names":["TextInputField","rules","defaultValue","name","errorMessage","isRequired","onChange","transform","description","onBlur","inputRef","textInputProps","Components","useComponentContext","fieldProps","useField"],"mappings":";;;AAQO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAA2B;AACzB,QAAMC,IAAaC,EAAA,GACbC,IAAaC,EAAS;AAAA,IAC1B,MAAAZ;AAAA,IACA,OAAAF;AAAA,IACA,cAAAC;AAAA,IACA,cAAAE;AAAA,IACA,YAAAC;AAAA,IACA,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,QAAAC;AAAA,IACA,UAAAC;AAAA,EAAA,CACD;AAED,2BAAQE,EAAW,WAAX,EAAsB,GAAGD,GAAiB,GAAGG,GAAY;AACnE;"}

package/dist/components/Common/Fields/hooks/useField.d.ts

@@ -1,25 +1,26 @@
 import { RegisterOptions } from 'react-hook-form';
-import { default as React } from 'react';
+import { default as React, Ref } from 'react';
 export type Transform<TValue> = (value: TValue) => TValue;
-export interface UseFieldProps<TValue = string> {
+export interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {
     name: string;
     rules?: RegisterOptions;
     defaultValue?: TValue;
     errorMessage?: string;
     isRequired?: boolean;
     onChange?: (value: TValue) => void;
+    onBlur?: () => void;
     transform?: Transform<TValue>;
     description?: React.ReactNode;
+    inputRef?: Ref<TRef>;
 }
-export declare function useField<TValue = string>({ name, rules, defaultValue, errorMessage, isRequired, onChange, transform, description, }: UseFieldProps<TValue>): {
+export declare function useField<TValue = string, TRef = HTMLInputElement>({ name, rules, defaultValue, errorMessage, isRequired, onChange, onBlur, transform, description, inputRef, }: UseFieldProps<TValue, TRef>): {
+    name: string;
     value: TValue;
-    inputRef: import('react-hook-form').RefCallBack;
+    inputRef: React.RefCallback<any> | null;
     isInvalid: boolean;
     errorMessage: string | undefined;
     onChange: (updatedValue: TValue) => void;
+    onBlur: () => void;
     isRequired: boolean;
     description: React.ReactNode;
-    onBlur: import('react-hook-form').Noop;
-    disabled?: boolean;
-    name: string;
 };

package/dist/components/Common/Fields/hooks/useField.js

@@ -1,43 +1,49 @@
-import { useFormContext as h, useController as M } from "react-hook-form";
-import F, { useMemo as x } from "react";
-import { createMarkup as y } from "../../../../helpers/formattedStrings.js";
-const D = (e) => !e || typeof e != "string" ? e : F.createElement("div", {
-  dangerouslySetInnerHTML: y(e)
+import { useFormContext as F, useController as k } from "react-hook-form";
+import x, { useMemo as y } from "react";
+import { createMarkup as D } from "../../../../helpers/formattedStrings.js";
+import { useForkRef as I } from "../../../../hooks/useForkRef/useForkRef.js";
+const R = (e) => !e || typeof e != "string" ? e : x.createElement("div", {
+  dangerouslySetInnerHTML: D(e)
 });
-function k({
+function L({
   name: e,
-  rules: u = {},
-  defaultValue: i,
-  errorMessage: f,
+  rules: c = {},
+  defaultValue: f,
+  errorMessage: m,
   isRequired: o = !1,
-  onChange: m,
-  transform: t,
-  description: n
+  onChange: i,
+  onBlur: p,
+  transform: n,
+  description: t,
+  inputRef: g
 }) {
-  const { control: p } = h(), { field: r, fieldState: s } = M({
+  const { control: d } = F(), { field: r, fieldState: s } = k({
     name: e,
-    control: p,
+    control: d,
     rules: {
       required: o,
-      ...u
+      ...c
     },
-    defaultValue: i
-  }), { ref: g, ...d } = r, v = (a) => {
-    const c = t ? t(a) : a;
-    r.onChange(c), m?.(c);
-  }, l = !!s.error, C = x(() => D(n), [n]);
+    defaultValue: f
+  }), { value: h } = r, v = I(r.ref, g), C = (a) => {
+    const u = n ? n(a) : a;
+    r.onChange(u), i?.(u);
+  }, M = () => {
+    r.onBlur(), p?.();
+  }, l = !!s.error, B = y(() => R(t), [t]);
   return {
-    ...d,
-    value: r.value,
-    inputRef: g,
+    name: r.name,
+    value: h,
+    inputRef: v,
     isInvalid: l,
-    errorMessage: l ? f ?? s.error?.message : void 0,
-    onChange: v,
+    errorMessage: l ? m ?? s.error?.message : void 0,
+    onChange: C,
+    onBlur: M,
     isRequired: o,
-    description: C
+    description: B
   };
 }
 export {
-  k as useField
+  L as useField
 };
 //# sourceMappingURL=useField.js.map

package/dist/components/Common/Fields/hooks/useField.js.map

@@ -1 +1 @@
-{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n  if (!description || typeof description !== 'string') {\n    return description\n  }\n\n  // Use DOMPurify to sanitize the string and return a React element\n  return React.createElement('div', {\n    dangerouslySetInnerHTML: createMarkup(description),\n  })\n}\n\nexport function useField<TValue = string>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  transform,\n  description,\n}: UseFieldProps<TValue>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { ref, ...restFieldProps } = field\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const isInvalid = !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    ...restFieldProps,\n    value: field.value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","transform","control","useFormContext","field","fieldState","useController","ref","restFieldProps","handleChange","updatedValue","value","isInvalid","processedDescription","useMemo"],"mappings":";;;AAkBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAA0B;AAAA,EACxC,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAV;AACF,GAA0B;AACxB,QAAM,EAAE,SAAAW,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAX;AAAA,IACA,SAAAO;AAAA,IACA,OAAO;AAAA,MACL,UAAUH;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,KAAAU,GAAK,GAAGC,EAAA,IAAmBJ,GAE7BK,IAAe,CAACC,MAAyB;AAC7C,UAAMC,IAAQV,IAAYA,EAAUS,CAAY,IAAIA;AACpD,IAAAN,EAAM,SAASO,CAAK,GACpBX,IAAWW,CAAK;AAAA,EAClB,GAEMC,IAAY,CAAC,CAACP,EAAW,OAEzBQ,IAAuBC,EAAQ,MAAMxB,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,GAAGiB;AAAA,IACH,OAAOJ,EAAM;AAAA,IACb,UAAUG;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAad,KAAgBO,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUI;AAAA,IACV,YAAAV;AAAA,IACA,aAAac;AAAA,EAAA;AAEjB;"}
+{"version":3,"file":"useField.js","sources":["../../../../../src/components/Common/Fields/hooks/useField.ts"],"sourcesContent":["import type { RegisterOptions } from 'react-hook-form'\nimport { useController, useFormContext } from 'react-hook-form'\nimport React, { useMemo, type Ref } from 'react'\nimport { createMarkup } from '@/helpers/formattedStrings'\nimport { useForkRef } from '@/hooks/useForkRef/useForkRef'\n\nexport type Transform<TValue> = (value: TValue) => TValue\n\nexport interface UseFieldProps<TValue = string, TRef = HTMLInputElement> {\n  name: string\n  rules?: RegisterOptions\n  defaultValue?: TValue\n  errorMessage?: string\n  isRequired?: boolean\n  onChange?: (value: TValue) => void\n  onBlur?: () => void\n  transform?: Transform<TValue>\n  description?: React.ReactNode\n  inputRef?: Ref<TRef>\n}\n\nconst processDescription = (description: React.ReactNode): React.ReactNode => {\n  if (!description || typeof description !== 'string') {\n    return description\n  }\n\n  // Use DOMPurify to sanitize the string and return a React element\n  return React.createElement('div', {\n    dangerouslySetInnerHTML: createMarkup(description),\n  })\n}\n\nexport function useField<TValue = string, TRef = HTMLInputElement>({\n  name,\n  rules = {},\n  defaultValue,\n  errorMessage,\n  isRequired = false,\n  onChange,\n  onBlur,\n  transform,\n  description,\n  inputRef,\n}: UseFieldProps<TValue, TRef>) {\n  const { control } = useFormContext()\n  const { field, fieldState } = useController({\n    name,\n    control,\n    rules: {\n      required: isRequired,\n      ...rules,\n    },\n    defaultValue,\n  })\n\n  const { value } = field\n\n  const ref = useForkRef(field.ref, inputRef)\n\n  const handleChange = (updatedValue: TValue) => {\n    const value = transform ? transform(updatedValue) : updatedValue\n    field.onChange(value)\n    onChange?.(value)\n  }\n\n  const handleBlur = () => {\n    field.onBlur()\n    onBlur?.()\n  }\n\n  const isInvalid = !!fieldState.error\n\n  const processedDescription = useMemo(() => processDescription(description), [description])\n\n  return {\n    name: field.name,\n    value: value as TValue,\n    inputRef: ref,\n    isInvalid,\n    errorMessage: isInvalid ? (errorMessage ?? fieldState.error?.message) : undefined,\n    onChange: handleChange,\n    onBlur: handleBlur,\n    isRequired,\n    description: processedDescription,\n  }\n}\n"],"names":["processDescription","description","React","createMarkup","useField","name","rules","defaultValue","errorMessage","isRequired","onChange","onBlur","transform","inputRef","control","useFormContext","field","fieldState","useController","value","ref","useForkRef","handleChange","updatedValue","handleBlur","isInvalid","processedDescription","useMemo"],"mappings":";;;;AAqBA,MAAMA,IAAqB,CAACC,MACtB,CAACA,KAAe,OAAOA,KAAgB,WAClCA,IAIFC,EAAM,cAAc,OAAO;AAAA,EAChC,yBAAyBC,EAAaF,CAAW;AAAA,CAClD;AAGI,SAASG,EAAmD;AAAA,EACjE,MAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AAAA,EACA,aAAAX;AAAA,EACA,UAAAY;AACF,GAAgC;AAC9B,QAAM,EAAE,SAAAC,EAAA,IAAYC,EAAA,GACd,EAAE,OAAAC,GAAO,YAAAC,EAAA,IAAeC,EAAc;AAAA,IAC1C,MAAAb;AAAA,IACA,SAAAS;AAAA,IACA,OAAO;AAAA,MACL,UAAUL;AAAA,MACV,GAAGH;AAAA,IAAA;AAAA,IAEL,cAAAC;AAAA,EAAA,CACD,GAEK,EAAE,OAAAY,MAAUH,GAEZI,IAAMC,EAAWL,EAAM,KAAKH,CAAQ,GAEpCS,IAAe,CAACC,MAAyB;AAC7C,UAAMJ,IAAQP,IAAYA,EAAUW,CAAY,IAAIA;AACpD,IAAAP,EAAM,SAASG,CAAK,GACpBT,IAAWS,CAAK;AAAA,EAClB,GAEMK,IAAa,MAAM;AACvB,IAAAR,EAAM,OAAA,GACNL,IAAA;AAAA,EACF,GAEMc,IAAY,CAAC,CAACR,EAAW,OAEzBS,IAAuBC,EAAQ,MAAM3B,EAAmBC,CAAW,GAAG,CAACA,CAAW,CAAC;AAEzF,SAAO;AAAA,IACL,MAAMe,EAAM;AAAA,IACZ,OAAAG;AAAA,IACA,UAAUC;AAAA,IACV,WAAAK;AAAA,IACA,cAAcA,IAAajB,KAAgBS,EAAW,OAAO,UAAW;AAAA,IACxE,UAAUK;AAAA,IACV,QAAQE;AAAA,IACR,YAAAf;AAAA,IACA,aAAaiB;AAAA,EAAA;AAEjB;"}

package/dist/components/Common/ReorderableList/DropZone.js

@@ -1,10 +1,10 @@
 import { jsx as p } from "react/jsx-runtime";
 import { memo as H, useRef as l, useEffect as T } from "react";
 import b from "classnames";
-import { useDrop as C } from "react-dnd";
-import { useTranslation as E } from "react-i18next";
+import { useTranslation as C } from "react-i18next";
 import i from "./ReorderableList.module.scss.js";
-import { ITEM_TYPE as N } from "./constants.js";
+import { ITEM_TYPE as E } from "./constants.js";
+import { useDrop as N } from "../../../node_modules/react-dnd/dist/hooks/useDrop/useDrop.js";
 const Y = H(function({
   position: n,
   isActive: o,
@@ -14,9 +14,9 @@ const Y = H(function({
   listId: t,
   className: h
 }) {
-  const s = l(null), { t: g } = E(), e = l(null), f = l(!1), [{ isOver: c }, m] = C(
+  const s = l(null), { t: g } = C(), e = l(null), f = l(!1), [{ isOver: c }, m] = N(
     () => ({
-      accept: N,
+      accept: E,
       hover: (r, x) => {
         r.listId !== t || !x.getClientOffset() || !s.current || f.current || (f.current = !0, e.current && clearTimeout(e.current), a());
       },

package/dist/components/Common/ReorderableList/ReorderableItem.js

@@ -2,11 +2,11 @@ import { jsxs as K, jsx as o } from "react/jsx-runtime";
 import { memo as z, useRef as h, useEffect as N, useCallback as F } from "react";
 import H from "classnames";
 import { useTranslation as M } from "react-i18next";
-import { useDrag as U } from "react-dnd";
 import s from "./ReorderableList.module.scss.js";
-import { ITEM_TYPE as V } from "./constants.js";
-import Y from "../../../assets/icons/list.svg.js";
-import { useComponentContext as _ } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { ITEM_TYPE as U } from "./constants.js";
+import V from "../../../assets/icons/list.svg.js";
+import { useComponentContext as Y } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDrag as _ } from "../../../node_modules/react-dnd/dist/hooks/useDrag/useDrag.js";
 import { VisuallyHidden as $ } from "../VisuallyHidden/VisuallyHidden.js";
 const I = z(function({
   item: m,
@@ -24,13 +24,13 @@ const I = z(function({
   renderDragHandle: T,
   className: S
 }) {
-  const g = h(null), l = h(null), { t: f } = M("common"), B = _(), n = m.label, k = h(!1);
+  const g = h(null), l = h(null), { t: f } = M("common"), B = Y(), n = m.label, k = h(!1);
   N(() => {
     y && l.current && l.current.focus();
   }, [y]);
-  const [{ isDragging: b }, P, E] = U(
+  const [{ isDragging: b }, P, E] = _(
     () => ({
-      type: V,
+      type: U,
       item: () => (k.current = !0, d(!0), { index: a, listId: p }),
       collect: (r) => ({
         isDragging: r.isDragging()
@@ -125,7 +125,7 @@ const I = z(function({
             buttonRef: (r) => {
               r && (l.current = r, P(r));
             },
-            children: /* @__PURE__ */ o(Y, {})
+            children: /* @__PURE__ */ o(V, {})
           }
         ) }),
         /* @__PURE__ */ o("div", { className: s.contentContainer, children: m.content })

package/dist/components/Common/ReorderableList/ReorderableList.js

@@ -1,11 +1,11 @@
 import { jsx as s, jsxs as M } from "react/jsx-runtime";
 import { useRef as $, useState as p, useMemo as U, useEffect as G, useCallback as R } from "react";
 import T from "classnames";
-import { DndProvider as z } from "react-dnd";
-import { HTML5Backend as J } from "react-dnd-html5-backend";
+import { HTML5Backend as z } from "../../../node_modules/react-dnd-html5-backend/dist/index.js";
 import g from "./ReorderableList.module.scss.js";
-import { ReorderableItem as K } from "./ReorderableItem.js";
+import { ReorderableItem as J } from "./ReorderableItem.js";
 import { DropZone as O } from "./DropZone.js";
+import { DndProvider as K } from "../../../node_modules/react-dnd/dist/core/DndProvider.js";
 function Q(t = "reorderable-list") {
   return `${t}-${Math.random().toString(36).slice(2, 9)}`;
 }
@@ -106,7 +106,7 @@ function ce({
         ) : null;
       })
     }
-  ) : /* @__PURE__ */ s(z, { backend: J, children: /* @__PURE__ */ M(
+  ) : /* @__PURE__ */ s(K, { backend: z, children: /* @__PURE__ */ M(
     "div",
     {
       role: "list",
@@ -143,7 +143,7 @@ function ce({
           const l = t[r];
           return l ? /* @__PURE__ */ M("div", { children: [
             /* @__PURE__ */ s(
-              K,
+              J,
               {
                 item: l,
                 index: e,

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

@@ -5,8 +5,8 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
 import t 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";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)

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

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

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

@@ -1,6 +1,6 @@
 import { jsxs as n, Fragment as s, jsx as e } from "react/jsx-runtime";
+import "react-i18next";
 import "classnames";
-import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
 function f({

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

@@ -1,2 +1,2 @@
 import { AlertProps } from './AlertTypes';
-export declare function Alert({ label, children, status, icon, className }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function Alert(rawProps: AlertProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,32 +1,39 @@
-import { jsx as r, jsxs as m } from "react/jsx-runtime";
-import { useId as d, useRef as f, useEffect as h } from "react";
-import u from "classnames";
-import i from "./Alert.module.scss.js";
-import v from "../../../../assets/icons/info.svg.js";
-import p from "../../../../assets/icons/success_check.svg.js";
-import g from "../../../../assets/icons/warning.svg.js";
-import N from "../../../../assets/icons/error.svg.js";
-function R({ label: a, children: t, status: e = "info", icon: c, className: l }) {
-  const n = d(), o = f(null), s = e === "info" ? /* @__PURE__ */ r(v, { "aria-hidden": !0 }) : e === "success" ? /* @__PURE__ */ r(p, { "aria-hidden": !0 }) : e === "warning" ? /* @__PURE__ */ r(g, { "aria-hidden": !0 }) : /* @__PURE__ */ r(N, { "aria-hidden": !0 });
-  return h(() => {
-    o.current && o.current.scrollIntoView({ behavior: "smooth" });
-  }, []), /* @__PURE__ */ r("div", { className: u(i.root, l), children: /* @__PURE__ */ m(
+import { jsx as r, jsxs as t } from "react/jsx-runtime";
+import { useId as u, useRef as p, useEffect as v } from "react";
+import g from "classnames";
+import { ButtonIcon as N } from "../Button/ButtonIcon.js";
+import { AlertDefaults as b } from "./AlertTypes.js";
+import e from "./Alert.module.scss.js";
+import { applyMissingDefaults as S } from "../../../../helpers/applyMissingDefaults.js";
+import I from "../../../../assets/icons/info.svg.js";
+import y from "../../../../assets/icons/success_check.svg.js";
+import C from "../../../../assets/icons/warning.svg.js";
+import D from "../../../../assets/icons/error.svg.js";
+import w from "../../../../assets/icons/close.svg.js";
+function q(n) {
+  const l = S(n, b), { label: c, children: m, status: i, icon: d, className: f, onDismiss: a } = l, o = u(), s = p(null), h = i === "info" ? /* @__PURE__ */ r(I, { "aria-hidden": !0 }) : i === "success" ? /* @__PURE__ */ r(y, { "aria-hidden": !0 }) : i === "warning" ? /* @__PURE__ */ r(C, { "aria-hidden": !0 }) : /* @__PURE__ */ r(D, { "aria-hidden": !0 });
+  return v(() => {
+    s.current && s.current.scrollIntoView({ behavior: "smooth" });
+  }, []), /* @__PURE__ */ r("div", { className: g(e.root, f), children: /* @__PURE__ */ t(
     "div",
     {
-      className: i.alert,
+      className: e.alert,
       role: "alert",
-      "aria-labelledby": n,
-      "data-variant": e,
-      ref: o,
+      "aria-labelledby": o,
+      "data-variant": i,
+      ref: s,
       children: [
-        /* @__PURE__ */ r("div", { className: i.icon, children: c || s }),
-        /* @__PURE__ */ r("h6", { id: n, children: a }),
-        /* @__PURE__ */ r("div", { className: i.content, children: t })
+        /* @__PURE__ */ r("div", { className: e.header, children: /* @__PURE__ */ t("div", { className: e.iconLabelContainer, children: [
+          /* @__PURE__ */ r("div", { className: e.icon, children: d || h }),
+          /* @__PURE__ */ r("h6", { id: o, children: c }),
+          a && /* @__PURE__ */ r("div", { className: e.dismiss, children: /* @__PURE__ */ r(N, { variant: "tertiary", onClick: a, "aria-label": "Dismiss alert", children: /* @__PURE__ */ r(w, { width: 36, height: 36 }) }) })
+        ] }) }),
+        /* @__PURE__ */ r("div", { className: e.content, children: m })
       ]
     }
   ) });
 }
 export {
-  R as Alert
+  q as Alert
 };
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { type AlertProps } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\n\nexport function Alert({ label, children, status = 'info', icon, className }: AlertProps) {\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.icon}>{icon || defaultIcon}</div>\n        <h6 id={id}>{label}</h6>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","label","children","status","icon","className","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs"],"mappings":";;;;;;;;AASO,SAASA,EAAM,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,IAAS,QAAQ,MAAAC,GAAM,WAAAC,KAAyB;AACvF,QAAMC,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJP,MAAW,SACT,gBAAAQ,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBT,MAAW,YACb,gBAAAQ,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBV,MAAW,YACb,gBAAAQ,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMb,CAAS,GAC/C,UAAA,gBAAAc;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcH;AAAA,MACd,KAAKK;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,QAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAL,EAAA,CAAM;AAAA,QACnB,gBAAAU,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAhB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}
+{"version":3,"file":"Alert.js","sources":["../../../../../src/components/Common/UI/Alert/Alert.tsx"],"sourcesContent":["import { useEffect, useId, useRef } from 'react'\nimport classNames from 'classnames'\nimport { ButtonIcon } from '../Button/ButtonIcon'\nimport { type AlertProps, AlertDefaults } from './AlertTypes'\nimport styles from './Alert.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport InfoIcon from '@/assets/icons/info.svg?react'\nimport SuccessIcon from '@/assets/icons/success_check.svg?react'\nimport WarningIcon from '@/assets/icons/warning.svg?react'\nimport ErrorIcon from '@/assets/icons/error.svg?react'\nimport CloseIcon from '@/assets/icons/close.svg?react'\n\nexport function Alert(rawProps: AlertProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, AlertDefaults)\n  const { label, children, status, icon, className, onDismiss } = resolvedProps\n  const id = useId()\n  const alertRef = useRef<HTMLDivElement>(null)\n  const defaultIcon =\n    status === 'info' ? (\n      <InfoIcon aria-hidden />\n    ) : status === 'success' ? (\n      <SuccessIcon aria-hidden />\n    ) : status === 'warning' ? (\n      <WarningIcon aria-hidden />\n    ) : (\n      <ErrorIcon aria-hidden />\n    )\n\n  useEffect(() => {\n    if (alertRef.current) alertRef.current.scrollIntoView({ behavior: 'smooth' })\n  }, [])\n\n  return (\n    <div className={classNames(styles.root, className)}>\n      <div\n        className={styles.alert}\n        role=\"alert\"\n        aria-labelledby={id}\n        data-variant={status}\n        ref={alertRef}\n      >\n        <div className={styles.header}>\n          <div className={styles.iconLabelContainer}>\n            <div className={styles.icon}>{icon || defaultIcon}</div>\n            <h6 id={id}>{label}</h6>\n            {onDismiss && (\n              <div className={styles.dismiss}>\n                <ButtonIcon variant=\"tertiary\" onClick={onDismiss} aria-label=\"Dismiss alert\">\n                  <CloseIcon width={36} height={36} />\n                </ButtonIcon>\n              </div>\n            )}\n          </div>\n        </div>\n        <div className={styles.content}>{children}</div>\n      </div>\n    </div>\n  )\n}\n"],"names":["Alert","rawProps","resolvedProps","applyMissingDefaults","AlertDefaults","label","children","status","icon","className","onDismiss","id","useId","alertRef","useRef","defaultIcon","jsx","InfoIcon","SuccessIcon","WarningIcon","ErrorIcon","useEffect","classNames","styles","jsxs","ButtonIcon","CloseIcon"],"mappings":";;;;;;;;;;;;AAYO,SAASA,EAAMC,GAAsB;AAC1C,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,MAAAC,GAAM,WAAAC,GAAW,WAAAC,MAAcR,GAC1DS,IAAKC,EAAA,GACLC,IAAWC,EAAuB,IAAI,GACtCC,IACJR,MAAW,SACT,gBAAAS,EAACC,GAAA,EAAS,eAAW,GAAA,CAAC,IACpBV,MAAW,YACb,gBAAAS,EAACE,GAAA,EAAY,eAAW,GAAA,CAAC,IACvBX,MAAW,YACb,gBAAAS,EAACG,GAAA,EAAY,eAAW,GAAA,CAAC,IAEzB,gBAAAH,EAACI,GAAA,EAAU,eAAW,GAAA,CAAC;AAG3B,SAAAC,EAAU,MAAM;AACd,IAAIR,EAAS,WAASA,EAAS,QAAQ,eAAe,EAAE,UAAU,UAAU;AAAA,EAC9E,GAAG,CAAA,CAAE,qBAGF,OAAA,EAAI,WAAWS,EAAWC,EAAO,MAAMd,CAAS,GAC/C,UAAA,gBAAAe;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWD,EAAO;AAAA,MAClB,MAAK;AAAA,MACL,mBAAiBZ;AAAA,MACjB,gBAAcJ;AAAA,MACd,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAA,gBAAAG,EAAC,OAAA,EAAI,WAAWO,EAAO,QACrB,4BAAC,OAAA,EAAI,WAAWA,EAAO,oBACrB,UAAA;AAAA,UAAA,gBAAAP,EAAC,OAAA,EAAI,WAAWO,EAAO,MAAO,eAAQR,GAAY;AAAA,UAClD,gBAAAC,EAAC,MAAA,EAAG,IAAAL,GAAS,UAAAN,EAAA,CAAM;AAAA,UAClBK,uBACE,OAAA,EAAI,WAAWa,EAAO,SACrB,UAAA,gBAAAP,EAACS,KAAW,SAAQ,YAAW,SAASf,GAAW,cAAW,iBAC5D,UAAA,gBAAAM,EAACU,GAAA,EAAU,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACpC,EAAA,CACF;AAAA,QAAA,EAAA,CAEJ,EAAA,CACF;AAAA,QACA,gBAAAV,EAAC,OAAA,EAAI,WAAWO,EAAO,SAAU,UAAAjB,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE9C;AAEJ;"}

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

@@ -1,14 +1,20 @@
-const t = "_root_1pj1j_1", o = "_alert_1pj1j_1", n = "_icon_1pj1j_14", _ = "_content_1pj1j_29", c = {
-  root: t,
+const n = "_root_hr8n7_1", o = "_alert_hr8n7_1", t = "_header_hr8n7_15", e = "_iconLabelContainer_hr8n7_20", _ = "_icon_hr8n7_20", r = "_content_hr8n7_41", s = "_dismiss_hr8n7_50", c = {
+  root: n,
   alert: o,
-  icon: n,
-  content: _
+  header: t,
+  iconLabelContainer: e,
+  icon: _,
+  content: r,
+  dismiss: s
 };
 export {
   o as alert,
-  _ as content,
+  r as content,
   c as default,
-  n as icon,
-  t as root
+  s as dismiss,
+  t as header,
+  _ as icon,
+  e as iconLabelContainer,
+  n as root
 };
 //# sourceMappingURL=Alert.module.scss.js.map

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

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

package/dist/components/Common/UI/Alert/AlertTypes.d.ts

@@ -20,4 +20,14 @@ export interface AlertProps {
      * CSS className to be applied
      */
     className?: string;
+    /**
+     * Optional callback function called when the dismiss button is clicked
+     */
+    onDismiss?: () => void;
 }
+/**
+ * Default prop values for Alert component.
+ */
+export declare const AlertDefaults: {
+    readonly status: "info";
+};

package/dist/components/Common/UI/Alert/AlertTypes.js

@@ -0,0 +1,7 @@
+const t = {
+  status: "info"
+};
+export {
+  t as AlertDefaults
+};
+//# sourceMappingURL=AlertTypes.js.map

package/dist/components/Common/UI/Alert/AlertTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertTypes.js","sources":["../../../../../src/components/Common/UI/Alert/AlertTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface AlertProps {\n  /**\n   * The visual status that the alert should convey\n   */\n  status?: 'info' | 'success' | 'warning' | 'error'\n  /**\n   * The label text for the alert\n   */\n  label: string\n  /**\n   * Optional children to be rendered inside the alert\n   */\n  children?: ReactNode\n  /**\n   * Optional custom icon component to override the default icon\n   */\n  icon?: ReactNode\n  /**\n   * CSS className to be applied\n   */\n  className?: string\n  /**\n   * Optional callback function called when the dismiss button is clicked\n   */\n  onDismiss?: () => void\n}\n\n/**\n * Default prop values for Alert component.\n */\nexport const AlertDefaults = {\n  status: 'info',\n} as const satisfies Partial<AlertProps>\n"],"names":["AlertDefaults"],"mappings":"AAgCO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}

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

@@ -1,13 +1,13 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "classnames";
-import e from "./Badge.module.scss.js";
-const f = ({
-  className: a,
-  children: s,
-  status: t = "info",
-  ...r
-}) => /* @__PURE__ */ o("span", { ...r, className: m(e.badge, a), "data-variant": t, children: s });
+import { jsx as m } from "react/jsx-runtime";
+import p from "classnames";
+import i from "./Badge.module.scss.js";
+import { BadgeDefaults as l } from "./BadgeTypes.js";
+import { applyMissingDefaults as n } from "../../../../helpers/applyMissingDefaults.js";
+const v = (s) => {
+  const a = n(s, l), { className: r, children: t, status: o, ...e } = a;
+  return /* @__PURE__ */ m("span", { ...e, className: p(i.badge, r), "data-variant": o, children: t });
+};
 export {
-  f as Badge
+  v as Badge
 };
 //# sourceMappingURL=Badge.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\n\nexport const Badge: React.FC<BadgeProps> = ({\n  className,\n  children,\n  status: variant = 'info',\n  ...props\n}) => {\n  return (\n    <span {...props} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","className","children","variant","props","jsx","classnames","styles"],"mappings":";;;AAKO,MAAMA,IAA8B,CAAC;AAAA,EAC1C,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAQC,IAAU;AAAA,EAClB,GAAGC;AACL,MAEI,gBAAAC,EAAC,QAAA,EAAM,GAAGD,GAAO,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GAC5E,UAAAD,EAAA,CACH;"}
+{"version":3,"file":"Badge.js","sources":["../../../../../src/components/Common/UI/Badge/Badge.tsx"],"sourcesContent":["import type React from 'react'\nimport classnames from 'classnames'\nimport styles from './Badge.module.scss'\nimport type { BadgeProps } from './BadgeTypes'\nimport { BadgeDefaults } from './BadgeTypes'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport const Badge: React.FC<BadgeProps> = rawProps => {\n  const resolvedProps = applyMissingDefaults(rawProps, BadgeDefaults)\n  const { className, children, status: variant, ...otherProps } = resolvedProps\n  return (\n    <span {...otherProps} className={classnames(styles.badge, className)} data-variant={variant}>\n      {children}\n    </span>\n  )\n}\n"],"names":["Badge","rawProps","resolvedProps","applyMissingDefaults","BadgeDefaults","className","children","variant","otherProps","jsx","classnames","styles"],"mappings":";;;;;AAOO,MAAMA,IAA8B,CAAAC,MAAY;AACrD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAa,GAC5D,EAAE,WAAAC,GAAW,UAAAC,GAAU,QAAQC,GAAS,GAAGC,MAAeN;AAChE,SACE,gBAAAO,EAAC,QAAA,EAAM,GAAGD,GAAY,WAAWE,EAAWC,EAAO,OAAON,CAAS,GAAG,gBAAcE,GACjF,UAAAD,EAAA,CACH;AAEJ;"}

package/dist/components/Common/UI/Badge/BadgeTypes.d.ts

@@ -9,3 +9,9 @@ export interface BadgeProps extends Pick<HTMLAttributes<HTMLSpanElement>, 'class
      */
     status?: 'success' | 'warning' | 'error' | 'info';
 }
+/**
+ * Default prop values for Badge component.
+ */
+export declare const BadgeDefaults: {
+    readonly status: "info";
+};

package/dist/components/Common/UI/Badge/BadgeTypes.js

@@ -0,0 +1,7 @@
+const t = {
+  status: "info"
+};
+export {
+  t as BadgeDefaults
+};
+//# sourceMappingURL=BadgeTypes.js.map

package/dist/components/Common/UI/Badge/BadgeTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BadgeTypes.js","sources":["../../../../../src/components/Common/UI/Badge/BadgeTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface BadgeProps\n  extends Pick<HTMLAttributes<HTMLSpanElement>, 'className' | 'id' | 'aria-label'> {\n  /**\n   * Content to be displayed inside the badge\n   */\n  children: ReactNode\n  /**\n   * Visual style variant of the badge\n   */\n  status?: 'success' | 'warning' | 'error' | 'info'\n}\n\n/**\n * Default prop values for Badge component.\n */\nexport const BadgeDefaults = {\n  status: 'info',\n} as const satisfies Partial<BadgeProps>\n"],"names":["BadgeDefaults"],"mappings":"AAiBO,MAAMA,IAAgB;AAAA,EAC3B,QAAQ;AACV;"}

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

@@ -1,2 +1,2 @@
 import { ButtonProps } from './ButtonTypes';
-export declare function Button({ isLoading, isDisabled, variant, buttonRef, className, children, onBlur, onFocus, onClick, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function Button(rawProps: ButtonProps): import("react/jsx-runtime").JSX.Element;