@gusto/embedded-react-sdk 0.38.0-rc.1 → 0.38.0-rc.2

package/dist/components/Common/DateRangeFilter/DateRangeFilter.js

@@ -1,100 +1,94 @@
-import { jsxs as f, Fragment as H, jsx as n } from "react/jsx-runtime";
-import { useState as v, useRef as M, useCallback as t, useMemo as _ } from "react";
-import { Popover as q, Dialog as w } from "react-aria-components";
-import k from "./DateRangeFilter.module.scss.js";
-import { Flex as z } from "../Flex/Flex.js";
+import { jsxs as a, Fragment as I, jsx as e } from "react/jsx-runtime";
+import { useState as R, useRef as M, useCallback as l, useMemo as _ } from "react";
+import { Popover as q, Dialog as z } from "react-aria-components";
+import s from "./DateRangeFilter.module.scss.js";
+import { Flex as x } from "../Flex/Flex.js";
 import { useComponentContext as E } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import { useTheme as G } from "../../../contexts/ThemeProvider/useTheme.js";
 /* empty css                       */
-import $ from "../../../assets/icons/filter-funnel.svg.js";
-const b = (e) => e.toLocaleDateString("en-US", { month: "short", day: "numeric" }), nn = ({
-  startDate: e,
+import J from "../../../assets/icons/filter-funnel.svg.js";
+const k = (n) => n.toLocaleDateString("en-US", { month: "short", day: "numeric" }), ne = ({
+  startDate: n,
   endDate: o,
   onStartDateChange: d,
-  onEndDateChange: h,
-  onClear: i,
-  startDateLabel: s,
-  endDateLabel: c,
-  applyLabel: B,
-  resetLabel: F,
-  triggerLabel: g,
-  isFilterActive: R,
-  maxEndDate: O,
-  minStartDate: S
+  onEndDateChange: f,
+  onClear: h,
+  startDateLabel: c,
+  endDateLabel: m,
+  applyLabel: F,
+  cancelLabel: $,
+  resetLabel: b,
+  selectDatesLabel: N,
+  triggerLabel: j,
+  isFilterActive: g,
+  maxEndDate: B,
+  minStartDate: O
 }) => {
-  const { Button: u, ButtonIcon: j, DateRangePicker: N } = E(), { container: P } = G(), [p, l] = v(!1), [r, x] = v(null), m = M(null), y = t(() => {
-    x(e && o ? { start: e, end: o } : null), l(!0);
-  }, [e, o]), U = t(() => {
-    l(!1);
-  }, []), V = t(() => {
-    r ? (d(r.start), h(r.end)) : i(), l(!1);
-  }, [r, d, h, i]), I = t(() => {
-    i(), l(!1);
-  }, [i]), T = t((a) => {
-    x(a);
-  }, []), C = _(() => !R || !e || !o ? null : `${b(e)} – ${b(o)}`, [R, e, o]), A = C ? /* @__PURE__ */ n(
-    u,
+  const { Button: t, DateRangePicker: S } = E(), { container: P } = G(), [C, p] = R(!1), [r, u] = R(null), v = M(null), U = l(() => {
+    u(n && o ? { start: n, end: o } : null), p(!0);
+  }, [n, o]), y = l(() => {
+    p(!1);
+  }, []), V = l(() => {
+    r ? (d(r.start), f(r.end)) : h(), p(!1);
+  }, [r, d, f, h]), T = l(() => {
+    u(null);
+  }, []), w = l((i) => {
+    u(i);
+  }, []), A = _(() => !g || !n || !o ? null : `${k(n)} – ${k(o)}`, [g, n, o]), H = /* @__PURE__ */ e(
+    t,
     {
-      buttonRef: m,
-      "aria-label": g,
+      buttonRef: v,
+      "aria-label": j,
       "aria-haspopup": "dialog",
-      "aria-expanded": p,
-      onClick: y,
+      "aria-expanded": C,
+      onClick: U,
       variant: "secondary",
-      icon: /* @__PURE__ */ n($, {}),
-      className: k.triggerButton,
-      children: C
-    }
-  ) : /* @__PURE__ */ n(
-    j,
-    {
-      buttonRef: m,
-      "aria-label": g,
-      "aria-haspopup": "dialog",
-      "aria-expanded": p,
-      onClick: y,
-      variant: "tertiary",
-      children: /* @__PURE__ */ n($, {})
+      icon: /* @__PURE__ */ e(J, {}),
+      className: s.triggerButton,
+      children: A ?? N
     }
   );
-  return /* @__PURE__ */ f(H, { children: [
-    A,
-    /* @__PURE__ */ n(
+  return /* @__PURE__ */ a(I, { children: [
+    H,
+    /* @__PURE__ */ e(
       q,
       {
         UNSTABLE_portalContainer: P.current,
-        isOpen: p,
-        onOpenChange: (a) => {
-          a || U();
+        isOpen: C,
+        onOpenChange: (i) => {
+          i || y();
         },
-        triggerRef: m,
+        triggerRef: v,
         placement: "bottom end",
         offset: 8,
         shouldUpdatePosition: !0,
-        children: /* @__PURE__ */ n(w, { "aria-label": `${s} – ${c}`, children: /* @__PURE__ */ f("div", { className: k.popoverContent, children: [
-          /* @__PURE__ */ n(
-            N,
+        children: /* @__PURE__ */ a(z, { className: s.dialog, "aria-label": `${c} – ${m}`, children: [
+          /* @__PURE__ */ e("div", { className: s.popoverContent, children: /* @__PURE__ */ e(
+            S,
             {
-              label: `${s} – ${c}`,
+              label: `${c} – ${m}`,
               shouldVisuallyHideLabel: !0,
               value: r,
-              onChange: T,
-              startDateLabel: s,
-              endDateLabel: c,
-              minValue: S,
-              maxValue: O
+              onChange: w,
+              startDateLabel: c,
+              endDateLabel: m,
+              minValue: O,
+              maxValue: B
             }
-          ),
-          /* @__PURE__ */ f(z, { gap: 8, justifyContent: "flex-end", children: [
-            /* @__PURE__ */ n(u, { variant: "tertiary", onClick: I, children: F }),
-            /* @__PURE__ */ n(u, { variant: "primary", onClick: V, children: B })
-          ] })
-        ] }) })
+          ) }),
+          /* @__PURE__ */ e("div", { className: s.popoverFooter, children: /* @__PURE__ */ a(x, { gap: 8, justifyContent: "space-between", children: [
+            /* @__PURE__ */ e(t, { variant: "tertiary", onClick: T, children: b }),
+            /* @__PURE__ */ a(x, { gap: 8, justifyContent: "flex-end", children: [
+              /* @__PURE__ */ e(t, { variant: "secondary", onClick: y, children: $ }),
+              /* @__PURE__ */ e(t, { variant: "primary", onClick: V, children: F })
+            ] })
+          ] }) })
+        ] })
       }
     )
   ] });
 };
 export {
-  nn as DateRangeFilter
+  ne as DateRangeFilter
 };
 //# sourceMappingURL=DateRangeFilter.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.js","sources":["../../../../src/components/Common/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'react'\nimport { Dialog, Popover } from 'react-aria-components'\nimport styles from './DateRangeFilter.module.scss'\nimport type { DateRange } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport FilterFunnelIcon from '@/assets/icons/filter-funnel.svg?react'\n\nconst formatFilterDate = (date: Date): string =>\n  date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n\ninterface DateRangeFilterProps {\n  startDate: Date | null\n  endDate: Date | null\n  onStartDateChange: (date: Date | null) => void\n  onEndDateChange: (date: Date | null) => void\n  onClear: () => void\n  startDateLabel: string\n  endDateLabel: string\n  applyLabel: string\n  resetLabel: string\n  triggerLabel: string\n  isFilterActive: boolean\n  maxEndDate?: Date\n  minStartDate?: Date\n}\n\nexport const DateRangeFilter = ({\n  startDate,\n  endDate,\n  onStartDateChange,\n  onEndDateChange,\n  onClear,\n  startDateLabel,\n  endDateLabel,\n  applyLabel,\n  resetLabel,\n  triggerLabel,\n  isFilterActive,\n  maxEndDate,\n  minStartDate,\n}: DateRangeFilterProps) => {\n  const { Button, ButtonIcon, DateRangePicker } = useComponentContext()\n  const { container } = useTheme()\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [draftRange, setDraftRange] = useState<DateRange | null>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleOpen = useCallback(() => {\n    const range = startDate && endDate ? { start: startDate, end: endDate } : null\n    setDraftRange(range)\n    setIsOpen(true)\n  }, [startDate, endDate])\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false)\n  }, [])\n\n  const handleApply = useCallback(() => {\n    if (draftRange) {\n      onStartDateChange(draftRange.start)\n      onEndDateChange(draftRange.end)\n    } else {\n      onClear()\n    }\n    setIsOpen(false)\n  }, [draftRange, onStartDateChange, onEndDateChange, onClear])\n\n  const handleReset = useCallback(() => {\n    onClear()\n    setIsOpen(false)\n  }, [onClear])\n\n  const handleRangeChange = useCallback((range: DateRange | null) => {\n    setDraftRange(range)\n  }, [])\n\n  const filterDateLabel = useMemo(() => {\n    if (!isFilterActive || !startDate || !endDate) return null\n    return `${formatFilterDate(startDate)} – ${formatFilterDate(endDate)}`\n  }, [isFilterActive, startDate, endDate])\n\n  const triggerButton = filterDateLabel ? (\n    <Button\n      buttonRef={triggerRef}\n      aria-label={triggerLabel}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"secondary\"\n      icon={<FilterFunnelIcon />}\n      className={styles.triggerButton}\n    >\n      {filterDateLabel}\n    </Button>\n  ) : (\n    <ButtonIcon\n      buttonRef={triggerRef}\n      aria-label={triggerLabel}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"tertiary\"\n    >\n      <FilterFunnelIcon />\n    </ButtonIcon>\n  )\n\n  return (\n    <>\n      {triggerButton}\n\n      <Popover\n        UNSTABLE_portalContainer={container.current}\n        isOpen={isOpen}\n        onOpenChange={open => {\n          if (!open) handleClose()\n        }}\n        triggerRef={triggerRef}\n        placement=\"bottom end\"\n        offset={8}\n        shouldUpdatePosition\n      >\n        <Dialog aria-label={`${startDateLabel} – ${endDateLabel}`}>\n          <div className={styles.popoverContent}>\n            <DateRangePicker\n              label={`${startDateLabel} – ${endDateLabel}`}\n              shouldVisuallyHideLabel\n              value={draftRange}\n              onChange={handleRangeChange}\n              startDateLabel={startDateLabel}\n              endDateLabel={endDateLabel}\n              minValue={minStartDate}\n              maxValue={maxEndDate}\n            />\n\n            <Flex gap={8} justifyContent=\"flex-end\">\n              <Button variant=\"tertiary\" onClick={handleReset}>\n                {resetLabel}\n              </Button>\n              <Button variant=\"primary\" onClick={handleApply}>\n                {applyLabel}\n              </Button>\n            </Flex>\n          </div>\n        </Dialog>\n      </Popover>\n    </>\n  )\n}\n"],"names":["formatFilterDate","date","DateRangeFilter","startDate","endDate","onStartDateChange","onEndDateChange","onClear","startDateLabel","endDateLabel","applyLabel","resetLabel","triggerLabel","isFilterActive","maxEndDate","minStartDate","Button","ButtonIcon","DateRangePicker","useComponentContext","container","useTheme","isOpen","setIsOpen","useState","draftRange","setDraftRange","triggerRef","useRef","handleOpen","useCallback","handleClose","handleApply","handleReset","handleRangeChange","range","filterDateLabel","useMemo","triggerButton","jsx","FilterFunnelIcon","styles","jsxs","Fragment","Popover","open","Dialog","Flex"],"mappings":"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"}
+{"version":3,"file":"DateRangeFilter.js","sources":["../../../../src/components/Common/DateRangeFilter/DateRangeFilter.tsx"],"sourcesContent":["import { useState, useRef, useCallback, useMemo } from 'react'\nimport { Dialog, Popover } from 'react-aria-components'\nimport styles from './DateRangeFilter.module.scss'\nimport type { DateRange } from '@/components/Common/UI/DateRangePicker/DateRangePickerTypes'\nimport { Flex } from '@/components/Common/Flex/Flex'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { useTheme } from '@/contexts/ThemeProvider'\nimport FilterFunnelIcon from '@/assets/icons/filter-funnel.svg?react'\n\nconst formatFilterDate = (date: Date): string =>\n  date.toLocaleDateString('en-US', { month: 'short', day: 'numeric' })\n\ninterface DateRangeFilterProps {\n  startDate: Date | null\n  endDate: Date | null\n  onStartDateChange: (date: Date | null) => void\n  onEndDateChange: (date: Date | null) => void\n  onClear: () => void\n  startDateLabel: string\n  endDateLabel: string\n  applyLabel: string\n  cancelLabel: string\n  resetLabel: string\n  selectDatesLabel: string\n  triggerLabel: string\n  isFilterActive: boolean\n  maxEndDate?: Date\n  minStartDate?: Date\n}\n\nexport const DateRangeFilter = ({\n  startDate,\n  endDate,\n  onStartDateChange,\n  onEndDateChange,\n  onClear,\n  startDateLabel,\n  endDateLabel,\n  applyLabel,\n  cancelLabel,\n  resetLabel,\n  selectDatesLabel,\n  triggerLabel,\n  isFilterActive,\n  maxEndDate,\n  minStartDate,\n}: DateRangeFilterProps) => {\n  const { Button, DateRangePicker } = useComponentContext()\n  const { container } = useTheme()\n\n  const [isOpen, setIsOpen] = useState(false)\n  const [draftRange, setDraftRange] = useState<DateRange | null>(null)\n  const triggerRef = useRef<HTMLButtonElement>(null)\n\n  const handleOpen = useCallback(() => {\n    const range = startDate && endDate ? { start: startDate, end: endDate } : null\n    setDraftRange(range)\n    setIsOpen(true)\n  }, [startDate, endDate])\n\n  const handleClose = useCallback(() => {\n    setIsOpen(false)\n  }, [])\n\n  const handleApply = useCallback(() => {\n    if (draftRange) {\n      onStartDateChange(draftRange.start)\n      onEndDateChange(draftRange.end)\n    } else {\n      onClear()\n    }\n    setIsOpen(false)\n  }, [draftRange, onStartDateChange, onEndDateChange, onClear])\n\n  const handleReset = useCallback(() => {\n    setDraftRange(null)\n  }, [])\n\n  const handleRangeChange = useCallback((range: DateRange | null) => {\n    setDraftRange(range)\n  }, [])\n\n  const filterDateLabel = useMemo(() => {\n    if (!isFilterActive || !startDate || !endDate) return null\n    return `${formatFilterDate(startDate)} – ${formatFilterDate(endDate)}`\n  }, [isFilterActive, startDate, endDate])\n\n  const triggerButton = (\n    <Button\n      buttonRef={triggerRef}\n      aria-label={triggerLabel}\n      aria-haspopup=\"dialog\"\n      aria-expanded={isOpen}\n      onClick={handleOpen}\n      variant=\"secondary\"\n      icon={<FilterFunnelIcon />}\n      className={styles.triggerButton}\n    >\n      {filterDateLabel ?? selectDatesLabel}\n    </Button>\n  )\n\n  return (\n    <>\n      {triggerButton}\n\n      <Popover\n        UNSTABLE_portalContainer={container.current}\n        isOpen={isOpen}\n        onOpenChange={open => {\n          if (!open) handleClose()\n        }}\n        triggerRef={triggerRef}\n        placement=\"bottom end\"\n        offset={8}\n        shouldUpdatePosition\n      >\n        <Dialog className={styles.dialog} aria-label={`${startDateLabel} – ${endDateLabel}`}>\n          <div className={styles.popoverContent}>\n            <DateRangePicker\n              label={`${startDateLabel} – ${endDateLabel}`}\n              shouldVisuallyHideLabel\n              value={draftRange}\n              onChange={handleRangeChange}\n              startDateLabel={startDateLabel}\n              endDateLabel={endDateLabel}\n              minValue={minStartDate}\n              maxValue={maxEndDate}\n            />\n          </div>\n\n          <div className={styles.popoverFooter}>\n            <Flex gap={8} justifyContent=\"space-between\">\n              <Button variant=\"tertiary\" onClick={handleReset}>\n                {resetLabel}\n              </Button>\n              <Flex gap={8} justifyContent=\"flex-end\">\n                <Button variant=\"secondary\" onClick={handleClose}>\n                  {cancelLabel}\n                </Button>\n                <Button variant=\"primary\" onClick={handleApply}>\n                  {applyLabel}\n                </Button>\n              </Flex>\n            </Flex>\n          </div>\n        </Dialog>\n      </Popover>\n    </>\n  )\n}\n"],"names":["formatFilterDate","date","DateRangeFilter","startDate","endDate","onStartDateChange","onEndDateChange","onClear","startDateLabel","endDateLabel","applyLabel","cancelLabel","resetLabel","selectDatesLabel","triggerLabel","isFilterActive","maxEndDate","minStartDate","Button","DateRangePicker","useComponentContext","container","useTheme","isOpen","setIsOpen","useState","draftRange","setDraftRange","triggerRef","useRef","handleOpen","useCallback","handleClose","handleApply","handleReset","handleRangeChange","range","filterDateLabel","useMemo","triggerButton","jsx","FilterFunnelIcon","styles","jsxs","Fragment","Popover","open","Dialog","Flex"],"mappings":"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"}

package/dist/components/Common/DateRangeFilter/DateRangeFilter.module.scss.js

@@ -1,10 +1,14 @@
-const t = "_triggerButton_151is_1", o = "_popoverContent_151is_6", e = {
-  triggerButton: t,
-  popoverContent: o
+const o = "_triggerButton_a5twz_1", t = "_dialog_a5twz_6", e = "_popoverContent_a5twz_10", r = "_popoverFooter_a5twz_16", n = {
+  triggerButton: o,
+  dialog: t,
+  popoverContent: e,
+  popoverFooter: r
 };
 export {
-  e as default,
-  o as popoverContent,
-  t as triggerButton
+  n as default,
+  t as dialog,
+  e as popoverContent,
+  r as popoverFooter,
+  o as triggerButton
 };
 //# sourceMappingURL=DateRangeFilter.module.scss.js.map

package/dist/components/Common/DateRangeFilter/DateRangeFilter.module.scss.js.map

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

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

@@ -12,7 +12,7 @@ export declare function useStringifyGenericFieldValue<TValue, TOption>({ options
     options: ({
         value: string;
     } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
-    value: string | undefined;
+    value: string | null;
     onChange: (value: string) => void;
 };
 interface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {
@@ -25,7 +25,7 @@ export declare function useStringifyGenericFieldValueArray<TValue, TOption>({ op
     options: ({
         value: string;
     } & Omit<OptionWithGenericValue<TValue, TOption>, "value">)[];
-    value: string[] | undefined;
+    value: string[];
     onChange: (updatedStringValue: string[]) => void;
 };
 export {};

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

@@ -33,7 +33,7 @@ function y({
       typeof a < "u" && e(a);
     },
     [t, e]
-  ), u = n === null || typeof n > "u" ? void 0 : s(n);
+  ), u = n === null || typeof n > "u" ? null : s(n);
   return {
     options: i,
     value: u,
@@ -59,7 +59,7 @@ function S({
       e(a);
     },
     [t, e]
-  ), u = n && n.map(s);
+  ), u = n ? n.map(s) : [];
   return {
     options: i,
     value: u,

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

@@ -1 +1 @@
-{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? undefined : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : value\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAA,GAC3EC,IAA0B,CAAA;AAEhC,eAAWC,KAAUL,GAAS;AAC5B,YAAMM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IACH;AAEA,WAAO,EAAE,iBAAAJ,GAAiB,SAASC,EAAA;AAAA,EACrC,GAAG,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACjB,YAAMc,IAAgBT,EAAgBL,CAAK,GAAG;AAC9C,MAAI,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,SAAYG,EAAqBH,CAAK;AAEzF,SAAO;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAA;AAEtB,iBAAWT,KAAeQ,GAAoB;AAC5C,cAAMhB,IAAQK,EAAgBG,CAAW,GAAG;AAE5C,QAAI,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAE5B;AAEA,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IAAcR,KAAQA,EAAM,IAAIG,CAAoB;AAE1D,SAAO;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;"}
+{"version":3,"file":"useStringifyGenericFieldValue.js","sources":["../../../../../src/components/Common/Fields/hooks/useStringifyGenericFieldValue.ts"],"sourcesContent":["import { useCallback, useMemo } from 'react'\n\nexport type ConvertValueToString<TValue> = (value: TValue) => string\n\nexport type OptionWithGenericValue<TValue, TOption> = Omit<TOption, 'value'> & {\n  value: TValue\n}\n\ninterface UseStringifyOptionValuesProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nconst defaultConvertValueToString = (value: unknown) => String(value)\n\nfunction useStringifyOptionValues<TValue, TOption>({\n  options,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyOptionValuesProps<TValue, TOption>) {\n  return useMemo(() => {\n    const optionValuesMap: Record<string, OptionWithGenericValue<TValue, TOption>> = {}\n    const optionsWithStringValues = []\n\n    for (const option of options) {\n      const stringValue = convertValueToString(option.value)\n      optionValuesMap[stringValue] = option\n      const { value, ...restOptionsProps } = option\n\n      optionsWithStringValues.push({\n        value: stringValue,\n        ...restOptionsProps,\n      })\n    }\n\n    return { optionValuesMap, options: optionsWithStringValues }\n  }, [options, convertValueToString])\n}\n\ninterface UseStringifyGenericFieldValueProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue\n  onChange: (value: TValue) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValue<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (value: string) => {\n      const originalValue = optionValuesMap[value]?.value\n      if (typeof originalValue !== 'undefined') {\n        onChange(originalValue)\n      }\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue =\n    value === null || typeof value === 'undefined' ? null : convertValueToString(value)\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n\ninterface UseStringifyGenericFieldValueArrayProps<TValue, TOption> {\n  options: OptionWithGenericValue<TValue, TOption>[]\n  value?: TValue[]\n  onChange: (value: TValue[]) => void\n  convertValueToString?: ConvertValueToString<TValue>\n}\n\nexport function useStringifyGenericFieldValueArray<TValue, TOption>({\n  options,\n  value,\n  onChange,\n  convertValueToString = defaultConvertValueToString,\n}: UseStringifyGenericFieldValueArrayProps<TValue, TOption>) {\n  const { optionValuesMap, options: optionsWithStringValues } = useStringifyOptionValues({\n    options,\n    convertValueToString,\n  })\n\n  const handleChange = useCallback(\n    (updatedStringValue: string[]) => {\n      const updatedValues = []\n\n      for (const stringValue of updatedStringValue) {\n        const value = optionValuesMap[stringValue]?.value\n\n        if (typeof value !== 'undefined') {\n          updatedValues.push(value)\n        }\n      }\n\n      onChange(updatedValues)\n    },\n    [optionValuesMap, onChange],\n  )\n\n  const stringValue = value ? value.map(convertValueToString) : []\n\n  return {\n    options: optionsWithStringValues,\n    value: stringValue,\n    onChange: handleChange,\n  }\n}\n"],"names":["defaultConvertValueToString","value","useStringifyOptionValues","options","convertValueToString","useMemo","optionValuesMap","optionsWithStringValues","option","stringValue","restOptionsProps","useStringifyGenericFieldValue","onChange","handleChange","useCallback","originalValue","useStringifyGenericFieldValueArray","updatedStringValue","updatedValues"],"mappings":";AAaA,MAAMA,IAA8B,CAACC,MAAmB,OAAOA,CAAK;AAEpE,SAASC,EAA0C;AAAA,EACjD,SAAAC;AAAA,EACA,sBAAAC,IAAuBJ;AACzB,GAAmD;AACjD,SAAOK,EAAQ,MAAM;AACnB,UAAMC,IAA2E,CAAA,GAC3EC,IAA0B,CAAA;AAEhC,eAAWC,KAAUL,GAAS;AAC5B,YAAMM,IAAcL,EAAqBI,EAAO,KAAK;AACrD,MAAAF,EAAgBG,CAAW,IAAID;AAC/B,YAAM,EAAE,OAAAP,GAAO,GAAGS,EAAA,IAAqBF;AAEvC,MAAAD,EAAwB,KAAK;AAAA,QAC3B,OAAOE;AAAA,QACP,GAAGC;AAAA,MAAA,CACJ;AAAA,IACH;AAEA,WAAO,EAAE,iBAAAJ,GAAiB,SAASC,EAAA;AAAA,EACrC,GAAG,CAACJ,GAASC,CAAoB,CAAC;AACpC;AASO,SAASO,EAA+C;AAAA,EAC7D,SAAAR;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAAwD;AACtD,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACb,MAAkB;AACjB,YAAMc,IAAgBT,EAAgBL,CAAK,GAAG;AAC9C,MAAI,OAAOc,IAAkB,OAC3BH,EAASG,CAAa;AAAA,IAE1B;AAAA,IACA,CAACT,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IACJR,MAAU,QAAQ,OAAOA,IAAU,MAAc,OAAOG,EAAqBH,CAAK;AAEpF,SAAO;AAAA,IACL,SAASM;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;AASO,SAASG,EAAoD;AAAA,EAClE,SAAAb;AAAA,EACA,OAAAF;AAAA,EACA,UAAAW;AAAA,EACA,sBAAAR,IAAuBJ;AACzB,GAA6D;AAC3D,QAAM,EAAE,iBAAAM,GAAiB,SAASC,EAAA,IAA4BL,EAAyB;AAAA,IACrF,SAAAC;AAAA,IACA,sBAAAC;AAAA,EAAA,CACD,GAEKS,IAAeC;AAAA,IACnB,CAACG,MAAiC;AAChC,YAAMC,IAAgB,CAAA;AAEtB,iBAAWT,KAAeQ,GAAoB;AAC5C,cAAMhB,IAAQK,EAAgBG,CAAW,GAAG;AAE5C,QAAI,OAAOR,IAAU,OACnBiB,EAAc,KAAKjB,CAAK;AAAA,MAE5B;AAEA,MAAAW,EAASM,CAAa;AAAA,IACxB;AAAA,IACA,CAACZ,GAAiBM,CAAQ;AAAA,EAAA,GAGtBH,IAAcR,IAAQA,EAAM,IAAIG,CAAoB,IAAI,CAAA;AAE9D,SAAO;AAAA,IACL,SAASG;AAAA,IACT,OAAOE;AAAA,IACP,UAAUI;AAAA,EAAA;AAEd;"}

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

@@ -1,19 +1,20 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
-import { ActionsLayout as m } from "../ActionsLayout/ActionsLayout.js";
-import { useComponentContext as u } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-function f({
+import { jsxs as m, jsx as n } from "react/jsx-runtime";
+import "../../../shared/constants.js";
+import { ActionsLayout as s } from "../ActionsLayout/ActionsLayout.js";
+import { useComponentContext as p } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+function l({
   onBack: t,
   backLabel: r,
   submitLabel: e,
   isLoading: i = !1
 }) {
-  const o = u();
-  return /* @__PURE__ */ s(m, { children: [
+  const o = p();
+  return /* @__PURE__ */ m(s, { children: [
     t && /* @__PURE__ */ n(o.Button, { variant: "secondary", type: "button", onClick: t, children: r }),
     /* @__PURE__ */ n(o.Button, { type: "submit", isLoading: i, children: e })
   ] });
 }
 export {
-  f as SignatureFormActions
+  l 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,14 +1,15 @@
-import { jsxs as s, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { jsxs as m, Fragment as s, jsx as e } from "react/jsx-runtime";
+import "../../../shared/constants.js";
 import { TextInputField as a } from "../Fields/TextInputField/TextInputField.js";
 import { CheckboxField as u } from "../Fields/CheckboxField/CheckboxField.js";
-function p({
+function c({
   signatureLabel: r,
   signatureDescription: i = "",
   signatureError: t = "",
   confirmationLabel: o,
   confirmationError: n = ""
 }) {
-  return /* @__PURE__ */ s(m, { children: [
+  return /* @__PURE__ */ m(s, { children: [
     /* @__PURE__ */ e(
       a,
       {
@@ -31,6 +32,6 @@ function p({
   ] });
 }
 export {
-  p as SignatureFormFields
+  c 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/Box/Box.d.ts

@@ -1,2 +1,2 @@
 import { BoxProps } from './BoxTypes';
-export declare function Box({ children, footer, className }: BoxProps): import("react/jsx-runtime").JSX.Element;
+export declare function Box({ children, header, footer, withPadding, className }: BoxProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Box.js","sources":["../../../../../src/components/Common/UI/Box/Box.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './Box.module.scss'\nimport { type BoxProps } from '@/components/Common/UI/Box/BoxTypes'\n\nexport function Box({ children, footer, className }: BoxProps) {\n  return (\n    <div className={cn(styles.boxContainer, className)} data-testid=\"data-box\">\n      <div className={styles.boxBody}>{children}</div>\n      {footer && <div className={styles.boxFooter}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["Box","children","footer","className","jsxs","cn","styles","jsx"],"mappings":";;;AAIO,SAASA,EAAI,EAAE,UAAAC,GAAU,QAAAC,GAAQ,WAAAC,KAAuB;AAC7D,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,cAAcH,CAAS,GAAG,eAAY,YAC9D,UAAA;AAAA,IAAA,gBAAAI,EAAC,OAAA,EAAI,WAAWD,EAAO,SAAU,UAAAL,GAAS;AAAA,IACzCC,KAAU,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,WAAY,UAAAJ,EAAA,CAAO;AAAA,EAAA,GACvD;AAEJ;"}
+{"version":3,"file":"Box.js","sources":["../../../../../src/components/Common/UI/Box/Box.tsx"],"sourcesContent":["import cn from 'classnames'\nimport styles from './Box.module.scss'\nimport type { BoxProps } from '@/components/Common/UI/Box/BoxTypes'\n\nexport function Box({ children, header, footer, withPadding = true, className }: BoxProps) {\n  return (\n    <div className={cn(styles.root, className)} data-testid=\"data-box\">\n      {header && <div className={styles.header}>{header}</div>}\n      <div className={withPadding ? styles.content : styles.contentFlush}>{children}</div>\n      {footer && <div className={styles.footer}>{footer}</div>}\n    </div>\n  )\n}\n"],"names":["Box","children","header","footer","withPadding","className","jsxs","cn","styles","jsx"],"mappings":";;;AAIO,SAASA,EAAI,EAAE,UAAAC,GAAU,QAAAC,GAAQ,QAAAC,GAAQ,aAAAC,IAAc,IAAM,WAAAC,KAAuB;AACzF,SACE,gBAAAC,EAAC,SAAI,WAAWC,EAAGC,EAAO,MAAMH,CAAS,GAAG,eAAY,YACrD,UAAA;AAAA,IAAAH,KAAU,gBAAAO,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAN,GAAO;AAAA,IAClD,gBAAAO,EAAC,SAAI,WAAWL,IAAcI,EAAO,UAAUA,EAAO,cAAe,UAAAP,GAAS;AAAA,IAC7EE,KAAU,gBAAAM,EAAC,OAAA,EAAI,WAAWD,EAAO,QAAS,UAAAL,EAAA,CAAO;AAAA,EAAA,GACpD;AAEJ;"}

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

@@ -1,12 +1,16 @@
-const o = "_boxContainer_147eq_1", t = "_boxBody_147eq_9", e = "_boxFooter_147eq_13", n = {
-  boxContainer: o,
-  boxBody: t,
-  boxFooter: e
+const t = "_root_2c0z0_1", o = "_header_2c0z0_9", e = "_content_2c0z0_14", n = "_contentFlush_2c0z0_18", c = "_footer_2c0z0_22", _ = {
+  root: t,
+  header: o,
+  content: e,
+  contentFlush: n,
+  footer: c
 };
 export {
-  t as boxBody,
-  o as boxContainer,
-  e as boxFooter,
-  n as default
+  e as content,
+  n as contentFlush,
+  _ as default,
+  c as footer,
+  o as header,
+  t as root
 };
 //# sourceMappingURL=Box.module.scss.js.map

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

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

package/dist/components/Common/UI/Box/BoxTypes.d.ts

@@ -1,15 +1,8 @@
 import { ReactNode } from 'react';
 export interface BoxProps {
-    /**
-     * Content to be displayed inside the box
-     */
     children: ReactNode;
-    /**
-     * Content rendered at the bottom of the box with an edge-to-edge top border
-     */
+    header?: ReactNode;
     footer?: ReactNode;
-    /**
-     * CSS className to be applied
-     */
+    withPadding?: boolean;
     className?: string;
 }

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

@@ -0,0 +1,2 @@
+import { BoxHeaderProps } from './BoxHeaderTypes';
+export declare function BoxHeader(rawProps: BoxHeaderProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { BoxHeaderDefaults as p } from "./BoxHeaderTypes.js";
+import i from "./BoxHeader.module.scss.js";
+import { applyMissingDefaults as c } from "../../../../helpers/applyMissingDefaults.js";
+import { useComponentContext as d } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
+import { Flex as n } from "../../Flex/Flex.js";
+function D(s) {
+  const { title: a, description: t, action: l, headingLevel: m } = c(
+    s,
+    p
+  ), o = d();
+  return /* @__PURE__ */ e("div", { className: i.root, children: /* @__PURE__ */ r(n, { flexDirection: "row", gap: 16, justifyContent: "space-between", alignItems: "center", children: [
+    /* @__PURE__ */ r(n, { flexDirection: "column", gap: 4, children: [
+      /* @__PURE__ */ e(o.Heading, { as: m, className: i.headerTitle, children: a }),
+      t && /* @__PURE__ */ e(o.Text, { as: "p", variant: "supporting", children: t })
+    ] }),
+    l
+  ] }) });
+}
+export {
+  D as BoxHeader
+};
+//# sourceMappingURL=BoxHeader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoxHeader.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeader.tsx"],"sourcesContent":["import { type BoxHeaderProps, BoxHeaderDefaults } from './BoxHeaderTypes'\nimport styles from './BoxHeader.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport { Flex } from '@/components/Common/Flex'\n\nexport function BoxHeader(rawProps: BoxHeaderProps) {\n  const { title, description, action, headingLevel } = applyMissingDefaults(\n    rawProps,\n    BoxHeaderDefaults,\n  )\n  const Components = useComponentContext()\n\n  return (\n    <div className={styles.root}>\n      <Flex flexDirection=\"row\" gap={16} justifyContent=\"space-between\" alignItems=\"center\">\n        <Flex flexDirection=\"column\" gap={4}>\n          <Components.Heading as={headingLevel!} className={styles.headerTitle}>\n            {title}\n          </Components.Heading>\n          {description && (\n            <Components.Text as=\"p\" variant=\"supporting\">\n              {description}\n            </Components.Text>\n          )}\n        </Flex>\n\n        {action}\n      </Flex>\n    </div>\n  )\n}\n"],"names":["BoxHeader","rawProps","title","description","action","headingLevel","applyMissingDefaults","BoxHeaderDefaults","Components","useComponentContext","jsx","styles","jsxs","Flex"],"mappings":";;;;;;AAMO,SAASA,EAAUC,GAA0B;AAClD,QAAM,EAAE,OAAAC,GAAO,aAAAC,GAAa,QAAAC,GAAQ,cAAAC,MAAiBC;AAAA,IACnDL;AAAA,IACAM;AAAA,EAAA,GAEIC,IAAaC,EAAA;AAEnB,SACE,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,MACrB,UAAA,gBAAAC,EAACC,GAAA,EAAK,eAAc,OAAM,KAAK,IAAI,gBAAe,iBAAgB,YAAW,UAC3E,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAH,EAACF,EAAW,SAAX,EAAmB,IAAIH,GAAe,WAAWM,EAAO,aACtD,UAAAT,EAAA,CACH;AAAA,MACCC,uBACEK,EAAW,MAAX,EAAgB,IAAG,KAAI,SAAQ,cAC7B,UAAAL,EAAA,CACH;AAAA,IAAA,GAEJ;AAAA,IAECC;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ;"}

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

@@ -0,0 +1,8 @@
+const o = "_root_1vjsj_1", t = {
+  root: o
+};
+export {
+  t as default,
+  o as root
+};
+//# sourceMappingURL=BoxHeader.module.scss.js.map

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

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

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export interface BoxHeaderProps {
+    title: ReactNode;
+    description?: ReactNode;
+    action?: ReactNode;
+    headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+}
+export declare const BoxHeaderDefaults: {
+    readonly headingLevel: "h3";
+};

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js

@@ -0,0 +1,7 @@
+const e = {
+  headingLevel: "h3"
+};
+export {
+  e as BoxHeaderDefaults
+};
+//# sourceMappingURL=BoxHeaderTypes.js.map

package/dist/components/Common/UI/BoxHeader/BoxHeaderTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoxHeaderTypes.js","sources":["../../../../../src/components/Common/UI/BoxHeader/BoxHeaderTypes.ts"],"sourcesContent":["import type { ReactNode } from 'react'\n\nexport interface BoxHeaderProps {\n  title: ReactNode\n  description?: ReactNode\n  action?: ReactNode\n  headingLevel?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'\n}\n\nexport const BoxHeaderDefaults = {\n  headingLevel: 'h3',\n} as const satisfies Partial<BoxHeaderProps>\n"],"names":["BoxHeaderDefaults"],"mappings":"AASO,MAAMA,IAAoB;AAAA,EAC/B,cAAc;AAChB;"}

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

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

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

@@ -1,9 +1,9 @@
-const o = "_root_198v4_1", t = "_icon_198v4_25", c = {
+const o = "_root_2nfpm_1", t = "_icon_2nfpm_26", n = {
   root: o,
   icon: t
 };
 export {
-  c as default,
+  n as default,
   t as icon,
   o as root
 };