@gusto/embedded-react-sdk 0.26.0 → 0.28.0

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

@@ -1,5 +1,5 @@
 import { TableProps } from '../UI/Table/TableTypes';
-import { useDataViewPropReturn } from './useDataView';
+import { useDataViewPropReturn, SelectionMode } from './useDataView';
 import { useContainerBreakpointsProps } from '../../../hooks/useContainerBreakpoints/useContainerBreakpoints';
 export type DataViewProps<T> = {
     columns: useDataViewPropReturn<T>['columns'];
@@ -8,11 +8,13 @@ export type DataViewProps<T> = {
     label: string;
     itemMenu?: useDataViewPropReturn<T>['itemMenu'];
     onSelect?: useDataViewPropReturn<T>['onSelect'];
+    isItemSelected?: useDataViewPropReturn<T>['isItemSelected'];
     breakAt?: string;
     breakpoints?: useContainerBreakpointsProps['breakpoints'];
     footer?: useDataViewPropReturn<T>['footer'];
     isFetching?: boolean;
     variant?: TableProps['variant'];
     emptyState?: useDataViewPropReturn<T>['emptyState'];
+    selectionMode?: SelectionMode;
 };
-export declare const DataView: <T>({ pagination, isFetching, breakAt, breakpoints: customBreakpoints, footer, variant, emptyState, ...dataViewProps }: DataViewProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const DataView: <T>({ pagination, isFetching, breakAt, breakpoints: customBreakpoints, footer, variant, emptyState, selectionMode, ...dataViewProps }: DataViewProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/DataView/DataView.js

@@ -1,11 +1,11 @@
-import { jsxs as b, jsx as n } from "react/jsx-runtime";
-import { useRef as k, useMemo as C } from "react";
-import { PaginationControl as D } from "../PaginationControl/PaginationControl.js";
-import w from "./DataView.module.scss.js";
-import { DataTable as x } from "./DataTable/DataTable.js";
-import { DataCards as h } from "./DataCards/DataCards.js";
-import { useContainerBreakpoints as j } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
-const N = ({
+import { jsxs as k, jsx as n } from "react/jsx-runtime";
+import { useRef as C, useMemo as D } from "react";
+import { PaginationControl as w } from "../PaginationControl/PaginationControl.js";
+import x from "./DataView.module.scss.js";
+import { DataTable as h } from "./DataTable/DataTable.js";
+import { DataCards as j } from "./DataCards/DataCards.js";
+import { useContainerBreakpoints as v } from "../../../hooks/useContainerBreakpoints/useContainerBreakpoints.js";
+const P = ({
   pagination: t,
   isFetching: s,
   breakAt: a = "small",
@@ -13,28 +13,38 @@ const N = ({
   footer: m,
   variant: p,
   emptyState: c,
-  ...l
+  selectionMode: l,
+  ...f
 }) => {
-  const e = k(null), o = j({
+  const e = C(null), o = v({
     ref: e,
     breakpoints: i
-  }), f = o.length > 0, r = !o.includes(a), d = C(() => r ? h : x, [r]);
-  return /* @__PURE__ */ b(
+  }), d = o.length > 0, r = !o.includes(a), u = D(() => r ? j : h, [r]);
+  return /* @__PURE__ */ k(
     "div",
     {
       "data-testid": "data-view",
-      className: w.dataViewContainer,
-      ref: (u) => {
-        e.current = u;
+      className: x.dataViewContainer,
+      ref: (b) => {
+        e.current = b;
       },
       children: [
-        f && /* @__PURE__ */ n(d, { ...l, footer: m, variant: p, emptyState: c }),
-        t && /* @__PURE__ */ n(D, { ...t, isFetching: s })
+        d && /* @__PURE__ */ n(
+          u,
+          {
+            ...f,
+            footer: m,
+            variant: p,
+            emptyState: c,
+            selectionMode: l
+          }
+        ),
+        t && /* @__PURE__ */ n(w, { ...t, isFetching: s })
       ]
     }
   );
 };
 export {
-  N as DataView
+  P as DataView
 };
 //# sourceMappingURL=DataView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DataView.js","sources":["../../../../src/components/Common/DataView/DataView.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { PaginationControl } from '../PaginationControl/PaginationControl'\nimport type { TableProps } from '../UI/Table/TableTypes'\nimport styles from './DataView.module.scss'\nimport { DataTable } from './DataTable/DataTable'\nimport type { useDataViewPropReturn } from './useDataView'\nimport { DataCards } from './DataCards/DataCards'\nimport type { useContainerBreakpointsProps } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nexport type DataViewProps<T> = {\n  columns: useDataViewPropReturn<T>['columns']\n  data: T[]\n  pagination?: useDataViewPropReturn<T>['pagination']\n  label: string\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  breakAt?: string\n  breakpoints?: useContainerBreakpointsProps['breakpoints']\n  footer?: useDataViewPropReturn<T>['footer']\n  isFetching?: boolean\n  variant?: TableProps['variant']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n}\n\nexport const DataView = <T,>({\n  pagination,\n  isFetching,\n  breakAt = 'small',\n  breakpoints: customBreakpoints,\n  footer,\n  variant,\n  emptyState,\n  ...dataViewProps\n}: DataViewProps<T>) => {\n  const containerRef = useRef<HTMLElement | null>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n    breakpoints: customBreakpoints,\n  })\n\n  // Wait for breakpoints to be detected before rendering\n  const isBreakpointsDetected = breakpoints.length > 0\n  const isMobile = !breakpoints.includes(breakAt)\n\n  const Component = useMemo(() => {\n    return isMobile ? DataCards : DataTable\n  }, [isMobile])\n\n  return (\n    <div\n      data-testid=\"data-view\"\n      className={styles.dataViewContainer}\n      ref={ref => {\n        containerRef.current = ref\n      }}\n    >\n      {isBreakpointsDetected && (\n        <Component {...dataViewProps} footer={footer} variant={variant} emptyState={emptyState} />\n      )}\n      {pagination && <PaginationControl {...pagination} isFetching={isFetching} />}\n    </div>\n  )\n}\n"],"names":["DataView","pagination","isFetching","breakAt","customBreakpoints","footer","variant","emptyState","dataViewProps","containerRef","useRef","breakpoints","useContainerBreakpoints","isBreakpointsDetected","isMobile","Component","useMemo","DataCards","DataTable","jsxs","styles","ref","jsx","PaginationControl"],"mappings":";;;;;;;AAyBO,MAAMA,IAAW,CAAK;AAAA,EAC3B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAaC;AAAA,EACb,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAeC,EAA2B,IAAI,GAC9CC,IAAcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,IACL,aAAaL;AAAA,EAAA,CACd,GAGKS,IAAwBF,EAAY,SAAS,GAC7CG,IAAW,CAACH,EAAY,SAASR,CAAO,GAExCY,IAAYC,EAAQ,MACjBF,IAAWG,IAAYC,GAC7B,CAACJ,CAAQ,CAAC;AAEb,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAO;AAAA,MAClB,KAAK,CAAAC,MAAO;AACV,QAAAZ,EAAa,UAAUY;AAAA,MACzB;AAAA,MAEC,UAAA;AAAA,QAAAR,uBACEE,GAAA,EAAW,GAAGP,GAAe,QAAAH,GAAgB,SAAAC,GAAkB,YAAAC,GAAwB;AAAA,QAEzFN,KAAc,gBAAAqB,EAACC,GAAA,EAAmB,GAAGtB,GAAY,YAAAC,EAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhF;"}
+{"version":3,"file":"DataView.js","sources":["../../../../src/components/Common/DataView/DataView.tsx"],"sourcesContent":["import { useMemo, useRef } from 'react'\nimport { PaginationControl } from '../PaginationControl/PaginationControl'\nimport type { TableProps } from '../UI/Table/TableTypes'\nimport styles from './DataView.module.scss'\nimport { DataTable } from './DataTable/DataTable'\nimport type { useDataViewPropReturn, SelectionMode } from './useDataView'\nimport { DataCards } from './DataCards/DataCards'\nimport type { useContainerBreakpointsProps } from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\nimport useContainerBreakpoints from '@/hooks/useContainerBreakpoints/useContainerBreakpoints'\n\nexport type DataViewProps<T> = {\n  columns: useDataViewPropReturn<T>['columns']\n  data: T[]\n  pagination?: useDataViewPropReturn<T>['pagination']\n  label: string\n  itemMenu?: useDataViewPropReturn<T>['itemMenu']\n  onSelect?: useDataViewPropReturn<T>['onSelect']\n  isItemSelected?: useDataViewPropReturn<T>['isItemSelected']\n  breakAt?: string\n  breakpoints?: useContainerBreakpointsProps['breakpoints']\n  footer?: useDataViewPropReturn<T>['footer']\n  isFetching?: boolean\n  variant?: TableProps['variant']\n  emptyState?: useDataViewPropReturn<T>['emptyState']\n  selectionMode?: SelectionMode\n}\n\nexport const DataView = <T,>({\n  pagination,\n  isFetching,\n  breakAt = 'small',\n  breakpoints: customBreakpoints,\n  footer,\n  variant,\n  emptyState,\n  selectionMode,\n  ...dataViewProps\n}: DataViewProps<T>) => {\n  const containerRef = useRef<HTMLElement | null>(null)\n  const breakpoints = useContainerBreakpoints({\n    ref: containerRef,\n    breakpoints: customBreakpoints,\n  })\n\n  // Wait for breakpoints to be detected before rendering\n  const isBreakpointsDetected = breakpoints.length > 0\n  const isMobile = !breakpoints.includes(breakAt)\n\n  const Component = useMemo(() => {\n    return isMobile ? DataCards : DataTable\n  }, [isMobile])\n\n  return (\n    <div\n      data-testid=\"data-view\"\n      className={styles.dataViewContainer}\n      ref={ref => {\n        containerRef.current = ref\n      }}\n    >\n      {isBreakpointsDetected && (\n        <Component\n          {...dataViewProps}\n          footer={footer}\n          variant={variant}\n          emptyState={emptyState}\n          selectionMode={selectionMode}\n        />\n      )}\n      {pagination && <PaginationControl {...pagination} isFetching={isFetching} />}\n    </div>\n  )\n}\n"],"names":["DataView","pagination","isFetching","breakAt","customBreakpoints","footer","variant","emptyState","selectionMode","dataViewProps","containerRef","useRef","breakpoints","useContainerBreakpoints","isBreakpointsDetected","isMobile","Component","useMemo","DataCards","DataTable","jsxs","styles","ref","jsx","PaginationControl"],"mappings":";;;;;;;AA2BO,MAAMA,IAAW,CAAK;AAAA,EAC3B,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAaC;AAAA,EACb,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,EACA,GAAGC;AACL,MAAwB;AACtB,QAAMC,IAAeC,EAA2B,IAAI,GAC9CC,IAAcC,EAAwB;AAAA,IAC1C,KAAKH;AAAA,IACL,aAAaN;AAAA,EAAA,CACd,GAGKU,IAAwBF,EAAY,SAAS,GAC7CG,IAAW,CAACH,EAAY,SAAST,CAAO,GAExCa,IAAYC,EAAQ,MACjBF,IAAWG,IAAYC,GAC7B,CAACJ,CAAQ,CAAC;AAEb,SACE,gBAAAK;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAY;AAAA,MACZ,WAAWC,EAAO;AAAA,MAClB,KAAK,CAAAC,MAAO;AACV,QAAAZ,EAAa,UAAUY;AAAA,MACzB;AAAA,MAEC,UAAA;AAAA,QAAAR,KACC,gBAAAS;AAAA,UAACP;AAAA,UAAA;AAAA,YACE,GAAGP;AAAA,YACJ,QAAAJ;AAAA,YACA,SAAAC;AAAA,YACA,YAAAC;AAAA,YACA,eAAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAGHP,KAAc,gBAAAsB,EAACC,GAAA,EAAmB,GAAGvB,GAAY,YAAAC,EAAA,CAAwB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGhF;"}

package/dist/components/Common/DataView/useDataView.d.ts

@@ -1,4 +1,5 @@
 import { PaginationControlProps } from '../PaginationControl/PaginationControlTypes';
+export type SelectionMode = 'multiple' | 'single';
 type DataViewColumn<T> = {
     key: keyof T;
     title: string | React.ReactNode;
@@ -15,9 +16,11 @@ export type useDataViewProp<T> = {
     pagination?: PaginationControlProps;
     itemMenu?: (item: T) => React.ReactNode;
     onSelect?: (item: T, checked: boolean) => void;
+    isItemSelected?: (item: T, index: number) => boolean;
     emptyState?: () => React.ReactNode;
     footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>;
     isFetching?: boolean;
+    selectionMode?: SelectionMode;
 };
 export type useDataViewPropReturn<T> = {
     pagination?: PaginationControlProps;
@@ -25,9 +28,11 @@ export type useDataViewPropReturn<T> = {
     columns: DataViewColumn<T>[];
     itemMenu?: (item: T) => React.ReactNode;
     onSelect?: (item: T, checked: boolean) => void;
+    isItemSelected?: (item: T, index: number) => boolean;
     emptyState?: () => React.ReactNode;
     footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>;
     isFetching?: boolean;
+    selectionMode?: SelectionMode;
 };
-export declare const useDataView: <T>({ columns, data, itemMenu, onSelect, pagination, emptyState, footer, isFetching, }: useDataViewProp<T>) => useDataViewPropReturn<T>;
+export declare const useDataView: <T>({ columns, data, itemMenu, onSelect, isItemSelected, pagination, emptyState, footer, isFetching, selectionMode, }: useDataViewProp<T>) => useDataViewPropReturn<T>;
 export {};

package/dist/components/Common/DataView/useDataView.js

@@ -1,24 +1,39 @@
-import { useMemo as a } from "react";
-const x = ({
+import { useMemo as D } from "react";
+const j = ({
   columns: r,
-  data: s,
-  itemMenu: o,
-  onSelect: w,
-  pagination: V,
-  emptyState: p,
-  footer: u,
-  isFetching: P
-}) => a(() => ({
-  pagination: V,
-  data: s,
+  data: w,
+  itemMenu: V,
+  onSelect: p,
+  isItemSelected: s,
+  pagination: u,
+  emptyState: P,
+  footer: a,
+  isFetching: o,
+  selectionMode: x
+}) => D(() => ({
+  pagination: u,
+  data: w,
   columns: r,
-  itemMenu: o,
-  onSelect: w,
-  emptyState: p,
-  footer: u,
-  isFetching: P
-}), [V, s, r, o, w, p, u, P]);
+  itemMenu: V,
+  onSelect: p,
+  isItemSelected: s,
+  emptyState: P,
+  footer: a,
+  isFetching: o,
+  selectionMode: x
+}), [
+  u,
+  w,
+  r,
+  V,
+  p,
+  s,
+  P,
+  a,
+  o,
+  x
+]);
 export {
-  x as useDataView
+  j as useDataView
 };
 //# sourceMappingURL=useDataView.js.map

package/dist/components/Common/DataView/useDataView.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDataView.js","sources":["../../../../src/components/Common/DataView/useDataView.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\ntype DataViewColumn<T> =\n  | {\n      key: keyof T\n      title: string | React.ReactNode\n      render?: (item: T) => React.ReactNode\n    }\n  | {\n      key?: string\n      title: string | React.ReactNode\n      render: (item: T) => React.ReactNode\n    }\n\n// Type for footer object keys - allows data keys and custom string keys\ntype FooterKeys<T> = keyof T | string\n\nexport type useDataViewProp<T> = {\n  columns: DataViewColumn<T>[]\n  data: T[]\n  pagination?: PaginationControlProps\n  itemMenu?: (item: T) => React.ReactNode\n  onSelect?: (item: T, checked: boolean) => void\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n}\n\nexport type useDataViewPropReturn<T> = {\n  pagination?: PaginationControlProps\n  data: T[]\n  columns: DataViewColumn<T>[]\n  itemMenu?: (item: T) => React.ReactNode\n  onSelect?: (item: T, checked: boolean) => void\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n}\n\nexport const useDataView = <T>({\n  columns,\n  data,\n  itemMenu,\n  onSelect,\n  pagination,\n  emptyState,\n  footer,\n  isFetching,\n}: useDataViewProp<T>): useDataViewPropReturn<T> => {\n  const dataViewProps = useMemo(() => {\n    return {\n      pagination,\n      data,\n      columns,\n      itemMenu,\n      onSelect,\n      emptyState,\n      footer,\n      isFetching,\n    }\n  }, [pagination, data, columns, itemMenu, onSelect, emptyState, footer, isFetching])\n\n  return dataViewProps\n}\n"],"names":["useDataView","columns","data","itemMenu","onSelect","pagination","emptyState","footer","isFetching","useMemo"],"mappings":";AAwCO,MAAMA,IAAc,CAAI;AAAA,EAC7B,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AACF,MACwBC,EAAQ,OACrB;AAAA,EACL,YAAAJ;AAAA,EACA,MAAAH;AAAA,EACA,SAAAD;AAAA,EACA,UAAAE;AAAA,EACA,UAAAC;AAAA,EACA,YAAAE;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,IAED,CAACH,GAAYH,GAAMD,GAASE,GAAUC,GAAUE,GAAYC,GAAQC,CAAU,CAAC;"}
+{"version":3,"file":"useDataView.js","sources":["../../../../src/components/Common/DataView/useDataView.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport type { PaginationControlProps } from '@/components/Common/PaginationControl/PaginationControlTypes'\n\nexport type SelectionMode = 'multiple' | 'single'\n\ntype DataViewColumn<T> =\n  | {\n      key: keyof T\n      title: string | React.ReactNode\n      render?: (item: T) => React.ReactNode\n    }\n  | {\n      key?: string\n      title: string | React.ReactNode\n      render: (item: T) => React.ReactNode\n    }\n\ntype FooterKeys<T> = keyof T | string\n\nexport type useDataViewProp<T> = {\n  columns: DataViewColumn<T>[]\n  data: T[]\n  pagination?: PaginationControlProps\n  itemMenu?: (item: T) => React.ReactNode\n  onSelect?: (item: T, checked: boolean) => void\n  isItemSelected?: (item: T, index: number) => boolean\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n  selectionMode?: SelectionMode\n}\n\nexport type useDataViewPropReturn<T> = {\n  pagination?: PaginationControlProps\n  data: T[]\n  columns: DataViewColumn<T>[]\n  itemMenu?: (item: T) => React.ReactNode\n  onSelect?: (item: T, checked: boolean) => void\n  isItemSelected?: (item: T, index: number) => boolean\n  emptyState?: () => React.ReactNode\n  footer?: () => Partial<Record<FooterKeys<T>, React.ReactNode>>\n  isFetching?: boolean\n  selectionMode?: SelectionMode\n}\n\nexport const useDataView = <T>({\n  columns,\n  data,\n  itemMenu,\n  onSelect,\n  isItemSelected,\n  pagination,\n  emptyState,\n  footer,\n  isFetching,\n  selectionMode,\n}: useDataViewProp<T>): useDataViewPropReturn<T> => {\n  const dataViewProps = useMemo(() => {\n    return {\n      pagination,\n      data,\n      columns,\n      itemMenu,\n      onSelect,\n      isItemSelected,\n      emptyState,\n      footer,\n      isFetching,\n      selectionMode,\n    }\n  }, [\n    pagination,\n    data,\n    columns,\n    itemMenu,\n    onSelect,\n    isItemSelected,\n    emptyState,\n    footer,\n    isFetching,\n    selectionMode,\n  ])\n\n  return dataViewProps\n}\n"],"names":["useDataView","columns","data","itemMenu","onSelect","isItemSelected","pagination","emptyState","footer","isFetching","selectionMode","useMemo"],"mappings":";AA6CO,MAAMA,IAAc,CAAI;AAAA,EAC7B,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAC;AAAA,EACA,YAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AACF,MACwBC,EAAQ,OACrB;AAAA,EACL,YAAAL;AAAA,EACA,MAAAJ;AAAA,EACA,SAAAD;AAAA,EACA,UAAAE;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,YAAAE;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC;AAAA,IAED;AAAA,EACDJ;AAAA,EACAJ;AAAA,EACAD;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAE;AAAA,EACAC;AAAA,EACAC;AAAA,EACAC;AAAA,CACD;"}

package/dist/components/Common/DocumentList/DocumentList.js

@@ -1,40 +1,40 @@
-import { jsxs as f, jsx as t, Fragment as h } from "react/jsx-runtime";
-import { EmptyData as g } from "../EmptyData/EmptyData.js";
-import i from "./DocumentList.module.scss.js";
-import { useComponentContext as C } from "../../../contexts/ComponentAdapter/useComponentContext.js";
-import { useDataView as v } from "../DataView/useDataView.js";
-import { DataView as x } from "../DataView/DataView.js";
-function j({
-  forms: s,
+import { jsxs as g, jsx as t, Fragment as h } from "react/jsx-runtime";
+import { EmptyData as f } from "../EmptyData/EmptyData.js";
+import n from "./DocumentList.module.scss.js";
+import { useComponentContext as x } from "../../../contexts/ComponentAdapter/useComponentContext.js";
+import { useDataView as C } from "../DataView/useDataView.js";
+import { DataView as w } from "../DataView/DataView.js";
+function V({
+  forms: o,
   canSign: a = !0,
-  onRequestSign: c,
-  withError: m = !1,
+  onRequestSign: m,
+  withError: c = !1,
   label: d,
-  columnLabels: o,
-  statusLabels: n,
+  columnLabels: s,
+  statusLabels: r,
   emptyStateLabel: l,
   errorLabel: p
 }) {
-  const r = C(), { ...u } = v({
-    data: s,
+  const e = x(), { ...u } = C({
+    data: o,
     columns: [
       {
-        title: o.form,
-        render: (e) => /* @__PURE__ */ f(h, { children: [
-          /* @__PURE__ */ t("div", { className: i.formTitle, children: e.title }),
-          /* @__PURE__ */ t("div", { className: i.formDescription, children: e.description })
+        title: s.form,
+        render: (i) => /* @__PURE__ */ g(h, { children: [
+          /* @__PURE__ */ t(e.Text, { weight: "medium", size: "sm", children: i.title }),
+          /* @__PURE__ */ t(e.Text, { variant: "supporting", size: "sm", children: i.description })
         ] })
       },
       {
-        title: o.action,
-        render: (e) => /* @__PURE__ */ t("div", { className: i.statusCell, children: e.requires_signing ? a ? /* @__PURE__ */ t(r.Button, { variant: "secondary", onClick: () => c?.(e), children: n.signCta }) : /* @__PURE__ */ t(r.Badge, { status: "warning", children: n.notSigned }) : /* @__PURE__ */ t(r.Badge, { status: "success", children: n.complete }) })
+        title: s.action,
+        render: (i) => /* @__PURE__ */ t("div", { className: n.statusCell, children: i.requires_signing ? a ? /* @__PURE__ */ t(e.Button, { variant: "secondary", onClick: () => m?.(i), children: r.signCta }) : /* @__PURE__ */ t(e.Badge, { status: "warning", children: r.notSigned }) : /* @__PURE__ */ t(e.Badge, { status: "success", children: r.complete }) })
       }
     ],
-    emptyState: () => m ? /* @__PURE__ */ t(r.Text, { className: i.documentListError, children: p }) : /* @__PURE__ */ t(g, { title: l })
+    emptyState: () => c ? /* @__PURE__ */ t(e.Text, { className: n.documentListError, children: p }) : /* @__PURE__ */ t(f, { title: l })
   });
-  return /* @__PURE__ */ t("div", { className: i.documentList, children: /* @__PURE__ */ t(x, { label: d, ...u }) });
+  return /* @__PURE__ */ t("div", { className: n.documentList, children: /* @__PURE__ */ t(w, { label: d, ...u }) });
 }
 export {
-  j as DocumentList
+  V as DocumentList
 };
 //# sourceMappingURL=DocumentList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DocumentList.js","sources":["../../../../src/components/Common/DocumentList/DocumentList.tsx"],"sourcesContent":["import { DataView, useDataView } from '../DataView'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport styles from './DocumentList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FormData {\n  uuid: string\n  title?: string\n  description?: string\n  requires_signing?: boolean\n}\n\ninterface DocumentListProps {\n  forms: FormData[]\n  canSign?: boolean\n  onRequestSign?: (form: FormData) => void\n  withError?: boolean\n  label: string\n  columnLabels: {\n    form: string\n    action: string\n  }\n  statusLabels: {\n    signCta: string\n    notSigned: string\n    complete: string\n  }\n  emptyStateLabel: string\n  errorLabel: string\n}\n\nfunction DocumentList({\n  forms,\n  canSign = true,\n  onRequestSign,\n  withError = false,\n  label,\n  columnLabels,\n  statusLabels,\n  emptyStateLabel,\n  errorLabel,\n}: DocumentListProps) {\n  const Components = useComponentContext()\n  const { ...dataViewProps } = useDataView({\n    data: forms,\n    columns: [\n      {\n        title: columnLabels.form,\n        render: (form: FormData) => (\n          <>\n            <div className={styles.formTitle}>{form.title}</div>\n            <div className={styles.formDescription}>{form.description}</div>\n          </>\n        ),\n      },\n      {\n        title: columnLabels.action,\n        render: (form: FormData) => (\n          <div className={styles.statusCell}>\n            {form.requires_signing ? (\n              canSign ? (\n                <Components.Button variant=\"secondary\" onClick={() => onRequestSign?.(form)}>\n                  {statusLabels.signCta}\n                </Components.Button>\n              ) : (\n                <Components.Badge status=\"warning\">{statusLabels.notSigned}</Components.Badge>\n              )\n            ) : (\n              <Components.Badge status=\"success\">{statusLabels.complete}</Components.Badge>\n            )}\n          </div>\n        ),\n      },\n    ],\n    emptyState: () =>\n      withError ? (\n        <Components.Text className={styles.documentListError}>{errorLabel}</Components.Text>\n      ) : (\n        <EmptyData title={emptyStateLabel} />\n      ),\n  })\n\n  return (\n    <div className={styles.documentList}>\n      <DataView label={label} {...dataViewProps} />\n    </div>\n  )\n}\n\nexport { DocumentList }\n"],"names":["DocumentList","forms","canSign","onRequestSign","withError","label","columnLabels","statusLabels","emptyStateLabel","errorLabel","Components","useComponentContext","dataViewProps","useDataView","form","jsxs","Fragment","jsx","styles","EmptyData","DataView"],"mappings":";;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMZ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOK,EAAa;AAAA,QACpB,QAAQ,CAACQ,MACP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,WAAY,YAAK,OAAM;AAAA,4BAC7C,OAAA,EAAI,WAAWA,EAAO,iBAAkB,YAAK,YAAA,CAAY;AAAA,QAAA,EAAA,CAC5D;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAOZ,EAAa;AAAA,QACpB,QAAQ,CAACQ,wBACN,OAAA,EAAI,WAAWI,EAAO,YACpB,UAAAJ,EAAK,mBACJZ,IACE,gBAAAe,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMP,IAAgBW,CAAI,GACvE,UAAAP,EAAa,SAChB,IAEA,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,WAAU,IAG7D,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAS,EAAA,CAE9D;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,YAAY,MACVH,IACE,gBAAAa,EAACP,EAAW,MAAX,EAAgB,WAAWQ,EAAO,mBAAoB,UAAAT,EAAA,CAAW,IAElE,gBAAAQ,EAACE,GAAA,EAAU,OAAOX,EAAA,CAAiB;AAAA,EAAA,CAExC;AAED,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,4BAACE,GAAA,EAAS,OAAAf,GAAe,GAAGO,EAAA,CAAe,EAAA,CAC7C;AAEJ;"}
+{"version":3,"file":"DocumentList.js","sources":["../../../../src/components/Common/DocumentList/DocumentList.tsx"],"sourcesContent":["import { DataView, useDataView } from '../DataView'\nimport { EmptyData } from '../EmptyData/EmptyData'\nimport styles from './DocumentList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport interface FormData {\n  uuid: string\n  title?: string\n  description?: string\n  requires_signing?: boolean\n}\n\ninterface DocumentListProps {\n  forms: FormData[]\n  canSign?: boolean\n  onRequestSign?: (form: FormData) => void\n  withError?: boolean\n  label: string\n  columnLabels: {\n    form: string\n    action: string\n  }\n  statusLabels: {\n    signCta: string\n    notSigned: string\n    complete: string\n  }\n  emptyStateLabel: string\n  errorLabel: string\n}\n\nfunction DocumentList({\n  forms,\n  canSign = true,\n  onRequestSign,\n  withError = false,\n  label,\n  columnLabels,\n  statusLabels,\n  emptyStateLabel,\n  errorLabel,\n}: DocumentListProps) {\n  const Components = useComponentContext()\n  const { ...dataViewProps } = useDataView({\n    data: forms,\n    columns: [\n      {\n        title: columnLabels.form,\n        render: (form: FormData) => (\n          <>\n            <Components.Text weight=\"medium\" size=\"sm\">\n              {form.title}\n            </Components.Text>\n            <Components.Text variant=\"supporting\" size=\"sm\">\n              {form.description}\n            </Components.Text>\n          </>\n        ),\n      },\n      {\n        title: columnLabels.action,\n        render: (form: FormData) => (\n          <div className={styles.statusCell}>\n            {form.requires_signing ? (\n              canSign ? (\n                <Components.Button variant=\"secondary\" onClick={() => onRequestSign?.(form)}>\n                  {statusLabels.signCta}\n                </Components.Button>\n              ) : (\n                <Components.Badge status=\"warning\">{statusLabels.notSigned}</Components.Badge>\n              )\n            ) : (\n              <Components.Badge status=\"success\">{statusLabels.complete}</Components.Badge>\n            )}\n          </div>\n        ),\n      },\n    ],\n    emptyState: () =>\n      withError ? (\n        <Components.Text className={styles.documentListError}>{errorLabel}</Components.Text>\n      ) : (\n        <EmptyData title={emptyStateLabel} />\n      ),\n  })\n\n  return (\n    <div className={styles.documentList}>\n      <DataView label={label} {...dataViewProps} />\n    </div>\n  )\n}\n\nexport { DocumentList }\n"],"names":["DocumentList","forms","canSign","onRequestSign","withError","label","columnLabels","statusLabels","emptyStateLabel","errorLabel","Components","useComponentContext","dataViewProps","useDataView","form","jsxs","Fragment","jsx","styles","EmptyData","DataView"],"mappings":";;;;;;AA+BA,SAASA,EAAa;AAAA,EACpB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,eAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,YAAAC;AACF,GAAsB;AACpB,QAAMC,IAAaC,EAAA,GACb,EAAE,GAAGC,EAAA,IAAkBC,EAAY;AAAA,IACvC,MAAMZ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,QACE,OAAOK,EAAa;AAAA,QACpB,QAAQ,CAACQ,MACP,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,UAAA,gBAAAC,EAACP,EAAW,MAAX,EAAgB,QAAO,UAAS,MAAK,MACnC,YAAK,MAAA,CACR;AAAA,UACA,gBAAAO,EAACP,EAAW,MAAX,EAAgB,SAAQ,cAAa,MAAK,MACxC,UAAAI,EAAK,YAAA,CACR;AAAA,QAAA,EAAA,CACF;AAAA,MAAA;AAAA,MAGJ;AAAA,QACE,OAAOR,EAAa;AAAA,QACpB,QAAQ,CAACQ,wBACN,OAAA,EAAI,WAAWI,EAAO,YACpB,UAAAJ,EAAK,mBACJZ,IACE,gBAAAe,EAACP,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAAS,MAAMP,IAAgBW,CAAI,GACvE,UAAAP,EAAa,SAChB,IAEA,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,WAAU,IAG7D,gBAAAU,EAACP,EAAW,OAAX,EAAiB,QAAO,WAAW,UAAAH,EAAa,UAAS,EAAA,CAE9D;AAAA,MAAA;AAAA,IAEJ;AAAA,IAEF,YAAY,MACVH,IACE,gBAAAa,EAACP,EAAW,MAAX,EAAgB,WAAWQ,EAAO,mBAAoB,UAAAT,EAAA,CAAW,IAElE,gBAAAQ,EAACE,GAAA,EAAU,OAAOX,EAAA,CAAiB;AAAA,EAAA,CAExC;AAED,SACE,gBAAAS,EAAC,OAAA,EAAI,WAAWC,EAAO,cACrB,4BAACE,GAAA,EAAS,OAAAf,GAAe,GAAGO,EAAA,CAAe,EAAA,CAC7C;AAEJ;"}

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

@@ -1,16 +1,12 @@
-const t = "_documentList_y7zef_1", o = "_formTitle_y7zef_8", s = "_formDescription_y7zef_12", e = "_statusCell_y7zef_16", r = "_documentListError_y7zef_20", c = {
+const t = "_documentList_y7zef_1", s = "_statusCell_y7zef_16", e = "_documentListError_y7zef_20", o = {
   documentList: t,
-  formTitle: o,
-  formDescription: s,
-  statusCell: e,
-  documentListError: r
+  statusCell: s,
+  documentListError: e
 };
 export {
-  c as default,
+  o as default,
   t as documentList,
-  r as documentListError,
-  s as formDescription,
-  o as formTitle,
-  e as statusCell
+  e as documentListError,
+  s as statusCell
 };
 //# sourceMappingURL=DocumentList.module.scss.js.map

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

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

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

@@ -1,18 +1,18 @@
-const n = "_container_1ux7f_1", d = "_embedPdf_1ux7f_4", e = "_smallEmbedPdfContainer_1ux7f_9", o = "_smallEmbedPdf_1ux7f_9", s = "_heading_1ux7f_23", t = "_downloadInstructions_1ux7f_26", a = {
+const n = "_container_xao0m_1", o = "_embedPdf_xao0m_4", d = "_smallEmbedPdfContainer_xao0m_9", a = "_smallEmbedPdf_xao0m_9", e = "_heading_xao0m_23", s = "_downloadInstructions_xao0m_26", t = {
   container: n,
-  embedPdf: d,
-  smallEmbedPdfContainer: e,
-  smallEmbedPdf: o,
-  heading: s,
-  downloadInstructions: t
+  embedPdf: o,
+  smallEmbedPdfContainer: d,
+  smallEmbedPdf: a,
+  heading: e,
+  downloadInstructions: s
 };
 export {
   n as container,
-  a as default,
-  t as downloadInstructions,
-  d as embedPdf,
-  s as heading,
-  o as smallEmbedPdf,
-  e as smallEmbedPdfContainer
+  t as default,
+  s as downloadInstructions,
+  o as embedPdf,
+  e as heading,
+  a as smallEmbedPdf,
+  d as smallEmbedPdfContainer
 };
 //# sourceMappingURL=DocumentViewer.module.scss.js.map

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

@@ -1,4 +1,4 @@
-const n = "_inlineSpinner_by46n_1", e = "_spinnerIcon_by46n_7", i = {
+const n = "_inlineSpinner_6ut1u_1", e = "_spinnerIcon_6ut1u_7", i = {
   inlineSpinner: n,
   spinnerIcon: e
 };

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

@@ -1,11 +1,11 @@
-const r = "_internalErrorCardTitle_nf5ok_1", e = "_internalErrorCard_nf5ok_1", n = "_errorMessage_nf5ok_19", a = {
+const r = "_internalErrorCardTitle_im0am_1", e = "_internalErrorCard_im0am_1", a = "_errorMessage_im0am_19", n = {
   internalErrorCardTitle: r,
   internalErrorCard: e,
-  errorMessage: n
+  errorMessage: a
 };
 export {
-  a as default,
-  n as errorMessage,
+  n as default,
+  a as errorMessage,
   e as internalErrorCard,
   r as internalErrorCardTitle
 };

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

@@ -1,7 +1,7 @@
-const e = "_reorderableList_q2syr_1", r = "_disabled_q2syr_10", o = "_reorderableItem_q2syr_10", n = "_contentContainer_q2syr_16", t = "_dragging_q2syr_37", s = "_reordering_q2syr_40", d = "_dragHandle_q2syr_45", _ = "_dropZoneContainer_q2syr_71", i = "_dropZone_q2syr_71", a = "_isHighlighted_q2syr_89", g = "_activeDropZone_q2syr_89", c = {
+const e = "_reorderableList_soqel_1", o = "_disabled_soqel_10", r = "_reorderableItem_soqel_10", n = "_contentContainer_soqel_16", t = "_dragging_soqel_37", s = "_reordering_soqel_40", d = "_dragHandle_soqel_45", _ = "_dropZoneContainer_soqel_71", i = "_dropZone_soqel_71", a = "_isHighlighted_soqel_89", l = "_activeDropZone_soqel_89", g = {
   reorderableList: e,
-  disabled: r,
-  reorderableItem: o,
+  disabled: o,
+  reorderableItem: r,
   contentContainer: n,
   dragging: t,
   reordering: s,
@@ -9,19 +9,19 @@ const e = "_reorderableList_q2syr_1", r = "_disabled_q2syr_10", o = "_reorderabl
   dropZoneContainer: _,
   dropZone: i,
   isHighlighted: a,
-  activeDropZone: g
+  activeDropZone: l
 };
 export {
-  g as activeDropZone,
+  l as activeDropZone,
   n as contentContainer,
-  c as default,
-  r as disabled,
+  g as default,
+  o as disabled,
   d as dragHandle,
   t as dragging,
   i as dropZone,
   _ as dropZoneContainer,
   a as isHighlighted,
-  o as reorderableItem,
+  r as reorderableItem,
   e as reorderableList,
   s as reordering
 };

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

@@ -1,4 +1,4 @@
-const s = "_list_19wwb_1", t = "_listItem_19wwb_12", c = "_listItemIcon_19wwb_29", e = "_success_19wwb_42", _ = {
+const s = "_list_1bks2_1", t = "_listItem_1bks2_12", c = "_listItemIcon_1bks2_29", e = "_success_1bks2_42", _ = {
   list: s,
   listItem: t,
   listItemIcon: c,

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

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

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

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

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

@@ -1,10 +1,11 @@
 import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import "../../../shared/constants.js";
+import "classnames";
 import { ActionsLayout as p } from "../ActionsLayout/ActionsLayout.js";
 import "react-i18next";
 import { useComponentContext as s } from "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
-function x({
+function y({
   onBack: t,
   backLabel: r,
   submitLabel: i,
@@ -17,6 +18,6 @@ function x({
   ] });
 }
 export {
-  x as SignatureFormActions
+  y as SignatureFormActions
 };
 //# sourceMappingURL=SignatureFormActions.js.map

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

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

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

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

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

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

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

@@ -1,20 +1,20 @@
-const o = "_root_jh0c6_1", n = "_alert_jh0c6_4", t = "_header_jh0c6_18", c = "_iconLabelContainer_jh0c6_23", e = "_icon_jh0c6_23", _ = "_content_jh0c6_44", s = "_dismiss_jh0c6_51", i = {
+const o = "_root_s8mkw_1", s = "_alert_s8mkw_4", n = "_header_s8mkw_18", t = "_iconLabelContainer_s8mkw_23", e = "_icon_s8mkw_23", _ = "_content_s8mkw_44", c = "_dismiss_s8mkw_51", i = {
   root: o,
-  alert: n,
-  header: t,
-  iconLabelContainer: c,
+  alert: s,
+  header: n,
+  iconLabelContainer: t,
   icon: e,
   content: _,
-  dismiss: s
+  dismiss: c
 };
 export {
-  n as alert,
+  s as alert,
   _ as content,
   i as default,
-  s as dismiss,
-  t as header,
+  c as dismiss,
+  n as header,
   e as icon,
-  c as iconLabelContainer,
+  t as iconLabelContainer,
   o as root
 };
 //# sourceMappingURL=Alert.module.scss.js.map

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

@@ -1,4 +1,4 @@
-const t = "_banner_igmbf_1", e = "_header_igmbf_12", n = "_title_igmbf_19", _ = "_content_igmbf_25", o = {
+const t = "_banner_1v6k8_1", e = "_header_1v6k8_12", n = "_title_1v6k8_19", _ = "_content_1v6k8_25", o = {
   banner: t,
   header: e,
   title: n,