@gusto/embedded-react-sdk 0.11.1 → 0.11.3-rc.1

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

@@ -1,8 +1,8 @@
-const o = "_form_1rngm_1", r = {
+const o = "_form_gdv4k_1", s = {
   form: o
 };
 export {
-  r as default,
+  s as default,
   o as form
 };
 //# sourceMappingURL=Form.module.scss.js.map

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

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { CustomPropertyValue, Responsive, ResponsiveSpacing } from '../../../helpers/responsive';
+import { CustomPropertyValue, Responsive } from '../../../helpers/responsive';
 type Flow = 'row' | 'column' | 'row dense' | 'column dense';
 type Alignment = 'start' | 'end' | 'center' | 'stretch';
 export interface GridProps {
     children: ReactNode;
-    gap?: ResponsiveSpacing;
+    gap?: Responsive<CustomPropertyValue>;
     gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>;
     gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>;
     gridTemplateAreas?: Responsive<string>;

package/dist/components/Common/Grid/Grid.js

@@ -1,32 +1,32 @@
-import { jsx as e } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
 import c from "classnames";
 import r from "./Grid.module.scss.js";
-import { setResponsiveCustomProperties as g, transformResponsiveSpacingValue as u } from "../../../helpers/responsive.js";
-function w({
-  children: t,
+import { setResponsiveCustomProperties as g } from "../../../helpers/responsive.js";
+function N({
+  children: e,
   gap: s = 24,
   gridTemplateColumns: i = ["1fr"],
   gridTemplateRows: o,
   gridTemplateAreas: m,
   gridAutoFlow: a,
-  alignItems: n,
-  justifyItems: p,
-  justifyContent: l,
+  alignItems: l,
+  justifyItems: n,
+  justifyContent: p,
   className: d
 }) {
   const f = g({
-    gap: u(s),
+    gap: s,
     "grid-template-columns": i,
     "grid-template-rows": o,
     "grid-template-areas": m,
     "grid-auto-flow": a,
-    "align-items": n,
-    "justify-items": p,
-    "justify-content": l
+    "align-items": l,
+    "justify-items": n,
+    "justify-content": p
   });
-  return /* @__PURE__ */ e("div", { className: c(r.gridContainer, d), children: /* @__PURE__ */ e("div", { className: r.grid, style: f, children: t }) });
+  return /* @__PURE__ */ t("div", { className: c(r.gridContainer, d), children: /* @__PURE__ */ t("div", { className: r.grid, style: f, children: e }) });
 }
 export {
-  w as Grid
+  N as Grid
 };
 //# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../src/components/Common/Grid/Grid.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cn from 'classnames'\nimport styles from './Grid.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  transformResponsiveSpacingValue,\n  type CustomPropertyValue,\n  type Responsive,\n  type ResponsiveSpacing,\n} from '@/helpers/responsive'\n\ntype Flow = 'row' | 'column' | 'row dense' | 'column dense'\ntype Alignment = 'start' | 'end' | 'center' | 'stretch'\n\nexport interface GridProps {\n  children: ReactNode\n  gap?: ResponsiveSpacing\n  gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateAreas?: Responsive<string>\n  gridAutoFlow?: Responsive<Flow>\n  alignItems?: Responsive<Alignment>\n  justifyItems?: Responsive<Alignment>\n  justifyContent?: Responsive<\n    'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'\n  >\n  className?: string\n}\n\nexport function Grid({\n  children,\n  gap = 24,\n  gridTemplateColumns = ['1fr'],\n  gridTemplateRows,\n  gridTemplateAreas,\n  gridAutoFlow,\n  alignItems,\n  justifyItems,\n  justifyContent,\n  className,\n}: GridProps) {\n  const properties = setResponsiveCustomProperties({\n    gap: transformResponsiveSpacingValue(gap),\n    'grid-template-columns': gridTemplateColumns,\n    'grid-template-rows': gridTemplateRows,\n    'grid-template-areas': gridTemplateAreas,\n    'grid-auto-flow': gridAutoFlow,\n    'align-items': alignItems,\n    'justify-items': justifyItems,\n    'justify-content': justifyContent,\n  })\n\n  return (\n    <div className={cn(styles.gridContainer, className)}>\n      <div className={styles.grid} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Grid","children","gap","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridAutoFlow","alignItems","justifyItems","justifyContent","className","properties","setResponsiveCustomProperties","transformResponsiveSpacingValue","cn","styles","jsx"],"mappings":";;;;AA6BO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,qBAAAC,IAAsB,CAAC,KAAK;AAAA,EAC5B,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,KAAKC,EAAgCX,CAAG;AAAA,IACxC,yBAAyBC;AAAA,IACzB,sBAAsBC;AAAA,IACtB,uBAAuBC;AAAA,IACvB,kBAAkBC;AAAA,IAClB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,IACjB,mBAAmBC;AAAA,EAAA,CACpB;AAED,2BACG,OAAI,EAAA,WAAWK,EAAGC,EAAO,eAAeL,CAAS,GAChD,UAAC,gBAAAM,EAAA,OAAA,EAAI,WAAWD,EAAO,MAAM,OAAOJ,GACjC,UAAAV,EACH,CAAA,GACF;AAEJ;"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/Common/Grid/Grid.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\nimport cn from 'classnames'\nimport styles from './Grid.module.scss'\nimport {\n  setResponsiveCustomProperties,\n  type CustomPropertyValue,\n  type Responsive,\n} from '@/helpers/responsive'\n\ntype Flow = 'row' | 'column' | 'row dense' | 'column dense'\ntype Alignment = 'start' | 'end' | 'center' | 'stretch'\n\nexport interface GridProps {\n  children: ReactNode\n  gap?: Responsive<CustomPropertyValue>\n  gridTemplateColumns?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateRows?: Responsive<CustomPropertyValue | CustomPropertyValue[]>\n  gridTemplateAreas?: Responsive<string>\n  gridAutoFlow?: Responsive<Flow>\n  alignItems?: Responsive<Alignment>\n  justifyItems?: Responsive<Alignment>\n  justifyContent?: Responsive<\n    'start' | 'end' | 'center' | 'stretch' | 'space-between' | 'space-around' | 'space-evenly'\n  >\n  className?: string\n}\n\nexport function Grid({\n  children,\n  gap = 24,\n  gridTemplateColumns = ['1fr'],\n  gridTemplateRows,\n  gridTemplateAreas,\n  gridAutoFlow,\n  alignItems,\n  justifyItems,\n  justifyContent,\n  className,\n}: GridProps) {\n  const properties = setResponsiveCustomProperties({\n    gap,\n    'grid-template-columns': gridTemplateColumns,\n    'grid-template-rows': gridTemplateRows,\n    'grid-template-areas': gridTemplateAreas,\n    'grid-auto-flow': gridAutoFlow,\n    'align-items': alignItems,\n    'justify-items': justifyItems,\n    'justify-content': justifyContent,\n  })\n\n  return (\n    <div className={cn(styles.gridContainer, className)}>\n      <div className={styles.grid} style={properties}>\n        {children}\n      </div>\n    </div>\n  )\n}\n"],"names":["Grid","children","gap","gridTemplateColumns","gridTemplateRows","gridTemplateAreas","gridAutoFlow","alignItems","justifyItems","justifyContent","className","properties","setResponsiveCustomProperties","cn","styles","jsx"],"mappings":";;;;AA2BO,SAASA,EAAK;AAAA,EACnB,UAAAC;AAAA,EACA,KAAAC,IAAM;AAAA,EACN,qBAAAC,IAAsB,CAAC,KAAK;AAAA,EAC5B,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,WAAAC;AACF,GAAc;AACZ,QAAMC,IAAaC,EAA8B;AAAA,IAC/C,KAAAV;AAAA,IACA,yBAAyBC;AAAA,IACzB,sBAAsBC;AAAA,IACtB,uBAAuBC;AAAA,IACvB,kBAAkBC;AAAA,IAClB,eAAeC;AAAA,IACf,iBAAiBC;AAAA,IACjB,mBAAmBC;AAAA,EAAA,CACpB;AAED,2BACG,OAAA,EAAI,WAAWI,EAAGC,EAAO,eAAeJ,CAAS,GAChD,UAAA,gBAAAK,EAAC,OAAA,EAAI,WAAWD,EAAO,MAAM,OAAOH,GACjC,UAAAV,GACH,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HamburgerMenu.js","sources":["../../../../src/components/Common/HamburgerMenu/HamburgerMenu.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type HamburgerMenuProps } from './HamburgerMenuTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport HamburgerIcon from '@/assets/icons/hamburger.svg?react'\nimport { useMenu } from '@/components/Common/hooks/useMenu'\n\nexport function HamburgerMenu({\n  items,\n  triggerLabel,\n  menuLabel,\n  onClose,\n  isLoading = false,\n  ...props\n}: HamburgerMenuProps) {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const { triggerProps, menuProps } = useMenu()\n\n  const { ref, ...restTriggerProps } = triggerProps\n\n  return (\n    <>\n      <Components.ButtonIcon\n        isLoading={isLoading}\n        aria-label={triggerLabel || t('labels.openMenu')}\n        buttonRef={ref}\n        {...restTriggerProps}\n      >\n        <HamburgerIcon />\n      </Components.ButtonIcon>\n      <Components.Menu\n        {...menuProps}\n        items={items}\n        aria-label={menuLabel || t('labels.menuLabel')}\n        onClose={onClose || menuProps.onClose}\n        {...props}\n      />\n    </>\n  )\n}\n"],"names":["HamburgerMenu","items","triggerLabel","menuLabel","onClose","isLoading","props","t","useTranslation","Components","useComponentContext","triggerProps","menuProps","useMenu","ref","restTriggerProps","jsxs","Fragment","jsx","HamburgerIcon"],"mappings":";;;;;AAMO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjC,EAAE,cAAAC,GAAc,WAAAC,EAAU,IAAIC,EAAQ,GAEtC,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAqBJ;AAErC,SAEI,gBAAAK,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,WAAAJ;AAAA,QACA,cAAYH,KAAgBK,EAAE,iBAAiB;AAAA,QAC/C,WAAWO;AAAA,QACV,GAAGC;AAAA,QAEJ,4BAACI,GAAc,CAAA,CAAA;AAAA,MAAA;AAAA,IACjB;AAAA,IACA,gBAAAD;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACE,GAAGG;AAAA,QACJ,OAAAX;AAAA,QACA,cAAYE,KAAaI,EAAE,kBAAkB;AAAA,QAC7C,SAASH,KAAWQ,EAAU;AAAA,QAC7B,GAAGN;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}
+{"version":3,"file":"HamburgerMenu.js","sources":["../../../../src/components/Common/HamburgerMenu/HamburgerMenu.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport { type HamburgerMenuProps } from './HamburgerMenuTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport HamburgerIcon from '@/assets/icons/hamburger.svg?react'\nimport { useMenu } from '@/components/Common/hooks/useMenu'\n\nexport function HamburgerMenu({\n  items,\n  triggerLabel,\n  menuLabel,\n  onClose,\n  isLoading = false,\n  ...props\n}: HamburgerMenuProps) {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const { triggerProps, menuProps } = useMenu()\n\n  const { ref, ...restTriggerProps } = triggerProps\n\n  return (\n    <>\n      <Components.ButtonIcon\n        isLoading={isLoading}\n        aria-label={triggerLabel || t('labels.openMenu')}\n        buttonRef={ref}\n        {...restTriggerProps}\n      >\n        <HamburgerIcon />\n      </Components.ButtonIcon>\n      <Components.Menu\n        {...menuProps}\n        items={items}\n        aria-label={menuLabel || t('labels.menuLabel')}\n        onClose={onClose || menuProps.onClose}\n        {...props}\n      />\n    </>\n  )\n}\n"],"names":["HamburgerMenu","items","triggerLabel","menuLabel","onClose","isLoading","props","t","useTranslation","Components","useComponentContext","triggerProps","menuProps","useMenu","ref","restTriggerProps","jsxs","Fragment","jsx","HamburgerIcon"],"mappings":";;;;;AAMO,SAASA,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,GAAGC;AACL,GAAuB;AACrB,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAA,GACb,EAAE,cAAAC,GAAc,WAAAC,EAAA,IAAcC,EAAA,GAE9B,EAAE,KAAAC,GAAK,GAAGC,EAAA,IAAqBJ;AAErC,SACE,gBAAAK,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACC,WAAAJ;AAAA,QACA,cAAYH,KAAgBK,EAAE,iBAAiB;AAAA,QAC/C,WAAWO;AAAA,QACV,GAAGC;AAAA,QAEJ,4BAACI,GAAA,CAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjB,gBAAAD;AAAA,MAACT,EAAW;AAAA,MAAX;AAAA,QACE,GAAGG;AAAA,QACJ,OAAAX;AAAA,QACA,cAAYE,KAAaI,EAAE,kBAAkB;AAAA,QAC7C,SAASH,KAAWQ,EAAU;AAAA,QAC7B,GAAGN;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GACF;AAEJ;"}

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

@@ -1 +1 @@
-{"version":3,"file":"HorizontalFieldLayout.js","sources":["../../../../src/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldDescription } from '../FieldDescription'\nimport styles from './HorizontalFieldLayout.module.scss'\nimport type { HorizontalFieldLayoutProps } from './HorizontalFieldLayoutTypes'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport const HorizontalFieldLayout: React.FC<HorizontalFieldLayoutProps> = ({\n  label,\n  description,\n  descriptionId,\n  errorMessage,\n  errorMessageId,\n  children,\n  htmlFor,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: HorizontalFieldLayoutProps) => {\n  const labelContent = (\n    <label className={styles.label} htmlFor={htmlFor}>\n      {label}\n    </label>\n  )\n\n  const withDescriptionOrErrorMessage = description || errorMessage\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        {\n          [styles.withoutVisibleLabel as string]:\n            shouldVisuallyHideLabel && withDescriptionOrErrorMessage,\n          [styles.withOnlyChildren as string]:\n            shouldVisuallyHideLabel && !withDescriptionOrErrorMessage,\n        },\n        className,\n      )}\n      {...getDataProps(props)}\n    >\n      <div className={styles.children}>{children}</div>\n      {shouldVisuallyHideLabel ? <VisuallyHidden>{labelContent}</VisuallyHidden> : labelContent}\n      <FieldDescription id={descriptionId} className={styles.description}>\n        {description}\n      </FieldDescription>\n      <FieldErrorMessage id={errorMessageId} className={styles.errorMessage}>\n        {errorMessage}\n      </FieldErrorMessage>\n    </div>\n  )\n}\n"],"names":["HorizontalFieldLayout","label","description","descriptionId","errorMessage","errorMessageId","children","htmlFor","className","shouldVisuallyHideLabel","props","labelContent","jsx","styles","withDescriptionOrErrorMessage","jsxs","classNames","getDataProps","VisuallyHidden","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;AAQO,MAAMA,IAA8D,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IACH,gBAAAC,EAAA,SAAA,EAAM,WAAWC,EAAO,OAAO,SAAAN,GAC7B,UACHN,GAAA,GAGIa,IAAgCZ,KAAeE;AAGnD,SAAA,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,mBAA6B,GACnCJ,KAA2BK;AAAA,UAC7B,CAACD,EAAO,gBAA0B,GAChCJ,KAA2B,CAACK;AAAA,QAChC;AAAA,QACAN;AAAA,MACF;AAAA,MACC,GAAGS,EAAaP,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAI,EAAA,WAAWC,EAAO,UAAW,UAAAP,GAAS;AAAA,QAC1CG,IAA0B,gBAAAG,EAACM,GAAgB,EAAA,UAAAP,EAAa,CAAA,IAAoBA;AAAA,0BAC5EQ,GAAiB,EAAA,IAAIhB,GAAe,WAAWU,EAAO,aACpD,UACHX,GAAA;AAAA,0BACCkB,GAAkB,EAAA,IAAIf,GAAgB,WAAWQ,EAAO,cACtD,UACHT,EAAA,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"HorizontalFieldLayout.js","sources":["../../../../src/components/Common/HorizontalFieldLayout/HorizontalFieldLayout.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport { FieldErrorMessage } from '../FieldErrorMessage'\nimport { FieldDescription } from '../FieldDescription'\nimport styles from './HorizontalFieldLayout.module.scss'\nimport type { HorizontalFieldLayoutProps } from './HorizontalFieldLayoutTypes'\nimport { getDataProps } from '@/helpers/getDataProps'\n\nexport const HorizontalFieldLayout: React.FC<HorizontalFieldLayoutProps> = ({\n  label,\n  description,\n  descriptionId,\n  errorMessage,\n  errorMessageId,\n  children,\n  htmlFor,\n  className,\n  shouldVisuallyHideLabel,\n  ...props\n}: HorizontalFieldLayoutProps) => {\n  const labelContent = (\n    <label className={styles.label} htmlFor={htmlFor}>\n      {label}\n    </label>\n  )\n\n  const withDescriptionOrErrorMessage = description || errorMessage\n\n  return (\n    <div\n      className={classNames(\n        styles.root,\n        {\n          [styles.withoutVisibleLabel as string]:\n            shouldVisuallyHideLabel && withDescriptionOrErrorMessage,\n          [styles.withOnlyChildren as string]:\n            shouldVisuallyHideLabel && !withDescriptionOrErrorMessage,\n        },\n        className,\n      )}\n      {...getDataProps(props)}\n    >\n      <div className={styles.children}>{children}</div>\n      {shouldVisuallyHideLabel ? <VisuallyHidden>{labelContent}</VisuallyHidden> : labelContent}\n      <FieldDescription id={descriptionId} className={styles.description}>\n        {description}\n      </FieldDescription>\n      <FieldErrorMessage id={errorMessageId} className={styles.errorMessage}>\n        {errorMessage}\n      </FieldErrorMessage>\n    </div>\n  )\n}\n"],"names":["HorizontalFieldLayout","label","description","descriptionId","errorMessage","errorMessageId","children","htmlFor","className","shouldVisuallyHideLabel","props","labelContent","jsx","styles","withDescriptionOrErrorMessage","jsxs","classNames","getDataProps","VisuallyHidden","FieldDescription","FieldErrorMessage"],"mappings":";;;;;;;AAQO,MAAMA,IAA8D,CAAC;AAAA,EAC1E,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AAAA,EACA,GAAGC;AACL,MAAkC;AAChC,QAAMC,IACJ,gBAAAC,EAAC,SAAA,EAAM,WAAWC,EAAO,OAAO,SAAAN,GAC7B,UAAAN,GACH,GAGIa,IAAgCZ,KAAeE;AAErD,SACE,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTH,EAAO;AAAA,QACP;AAAA,UACE,CAACA,EAAO,mBAA6B,GACnCJ,KAA2BK;AAAA,UAC7B,CAACD,EAAO,gBAA0B,GAChCJ,KAA2B,CAACK;AAAA,QAAA;AAAA,QAEhCN;AAAA,MAAA;AAAA,MAED,GAAGS,EAAaP,CAAK;AAAA,MAEtB,UAAA;AAAA,QAAA,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAO,UAAW,UAAAP,GAAS;AAAA,QAC1CG,IAA0B,gBAAAG,EAACM,GAAA,EAAgB,UAAAP,EAAA,CAAa,IAAoBA;AAAA,0BAC5EQ,GAAA,EAAiB,IAAIhB,GAAe,WAAWU,EAAO,aACpD,UAAAX,GACH;AAAA,0BACCkB,GAAA,EAAkB,IAAIf,GAAgB,WAAWQ,EAAO,cACtD,UAAAT,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,20 +1,20 @@
-const i = "_root_1xjii_1", e = "_withoutVisibleLabel_1xjii_9", t = "_withOnlyChildren_1xjii_12", o = "_children_1xjii_18", l = "_label_1xjii_25", s = "_description_1xjii_36", r = "_errorMessage_1xjii_40", _ = {
+const i = "_root_1lhin_1", e = "_withoutVisibleLabel_1lhin_9", l = "_withOnlyChildren_1lhin_12", n = "_children_1lhin_18", t = "_label_1lhin_25", o = "_description_1lhin_36", s = "_errorMessage_1lhin_40", r = {
   root: i,
   withoutVisibleLabel: e,
-  withOnlyChildren: t,
-  children: o,
-  label: l,
-  description: s,
-  errorMessage: r
+  withOnlyChildren: l,
+  children: n,
+  label: t,
+  description: o,
+  errorMessage: s
 };
 export {
-  o as children,
-  _ as default,
-  s as description,
-  r as errorMessage,
-  l as label,
+  n as children,
+  r as default,
+  o as description,
+  s as errorMessage,
+  t as label,
   i as root,
-  t as withOnlyChildren,
+  l as withOnlyChildren,
   e as withoutVisibleLabel
 };
 //# sourceMappingURL=HorizontalFieldLayout.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"InternalError.js","sources":["../../../../src/components/Common/InternalError/InternalError.tsx"],"sourcesContent":["import type { FallbackProps } from 'react-error-boundary'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './InternalError.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const InternalError = ({ error, resetErrorBoundary }: FallbackProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const errorMessage =\n    typeof error === 'string'\n      ? error\n      : error instanceof Error\n        ? error.message\n        : t('errors.unknownError')\n  return (\n    <div className={styles.internalErrorCard} role=\"alert\" data-testid=\"internal-error-card\">\n      <div>\n        <Components.Heading className={styles.internalErrorCardTitle} as=\"h1\" styledAs=\"h3\">\n          {t('errors.errorHeading')}\n        </Components.Heading>\n        <Components.Text className={styles.errorMessage}>\n          <Trans\n            t={t}\n            i18nKey=\"errors.globalReactError\"\n            values={{ error: errorMessage }}\n            shouldUnescape={true}\n          />\n        </Components.Text>\n      </div>\n      <div>\n        <Components.Button variant=\"secondary\" onClick={resetErrorBoundary}>\n          {t('errors.resetGlobalError')}\n        </Components.Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["InternalError","error","resetErrorBoundary","t","useTranslation","Components","useComponentContext","errorMessage","jsxs","styles","jsx","Trans"],"mappings":";;;;AAKO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAwC;AAC7E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjCC,IACJ,OAAON,KAAU,WACbA,IACAA,aAAiB,QACfA,EAAM,UACNE,EAAE,qBAAqB;AAE7B,SAAA,gBAAAK,EAAC,SAAI,WAAWC,EAAO,mBAAmB,MAAK,SAAQ,eAAY,uBACjE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OACC,EAAA,UAAA;AAAA,MAAA,gBAAAE,EAACL,EAAW,SAAX,EAAmB,WAAWI,EAAO,wBAAwB,IAAG,MAAK,UAAS,MAC5E,UAAEN,EAAA,qBAAqB,EAC1B,CAAA;AAAA,wBACCE,EAAW,MAAX,EAAgB,WAAWI,EAAO,cACjC,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAQ;AAAA,UACR,QAAQ,EAAE,OAAOI,EAAa;AAAA,UAC9B,gBAAgB;AAAA,QAAA;AAAA,MAAA,EAEpB,CAAA;AAAA,IAAA,GACF;AAAA,IACC,gBAAAG,EAAA,OAAA,EACC,UAAC,gBAAAA,EAAAL,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAEC,EAAA,yBAAyB,GAC9B,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"InternalError.js","sources":["../../../../src/components/Common/InternalError/InternalError.tsx"],"sourcesContent":["import type { FallbackProps } from 'react-error-boundary'\nimport { Trans, useTranslation } from 'react-i18next'\nimport styles from './InternalError.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport const InternalError = ({ error, resetErrorBoundary }: FallbackProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const errorMessage =\n    typeof error === 'string'\n      ? error\n      : error instanceof Error\n        ? error.message\n        : t('errors.unknownError')\n  return (\n    <div className={styles.internalErrorCard} role=\"alert\" data-testid=\"internal-error-card\">\n      <div>\n        <Components.Heading className={styles.internalErrorCardTitle} as=\"h1\" styledAs=\"h3\">\n          {t('errors.errorHeading')}\n        </Components.Heading>\n        <Components.Text className={styles.errorMessage}>\n          <Trans\n            t={t}\n            i18nKey=\"errors.globalReactError\"\n            values={{ error: errorMessage }}\n            shouldUnescape={true}\n          />\n        </Components.Text>\n      </div>\n      <div>\n        <Components.Button variant=\"secondary\" onClick={resetErrorBoundary}>\n          {t('errors.resetGlobalError')}\n        </Components.Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["InternalError","error","resetErrorBoundary","t","useTranslation","Components","useComponentContext","errorMessage","jsxs","styles","jsx","Trans"],"mappings":";;;;AAKO,MAAMA,IAAgB,CAAC,EAAE,OAAAC,GAAO,oBAAAC,QAAwC;AAC7E,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAA,GACbC,IACJ,OAAON,KAAU,WACbA,IACAA,aAAiB,QACfA,EAAM,UACNE,EAAE,qBAAqB;AAC/B,SACE,gBAAAK,EAAC,SAAI,WAAWC,EAAO,mBAAmB,MAAK,SAAQ,eAAY,uBACjE,UAAA;AAAA,IAAA,gBAAAD,EAAC,OAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACL,EAAW,SAAX,EAAmB,WAAWI,EAAO,wBAAwB,IAAG,MAAK,UAAS,MAC5E,UAAAN,EAAE,qBAAqB,EAAA,CAC1B;AAAA,wBACCE,EAAW,MAAX,EAAgB,WAAWI,EAAO,cACjC,UAAA,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,GAAAR;AAAA,UACA,SAAQ;AAAA,UACR,QAAQ,EAAE,OAAOI,EAAA;AAAA,UACjB,gBAAgB;AAAA,QAAA;AAAA,MAAA,EAClB,CACF;AAAA,IAAA,GACF;AAAA,IACA,gBAAAG,EAAC,OAAA,EACC,UAAA,gBAAAA,EAACL,EAAW,QAAX,EAAkB,SAAQ,aAAY,SAASH,GAC7C,UAAAC,EAAE,yBAAyB,GAC9B,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const r = "_internalErrorCardTitle_e6ns3_1", e = "_internalErrorCard_e6ns3_1", n = "_errorMessage_e6ns3_19", a = {
+const r = "_internalErrorCardTitle_nf5ok_1", e = "_internalErrorCard_nf5ok_1", n = "_errorMessage_nf5ok_19", a = {
   internalErrorCardTitle: r,
   internalErrorCard: e,
   errorMessage: n

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

@@ -1 +1 @@
-{"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\nexport const Loading = () => {\n  const { t } = useTranslation('common')\n  return (\n    <FadeIn>\n      <section\n        className={styles.skeletonContainer}\n        aria-label={t('status.loading')}\n        aria-live=\"polite\"\n        aria-busy\n      >\n        <div className={cn(styles.skeleton, styles.skeletonBox)}></div>\n      </section>\n    </FadeIn>\n  )\n}\n"],"names":["Loading","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AACrC,2BACGC,GACC,EAAA,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,cAAYJ,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,EAAG,CAAA;AAAA,IAAA;AAAA,EAAA,GAE7D;AAEJ;"}
+{"version":3,"file":"Loading.js","sources":["../../../../src/components/Common/Loading/Loading.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport cn from 'classnames'\nimport styles from './Loading.module.scss'\nimport { FadeIn } from '@/components/Common/FadeIn/FadeIn'\n\nexport const Loading = () => {\n  const { t } = useTranslation('common')\n  return (\n    <FadeIn>\n      <section\n        className={styles.skeletonContainer}\n        aria-label={t('status.loading')}\n        aria-live=\"polite\"\n        aria-busy\n      >\n        <div className={cn(styles.skeleton, styles.skeletonBox)}></div>\n      </section>\n    </FadeIn>\n  )\n}\n"],"names":["Loading","t","useTranslation","FadeIn","jsx","styles","cn"],"mappings":";;;;;AAKO,MAAMA,IAAU,MAAM;AAC3B,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,QAAQ;AACrC,2BACGC,GAAA,EACC,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAO;AAAA,MAClB,cAAYJ,EAAE,gBAAgB;AAAA,MAC9B,aAAU;AAAA,MACV,aAAS;AAAA,MAET,UAAA,gBAAAG,EAAC,SAAI,WAAWE,EAAGD,EAAO,UAAUA,EAAO,WAAW,EAAA,CAAG;AAAA,IAAA;AAAA,EAAA,GAE7D;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const e = "_skeletonContainer_1774j_1", o = "_skeleton_1774j_1", n = "_skeletonBox_1774j_15", t = {
+const e = "_skeletonContainer_q96wp_1", o = "_skeleton_q96wp_1", n = "_skeletonBox_q96wp_15", t = {
   skeletonContainer: e,
   skeleton: o,
   skeletonBox: n

package/dist/components/Common/OnboardingStatusBadge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/Common/OnboardingStatusBadge/index.tsx"],"sourcesContent":["import type { ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus\n\ninterface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {\n  onboarded?: boolean\n  onboardingEntity: 'contractor' | 'employee'\n  onboardingStatus?: T | null\n}\nexport const OnboardingStatusBadge = <T extends OnboardingStatuses>({\n  onboarded,\n  onboardingEntity,\n  onboardingStatus,\n}: OnboardingStatusBadgeProps<T>) => {\n  const { Badge } = useComponentContext()\n  const { t } = useTranslation()\n\n  //HACK: `never` should instead be a better type\n  return (\n    <Badge status={onboarded ? 'success' : 'warning'}>\n      {t(`onboardingStatus.${onboardingEntity}.${onboardingStatus ?? 'undefined'}` as never)}\n    </Badge>\n  )\n}\n\ninterface ContractorOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: ContractorOnboardingStatus1 | null\n}\nexport const ContractorOnboardingStatusBadge = (props: ContractorOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"contractor\" />\n)\n\ninterface EmployeeOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: OnboardingStatus | null\n}\nexport const EmployeeOnboardingStatusBadge = (props: EmployeeOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"employee\" />\n)\n"],"names":["OnboardingStatusBadge","onboarded","onboardingEntity","onboardingStatus","Badge","useComponentContext","t","useTranslation","jsx","ContractorOnboardingStatusBadge","props","EmployeeOnboardingStatusBadge"],"mappings":";;;AAYO,MAAMA,IAAwB,CAA+B;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACF,MAAqC;AAC7B,QAAA,EAAE,OAAAC,EAAM,IAAIC,EAAoB,GAChC,EAAE,GAAAC,EAAE,IAAIC,EAAe;AAG7B,SACG,gBAAAC,EAAAJ,GAAA,EAAM,QAAQH,IAAY,YAAY,WACpC,UAAEK,EAAA,oBAAoBJ,CAAgB,IAAIC,KAAoB,WAAW,EAAW,GACvF;AAEJ,GAMaM,IAAkC,CAACC,MAC9C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,aAAa,CAAA,GAOrDC,IAAgC,CAACD,MAC5C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,WAAW,CAAA;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/Common/OnboardingStatusBadge/index.tsx"],"sourcesContent":["import type { ContractorOnboardingStatus1 } from '@gusto/embedded-api/models/components/contractor'\nimport type { OnboardingStatus } from '@gusto/embedded-api/models/operations/putv1employeesemployeeidonboardingstatus'\nimport { useTranslation } from 'react-i18next'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ntype OnboardingStatuses = ContractorOnboardingStatus1 | OnboardingStatus\n\ninterface OnboardingStatusBadgeProps<T extends OnboardingStatuses> {\n  onboarded?: boolean\n  onboardingEntity: 'contractor' | 'employee'\n  onboardingStatus?: T | null\n}\nexport const OnboardingStatusBadge = <T extends OnboardingStatuses>({\n  onboarded,\n  onboardingEntity,\n  onboardingStatus,\n}: OnboardingStatusBadgeProps<T>) => {\n  const { Badge } = useComponentContext()\n  const { t } = useTranslation()\n\n  //HACK: `never` should instead be a better type\n  return (\n    <Badge status={onboarded ? 'success' : 'warning'}>\n      {t(`onboardingStatus.${onboardingEntity}.${onboardingStatus ?? 'undefined'}` as never)}\n    </Badge>\n  )\n}\n\ninterface ContractorOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: ContractorOnboardingStatus1 | null\n}\nexport const ContractorOnboardingStatusBadge = (props: ContractorOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"contractor\" />\n)\n\ninterface EmployeeOnboardingStatusBadgeProps {\n  onboarded?: boolean\n  onboardingStatus?: OnboardingStatus | null\n}\nexport const EmployeeOnboardingStatusBadge = (props: EmployeeOnboardingStatusBadgeProps) => (\n  <OnboardingStatusBadge {...props} onboardingEntity=\"employee\" />\n)\n"],"names":["OnboardingStatusBadge","onboarded","onboardingEntity","onboardingStatus","Badge","useComponentContext","t","useTranslation","jsx","ContractorOnboardingStatusBadge","props","EmployeeOnboardingStatusBadge"],"mappings":";;;AAYO,MAAMA,IAAwB,CAA+B;AAAA,EAClE,WAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC;AACF,MAAqC;AACnC,QAAM,EAAE,OAAAC,EAAA,IAAUC,EAAA,GACZ,EAAE,GAAAC,EAAA,IAAMC,EAAA;AAGd,SACE,gBAAAC,EAACJ,GAAA,EAAM,QAAQH,IAAY,YAAY,WACpC,UAAAK,EAAE,oBAAoBJ,CAAgB,IAAIC,KAAoB,WAAW,EAAW,GACvF;AAEJ,GAMaM,IAAkC,CAACC,MAC9C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,aAAA,CAAa,GAOrDC,IAAgC,CAACD,MAC5C,gBAAAF,EAACR,KAAuB,GAAGU,GAAO,kBAAiB,WAAA,CAAW;"}

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

@@ -1 +1 @@
-{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const [pageSize, setPageSize] = useState('5')\n\n  if (totalPages < 2) {\n    return null\n  }\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControllCountLabel')}\n              shouldVisuallyHideLabel\n              value={pageSize}\n              onChange={n => {\n                setPageSize(n)\n                handleItemsPerPageChange(Number(n))\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["DefaultPaginationControl","currentPage","totalPages","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","useTranslation","Components","useComponentContext","pageSize","setPageSize","useState","jsx","style","jsxs","Flex","n","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAA2B,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAoB,GACjC,CAACC,GAAUC,CAAW,IAAIC,EAAS,GAAG;AAE5C,SAAIX,IAAa,IACR,OAGN,gBAAAY,EAAA,WAAA,EAAQ,WAAWC,EAAM,mBAAmB,eAAY,sBACvD,UAAA,gBAAAC,EAACC,GAAK,EAAA,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAI,EAAA,WAAWC,EAAM,wBACpB,4BAAC,WACC,EAAA,UAAA,gBAAAD;AAAA,MAACL,EAAW;AAAA,MAAX;AAAA,QACC,OAAO,EAAE,qCAAqC;AAAA,QAC9C,yBAAuB;AAAA,QACvB,OAAOE;AAAA,QACP,UAAU,CAAKO,MAAA;AACb,UAAAN,EAAYM,CAAC,GACYX,EAAA,OAAOW,CAAC,CAAC;AAAA,QACpC;AAAA,QACA,SAAS;AAAA,UACP,EAAE,OAAO,KAAK,OAAO,IAAI;AAAA,UACzB,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,UAC3B,EAAE,OAAO,MAAM,OAAO,KAAK;AAAA,QAAA;AAAA,MAC7B;AAAA,OAEJ,EACF,CAAA;AAAA,IACC,gBAAAF,EAAA,OAAA,EAAI,WAAWD,EAAM,0BACpB,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,uBAAuB;AAAA,UACrC,YAAYR,MAAgB;AAAA,UAC5B,SAASE;AAAA,UAET,4BAACgB,GAAoB,CAAA,CAAA;AAAA,QAAA;AAAA,MACvB;AAAA,MACA,gBAAAL;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYR,MAAgB;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACgB,GAAmB,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,MACA,gBAAAN;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYR,MAAgBC;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACgB,GAAmB,CAAA,CAAA;AAAA,QAAA;AAAA,MACtB;AAAA,MACA,gBAAAP;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,YAAYR,MAAgBC;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACgB,GAAmB,CAAA,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,EACF,CAAA;AAAA,EAAA,EAAA,CACF,EACF,CAAA;AAEJ,GAEaC,IAAoB,CAACC,MAAkC;AAClE,QAAMf,IAAaC,EAAoB;AAEvC,SAAOD,EAAW,oBACf,gBAAAK,EAAAL,EAAW,mBAAX,EAA8B,GAAGe,EAAA,CAAO,IAEzC,gBAAAV,EAACd,GAA0B,EAAA,GAAGwB,EAAO,CAAA;AAEzC;"}
+{"version":3,"file":"PaginationControl.js","sources":["../../../../src/components/Common/PaginationControl/PaginationControl.tsx"],"sourcesContent":["import { useState } from 'react'\nimport { useTranslation } from 'react-i18next'\nimport { Flex } from '../Flex/Flex'\nimport style from './PaginationControl.module.scss'\nimport type { PaginationControlProps } from './PaginationControlTypes'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport PaginationFirstIcon from '@/assets/icons/pagination_first.svg?react'\nimport PaginationPrevIcon from '@/assets/icons/pagination_previous.svg?react'\nimport PaginationNextIcon from '@/assets/icons/pagination_next.svg?react'\nimport PaginationLastIcon from '@/assets/icons/pagination_last.svg?react'\n\nconst DefaultPaginationControl = ({\n  currentPage,\n  totalPages,\n  handleFirstPage,\n  handlePreviousPage,\n  handleNextPage,\n  handleLastPage,\n  handleItemsPerPageChange,\n}: PaginationControlProps) => {\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n  const [pageSize, setPageSize] = useState('5')\n\n  if (totalPages < 2) {\n    return null\n  }\n  return (\n    <section className={style.paginationControl} data-testid=\"pagination-control\">\n      <Flex justifyContent=\"space-between\" alignItems=\"center\">\n        <div className={style.paginationControlCount}>\n          <section>\n            <Components.Select\n              label={t('labels.paginationControllCountLabel')}\n              shouldVisuallyHideLabel\n              value={pageSize}\n              onChange={n => {\n                setPageSize(n)\n                handleItemsPerPageChange(Number(n))\n              }}\n              options={[\n                { value: '5', label: '5' },\n                { value: '10', label: '10' },\n                { value: '50', label: '50' },\n              ]}\n            />\n          </section>\n        </div>\n        <div className={style.paginationControlButtons}>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationFirst')}\n            isDisabled={currentPage === 1}\n            onClick={handleFirstPage}\n          >\n            <PaginationFirstIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationPrev')}\n            data-testid=\"pagination-previous\"\n            isDisabled={currentPage === 1}\n            onClick={handlePreviousPage}\n          >\n            <PaginationPrevIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationNext')}\n            data-testid=\"pagination-next\"\n            isDisabled={currentPage === totalPages}\n            onClick={handleNextPage}\n          >\n            <PaginationNextIcon />\n          </Components.ButtonIcon>\n          <Components.ButtonIcon\n            aria-label={t('icons.paginationLast')}\n            isDisabled={currentPage === totalPages}\n            onClick={handleLastPage}\n          >\n            <PaginationLastIcon />\n          </Components.ButtonIcon>\n        </div>\n      </Flex>\n    </section>\n  )\n}\n\nexport const PaginationControl = (props: PaginationControlProps) => {\n  const Components = useComponentContext()\n\n  return Components.PaginationControl ? (\n    <Components.PaginationControl {...props} />\n  ) : (\n    <DefaultPaginationControl {...props} />\n  )\n}\n"],"names":["DefaultPaginationControl","currentPage","totalPages","handleFirstPage","handlePreviousPage","handleNextPage","handleLastPage","handleItemsPerPageChange","useTranslation","Components","useComponentContext","pageSize","setPageSize","useState","jsx","style","jsxs","Flex","n","PaginationFirstIcon","PaginationPrevIcon","PaginationNextIcon","PaginationLastIcon","PaginationControl","props"],"mappings":";;;;;;;;;;AAWA,MAAMA,IAA2B,CAAC;AAAA,EAChC,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,0BAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,EAAA,IAAMC,EAAe,QAAQ,GAC/BC,IAAaC,EAAA,GACb,CAACC,GAAUC,CAAW,IAAIC,EAAS,GAAG;AAE5C,SAAIX,IAAa,IACR,OAGP,gBAAAY,EAAC,WAAA,EAAQ,WAAWC,EAAM,mBAAmB,eAAY,sBACvD,UAAA,gBAAAC,EAACC,GAAA,EAAK,gBAAe,iBAAgB,YAAW,UAC9C,UAAA;AAAA,IAAA,gBAAAH,EAAC,OAAA,EAAI,WAAWC,EAAM,wBACpB,4BAAC,WAAA,EACC,UAAA,gBAAAD;AAAA,MAACL,EAAW;AAAA,MAAX;AAAA,QACC,OAAO,EAAE,qCAAqC;AAAA,QAC9C,yBAAuB;AAAA,QACvB,OAAOE;AAAA,QACP,UAAU,CAAAO,MAAK;AACb,UAAAN,EAAYM,CAAC,GACbX,EAAyB,OAAOW,CAAC,CAAC;AAAA,QACpC;AAAA,QACA,SAAS;AAAA,UACP,EAAE,OAAO,KAAK,OAAO,IAAA;AAAA,UACrB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,UACtB,EAAE,OAAO,MAAM,OAAO,KAAA;AAAA,QAAK;AAAA,MAC7B;AAAA,IAAA,GAEJ,EAAA,CACF;AAAA,IACA,gBAAAF,EAAC,OAAA,EAAI,WAAWD,EAAM,0BACpB,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,uBAAuB;AAAA,UACrC,YAAYR,MAAgB;AAAA,UAC5B,SAASE;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAoB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEvB,gBAAAL;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYR,MAAgB;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAN;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,eAAY;AAAA,UACZ,YAAYR,MAAgBC;AAAA,UAC5B,SAASG;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEtB,gBAAAP;AAAA,QAACL,EAAW;AAAA,QAAX;AAAA,UACC,cAAY,EAAE,sBAAsB;AAAA,UACpC,YAAYR,MAAgBC;AAAA,UAC5B,SAASI;AAAA,UAET,4BAACgB,GAAA,CAAA,CAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,IACtB,EAAA,CACF;AAAA,EAAA,EAAA,CACF,EAAA,CACF;AAEJ,GAEaC,IAAoB,CAACC,MAAkC;AAClE,QAAMf,IAAaC,EAAA;AAEnB,SAAOD,EAAW,oBAChB,gBAAAK,EAACL,EAAW,mBAAX,EAA8B,GAAGe,EAAA,CAAO,IAEzC,gBAAAV,EAACd,GAAA,EAA0B,GAAGwB,EAAA,CAAO;AAEzC;"}

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

@@ -1,4 +1,4 @@
-const o = "_paginationControl_18z1t_1", n = "_paginationControlCount_18z1t_7", t = "_paginationControlButtons_18z1t_12", a = {
+const o = "_paginationControl_1g8dg_1", n = "_paginationControlCount_1g8dg_6", t = "_paginationControlButtons_1g8dg_11", a = {
   paginationControl: o,
   paginationControlCount: n,
   paginationControlButtons: t

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

@@ -1 +1 @@
-{"version":3,"file":"DropZone.js","sources":["../../../../src/components/Common/ReorderableList/DropZone.tsx"],"sourcesContent":["import { useRef, useEffect, memo } from 'react'\nimport classnames from 'classnames'\nimport { useDrop } from 'react-dnd'\nimport { useTranslation } from 'react-i18next'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\n\ninterface DropZoneProps {\n  position: number\n  isActive: boolean\n  onActivate: () => void\n  onDeactivate: () => void\n  onDrop: (fromPosition: number) => void\n  listId: string\n  className?: string\n}\n\nexport const DropZone = memo(function DropZone({\n  position,\n  isActive,\n  onActivate,\n  onDeactivate,\n  onDrop,\n  listId,\n  className,\n}: DropZoneProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { t } = useTranslation()\n\n  // Add a debounce timer for hover state changes to prevent flickering\n  const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const isHoveringRef = useRef(false)\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: ITEM_TYPE,\n      hover: (item: { index: number; listId: string }, monitor) => {\n        if (item.listId !== listId) return\n\n        const clientOffset = monitor.getClientOffset()\n        if (!clientOffset || !ref.current) return\n\n        if (isHoveringRef.current) return\n\n        isHoveringRef.current = true\n\n        if (debounceTimerRef.current) {\n          clearTimeout(debounceTimerRef.current)\n        }\n\n        onActivate()\n      },\n      collect: monitor => ({\n        isOver: !!monitor.isOver(),\n      }),\n      drop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return\n        onDeactivate()\n        onDrop(item.index)\n        return { dropped: true }\n      },\n      canDrop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return false\n        return item.index !== position && item.index !== position - 1\n      },\n    }),\n    [listId, onActivate, onDeactivate, onDrop, position],\n  )\n\n  // Connect the drop ref to the DOM element\n  useEffect(() => {\n    if (ref.current) {\n      drop(ref.current)\n    }\n  }, [drop])\n\n  // Handle deactivation when item is no longer being hovered\n  useEffect(() => {\n    if (!isOver && isActive) {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      debounceTimerRef.current = setTimeout(() => {\n        isHoveringRef.current = false\n        onDeactivate()\n        debounceTimerRef.current = null\n      }, 100)\n    }\n\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n    }\n  }, [isOver, isActive, onDeactivate])\n\n  const isHighlighted = isActive || isOver\n\n  const dropZoneClass = classnames(\n    styles.dropZone,\n    isActive || isOver ? styles.activeDropZone : '',\n    isHighlighted ? styles.isHighlighted : '',\n    className,\n  )\n\n  return (\n    <div className={styles.dropZoneContainer}>\n      <div\n        ref={ref}\n        className={dropZoneClass}\n        data-position={position}\n        data-list-id={listId}\n        aria-hidden=\"true\"\n        aria-label={t('reorderableList.dropItemHere')}\n      />\n    </div>\n  )\n})\n"],"names":["DropZone","memo","position","isActive","onActivate","onDeactivate","onDrop","listId","className","ref","useRef","t","useTranslation","debounceTimerRef","isHoveringRef","isOver","drop","useDrop","ITEM_TYPE","item","monitor","useEffect","isHighlighted","dropZoneClass","classnames","styles","jsx"],"mappings":";;;;;;;AAiBa,MAAAA,IAAWC,EAAK,SAAkB;AAAA,EAC7C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AACV,QAAAC,IAAMC,EAAuB,IAAI,GACjC,EAAE,GAAAC,EAAE,IAAIC,EAAe,GAGvBC,IAAmBH,EAA6C,IAAI,GACpEI,IAAgBJ,EAAO,EAAK,GAE5B,CAAC,EAAE,QAAAK,KAAUC,CAAI,IAAIC;AAAA,IACzB,OAAO;AAAA,MACL,QAAQC;AAAA,MACR,OAAO,CAACC,GAAyCC,MAAY;AAI3D,QAHID,EAAK,WAAWZ,KAGhB,CADiBa,EAAQ,gBAAgB,KACxB,CAACX,EAAI,WAEtBK,EAAc,YAElBA,EAAc,UAAU,IAEpBD,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAG5BT,EAAA;AAAA,MACb;AAAA,MACA,SAAS,CAAYgB,OAAA;AAAA,QACnB,QAAQ,CAAC,CAACA,EAAQ,OAAO;AAAA,MAAA;AAAA,MAE3B,MAAM,CAACD,MAA4C;AAC7C,YAAAA,EAAK,WAAWZ;AACP,iBAAAF,EAAA,GACbC,EAAOa,EAAK,KAAK,GACV,EAAE,SAAS,GAAK;AAAA,MACzB;AAAA,MACA,SAAS,CAACA,MACJA,EAAK,WAAWZ,IAAe,KAC5BY,EAAK,UAAUjB,KAAYiB,EAAK,UAAUjB,IAAW;AAAA,IAC9D;AAAA,IAEF,CAACK,GAAQH,GAAYC,GAAcC,GAAQJ,CAAQ;AAAA,EACrD;AAGA,EAAAmB,EAAU,MAAM;AACd,IAAIZ,EAAI,WACNO,EAAKP,EAAI,OAAO;AAAA,EAClB,GACC,CAACO,CAAI,CAAC,GAGTK,EAAU,OACJ,CAACN,KAAUZ,MACTU,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGtBA,EAAA,UAAU,WAAW,MAAM;AAC1C,IAAAC,EAAc,UAAU,IACXT,EAAA,GACbQ,EAAiB,UAAU;AAAA,KAC1B,GAAG,IAGD,MAAM;AACX,IAAIA,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,EAEzC,IACC,CAACE,GAAQZ,GAAUE,CAAY,CAAC;AAEnC,QAAMiB,IAAgBnB,KAAYY,GAE5BQ,IAAgBC;AAAAA,IACpBC,EAAO;AAAA,IACPtB,KAAYY,IAASU,EAAO,iBAAiB;AAAA,IAC7CH,IAAgBG,EAAO,gBAAgB;AAAA,IACvCjB;AAAA,EACF;AAEA,SACG,gBAAAkB,EAAA,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWc;AAAA,MACX,iBAAerB;AAAA,MACf,gBAAcK;AAAA,MACd,eAAY;AAAA,MACZ,cAAYI,EAAE,8BAA8B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAEJ,CAAC;"}
+{"version":3,"file":"DropZone.js","sources":["../../../../src/components/Common/ReorderableList/DropZone.tsx"],"sourcesContent":["import { useRef, useEffect, memo } from 'react'\nimport classnames from 'classnames'\nimport { useDrop } from 'react-dnd'\nimport { useTranslation } from 'react-i18next'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\n\ninterface DropZoneProps {\n  position: number\n  isActive: boolean\n  onActivate: () => void\n  onDeactivate: () => void\n  onDrop: (fromPosition: number) => void\n  listId: string\n  className?: string\n}\n\nexport const DropZone = memo(function DropZone({\n  position,\n  isActive,\n  onActivate,\n  onDeactivate,\n  onDrop,\n  listId,\n  className,\n}: DropZoneProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const { t } = useTranslation()\n\n  // Add a debounce timer for hover state changes to prevent flickering\n  const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)\n  const isHoveringRef = useRef(false)\n\n  const [{ isOver }, drop] = useDrop(\n    () => ({\n      accept: ITEM_TYPE,\n      hover: (item: { index: number; listId: string }, monitor) => {\n        if (item.listId !== listId) return\n\n        const clientOffset = monitor.getClientOffset()\n        if (!clientOffset || !ref.current) return\n\n        if (isHoveringRef.current) return\n\n        isHoveringRef.current = true\n\n        if (debounceTimerRef.current) {\n          clearTimeout(debounceTimerRef.current)\n        }\n\n        onActivate()\n      },\n      collect: monitor => ({\n        isOver: !!monitor.isOver(),\n      }),\n      drop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return\n        onDeactivate()\n        onDrop(item.index)\n        return { dropped: true }\n      },\n      canDrop: (item: { index: number; listId: string }) => {\n        if (item.listId !== listId) return false\n        return item.index !== position && item.index !== position - 1\n      },\n    }),\n    [listId, onActivate, onDeactivate, onDrop, position],\n  )\n\n  // Connect the drop ref to the DOM element\n  useEffect(() => {\n    if (ref.current) {\n      drop(ref.current)\n    }\n  }, [drop])\n\n  // Handle deactivation when item is no longer being hovered\n  useEffect(() => {\n    if (!isOver && isActive) {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n\n      debounceTimerRef.current = setTimeout(() => {\n        isHoveringRef.current = false\n        onDeactivate()\n        debounceTimerRef.current = null\n      }, 100)\n    }\n\n    return () => {\n      if (debounceTimerRef.current) {\n        clearTimeout(debounceTimerRef.current)\n      }\n    }\n  }, [isOver, isActive, onDeactivate])\n\n  const isHighlighted = isActive || isOver\n\n  const dropZoneClass = classnames(\n    styles.dropZone,\n    isActive || isOver ? styles.activeDropZone : '',\n    isHighlighted ? styles.isHighlighted : '',\n    className,\n  )\n\n  return (\n    <div className={styles.dropZoneContainer}>\n      <div\n        ref={ref}\n        className={dropZoneClass}\n        data-position={position}\n        data-list-id={listId}\n        aria-hidden=\"true\"\n        aria-label={t('reorderableList.dropItemHere')}\n      />\n    </div>\n  )\n})\n"],"names":["DropZone","memo","position","isActive","onActivate","onDeactivate","onDrop","listId","className","ref","useRef","t","useTranslation","debounceTimerRef","isHoveringRef","isOver","drop","useDrop","ITEM_TYPE","item","monitor","useEffect","isHighlighted","dropZoneClass","classnames","styles","jsx"],"mappings":";;;;;;;AAiBO,MAAMA,IAAWC,EAAK,SAAkB;AAAA,EAC7C,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,WAAAC;AACF,GAAkB;AAChB,QAAMC,IAAMC,EAAuB,IAAI,GACjC,EAAE,GAAAC,EAAA,IAAMC,EAAA,GAGRC,IAAmBH,EAA6C,IAAI,GACpEI,IAAgBJ,EAAO,EAAK,GAE5B,CAAC,EAAE,QAAAK,KAAUC,CAAI,IAAIC;AAAA,IACzB,OAAO;AAAA,MACL,QAAQC;AAAA,MACR,OAAO,CAACC,GAAyCC,MAAY;AAI3D,QAHID,EAAK,WAAWZ,KAGhB,CADiBa,EAAQ,gBAAA,KACR,CAACX,EAAI,WAEtBK,EAAc,YAElBA,EAAc,UAAU,IAEpBD,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCT,EAAA;AAAA,MACF;AAAA,MACA,SAAS,CAAAgB,OAAY;AAAA,QACnB,QAAQ,CAAC,CAACA,EAAQ,OAAA;AAAA,MAAO;AAAA,MAE3B,MAAM,CAACD,MAA4C;AACjD,YAAIA,EAAK,WAAWZ;AACpB,iBAAAF,EAAA,GACAC,EAAOa,EAAK,KAAK,GACV,EAAE,SAAS,GAAA;AAAA,MACpB;AAAA,MACA,SAAS,CAACA,MACJA,EAAK,WAAWZ,IAAe,KAC5BY,EAAK,UAAUjB,KAAYiB,EAAK,UAAUjB,IAAW;AAAA,IAC9D;AAAA,IAEF,CAACK,GAAQH,GAAYC,GAAcC,GAAQJ,CAAQ;AAAA,EAAA;AAIrD,EAAAmB,EAAU,MAAM;AACd,IAAIZ,EAAI,WACNO,EAAKP,EAAI,OAAO;AAAA,EAEpB,GAAG,CAACO,CAAI,CAAC,GAGTK,EAAU,OACJ,CAACN,KAAUZ,MACTU,EAAiB,WACnB,aAAaA,EAAiB,OAAO,GAGvCA,EAAiB,UAAU,WAAW,MAAM;AAC1C,IAAAC,EAAc,UAAU,IACxBT,EAAA,GACAQ,EAAiB,UAAU;AAAA,EAC7B,GAAG,GAAG,IAGD,MAAM;AACX,IAAIA,EAAiB,WACnB,aAAaA,EAAiB,OAAO;AAAA,EAEzC,IACC,CAACE,GAAQZ,GAAUE,CAAY,CAAC;AAEnC,QAAMiB,IAAgBnB,KAAYY,GAE5BQ,IAAgBC;AAAAA,IACpBC,EAAO;AAAA,IACPtB,KAAYY,IAASU,EAAO,iBAAiB;AAAA,IAC7CH,IAAgBG,EAAO,gBAAgB;AAAA,IACvCjB;AAAA,EAAA;AAGF,SACE,gBAAAkB,EAAC,OAAA,EAAI,WAAWD,EAAO,mBACrB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAjB;AAAA,MACA,WAAWc;AAAA,MACX,iBAAerB;AAAA,MACf,gBAAcK;AAAA,MACd,eAAY;AAAA,MACZ,cAAYI,EAAE,8BAA8B;AAAA,IAAA;AAAA,EAAA,GAEhD;AAEJ,CAAC;"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReorderableItem.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableItem.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, memo } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useDrag } from 'react-dnd'\nimport type { ReactElement } from 'react'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ReorderableItemProps {\n  item: ReorderableListItem\n  index: number\n  moveItem: (fromIndex: number, toIndex: number, source?: 'keyboard' | 'dragdrop') => void\n  itemCount: number\n  itemIndex: number\n  listId: string\n  isDraggingAny: boolean\n  setIsDragging: (isDragging: boolean) => void\n  isReorderingActive: boolean\n  setIsReorderingActive: (isReorderingActive: boolean) => void\n  isCurrentlyReordering: boolean\n  setReorderingItemIndex: (reorderingItemIndex: number | null) => void\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  className?: string\n}\n\n/**\n * Component for an individual reorderable item\n */\nexport const ReorderableItem = memo(function ReorderableItem({\n  item,\n  index,\n  moveItem,\n  itemCount,\n  itemIndex,\n  listId,\n  isDraggingAny,\n  setIsDragging,\n  isReorderingActive,\n  setIsReorderingActive,\n  isCurrentlyReordering,\n  setReorderingItemIndex,\n  renderDragHandle,\n  className,\n}: ReorderableItemProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  // Format the accessible item name\n  const accessibleItemName = item.label\n\n  // Add a ref to track if this specific item is being dragged\n  const isBeingDraggedRef = useRef(false)\n\n  // When this item becomes the reordering item, focus on it\n  useEffect(() => {\n    if (isCurrentlyReordering && buttonRef.current) {\n      buttonRef.current.focus()\n    }\n  }, [isCurrentlyReordering])\n\n  // React DnD - Drag source\n  const [{ isDragging }, drag, dragPreview] = useDrag(\n    () => ({\n      type: ITEM_TYPE,\n      item: () => {\n        isBeingDraggedRef.current = true\n        setIsDragging(true)\n        return { index, listId }\n      },\n      collect: monitor => ({\n        isDragging: !!monitor.isDragging(),\n      }),\n      end: () => {\n        isBeingDraggedRef.current = false\n\n        setIsDragging(false)\n\n        if (buttonRef.current) {\n          buttonRef.current.blur()\n        }\n      },\n      canDrag: () => !isDraggingAny || isBeingDraggedRef.current,\n    }),\n    [index, listId, setIsDragging, isDraggingAny],\n  )\n\n  /**\n   * Handles keyboard interactions for reordering\n   */\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      let newReorderingState: boolean\n\n      switch (e.key) {\n        case 'ArrowUp':\n          if (isReorderingActive && index > 0) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index - 1, 'keyboard')\n          }\n          break\n        case 'ArrowDown':\n          if (isReorderingActive && index < itemCount - 1) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index + 1, 'keyboard')\n          }\n          break\n        case 'Escape':\n          if (isReorderingActive) {\n            e.preventDefault()\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case 'Tab':\n          if (isReorderingActive) {\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case ' ':\n        case 'Enter':\n          e.preventDefault()\n          newReorderingState = !isReorderingActive\n          setIsReorderingActive(newReorderingState)\n\n          if (newReorderingState) {\n            setReorderingItemIndex(index)\n          } else {\n            setReorderingItemIndex(null)\n          }\n          break\n        default:\n          break\n      }\n    },\n    [isReorderingActive, index, itemCount, setReorderingItemIndex, moveItem, setIsReorderingActive],\n  )\n\n  // Set up drag preview and drag source\n  useEffect(() => {\n    if (ref.current) {\n      dragPreview(ref.current)\n    }\n  }, [dragPreview])\n\n  const itemClasses = classnames(\n    styles.reorderableItem,\n    isDragging ? styles.dragging : '',\n    isReorderingActive ? styles.reordering : '',\n    className,\n  )\n\n  return (\n    <div\n      ref={ref}\n      role=\"listitem\"\n      aria-posinset={index + 1}\n      aria-setsize={itemCount}\n      className={itemClasses}\n      data-position={index}\n      data-item-index={itemIndex}\n      data-list-id={listId}\n      data-testid={`reorderable-item-${index}`}\n      data-dragging={isDragging ? 'true' : 'false'}\n      data-reordering={isReorderingActive ? 'true' : 'false'}\n    >\n      <VisuallyHidden>\n        {t('reorderableList.draggablePosition', {\n          item: accessibleItemName,\n          position: String(index + 1),\n          total: String(itemCount),\n        })}\n      </VisuallyHidden>\n      <span className={styles.dragHandle}>\n        {renderDragHandle ? (\n          renderDragHandle({\n            id: item.id || index,\n            label: accessibleItemName,\n            isReordering: isReorderingActive,\n            isDragging: isDragging,\n          })\n        ) : (\n          <Components.ButtonIcon\n            data-index={index}\n            data-item-index={itemIndex}\n            data-reordering={isReorderingActive ? 'true' : 'false'}\n            data-focus-visible={true}\n            data-testid=\"drag-handle-button\"\n            tabIndex={0}\n            onFocus={e => {\n              e.currentTarget.setAttribute('data-focus-visible', 'true')\n            }}\n            onBlur={e => {\n              e.currentTarget.removeAttribute('data-focus-visible')\n            }}\n            aria-label={\n              isReorderingActive\n                ? t('reorderableList.draggableLabelActive', {\n                    item: accessibleItemName,\n                  })\n                : t('reorderableList.draggableLabel', {\n                    item: accessibleItemName,\n                  })\n            }\n            aria-roledescription={t('reorderableList.draggableItem')}\n            aria-grabbed={isDragging}\n            onKeyDown={handleKeyDown}\n            buttonRef={node => {\n              if (node) {\n                buttonRef.current = node\n                drag(node)\n              }\n            }}\n          >\n            <ListIcon />\n          </Components.ButtonIcon>\n        )}\n      </span>\n      <div className={styles.contentContainer}>{item.content}</div>\n    </div>\n  )\n})\n"],"names":["ReorderableItem","memo","item","index","moveItem","itemCount","itemIndex","listId","isDraggingAny","setIsDragging","isReorderingActive","setIsReorderingActive","isCurrentlyReordering","setReorderingItemIndex","renderDragHandle","className","ref","useRef","buttonRef","t","useTranslation","Components","useComponentContext","accessibleItemName","isBeingDraggedRef","useEffect","isDragging","drag","dragPreview","useDrag","ITEM_TYPE","monitor","handleKeyDown","useCallback","e","newReorderingState","itemClasses","classnames","styles","jsxs","jsx","VisuallyHidden","node","ListIcon"],"mappings":"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"}
+{"version":3,"file":"ReorderableItem.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableItem.tsx"],"sourcesContent":["import { useRef, useEffect, useCallback, memo } from 'react'\nimport classnames from 'classnames'\nimport { useTranslation } from 'react-i18next'\nimport { useDrag } from 'react-dnd'\nimport type { ReactElement } from 'react'\nimport { VisuallyHidden } from '../VisuallyHidden'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ITEM_TYPE } from './constants'\nimport ListIcon from '@/assets/icons/list.svg?react'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\ninterface ReorderableItemProps {\n  item: ReorderableListItem\n  index: number\n  moveItem: (fromIndex: number, toIndex: number, source?: 'keyboard' | 'dragdrop') => void\n  itemCount: number\n  itemIndex: number\n  listId: string\n  isDraggingAny: boolean\n  setIsDragging: (isDragging: boolean) => void\n  isReorderingActive: boolean\n  setIsReorderingActive: (isReorderingActive: boolean) => void\n  isCurrentlyReordering: boolean\n  setReorderingItemIndex: (reorderingItemIndex: number | null) => void\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  className?: string\n}\n\n/**\n * Component for an individual reorderable item\n */\nexport const ReorderableItem = memo(function ReorderableItem({\n  item,\n  index,\n  moveItem,\n  itemCount,\n  itemIndex,\n  listId,\n  isDraggingAny,\n  setIsDragging,\n  isReorderingActive,\n  setIsReorderingActive,\n  isCurrentlyReordering,\n  setReorderingItemIndex,\n  renderDragHandle,\n  className,\n}: ReorderableItemProps) {\n  const ref = useRef<HTMLDivElement>(null)\n  const buttonRef = useRef<HTMLButtonElement>(null)\n  const { t } = useTranslation('common')\n  const Components = useComponentContext()\n\n  // Format the accessible item name\n  const accessibleItemName = item.label\n\n  // Add a ref to track if this specific item is being dragged\n  const isBeingDraggedRef = useRef(false)\n\n  // When this item becomes the reordering item, focus on it\n  useEffect(() => {\n    if (isCurrentlyReordering && buttonRef.current) {\n      buttonRef.current.focus()\n    }\n  }, [isCurrentlyReordering])\n\n  // React DnD - Drag source\n  const [{ isDragging }, drag, dragPreview] = useDrag(\n    () => ({\n      type: ITEM_TYPE,\n      item: () => {\n        isBeingDraggedRef.current = true\n        setIsDragging(true)\n        return { index, listId }\n      },\n      collect: monitor => ({\n        isDragging: !!monitor.isDragging(),\n      }),\n      end: () => {\n        isBeingDraggedRef.current = false\n\n        setIsDragging(false)\n\n        if (buttonRef.current) {\n          buttonRef.current.blur()\n        }\n      },\n      canDrag: () => !isDraggingAny || isBeingDraggedRef.current,\n    }),\n    [index, listId, setIsDragging, isDraggingAny],\n  )\n\n  /**\n   * Handles keyboard interactions for reordering\n   */\n  const handleKeyDown = useCallback(\n    (e: React.KeyboardEvent) => {\n      let newReorderingState: boolean\n\n      switch (e.key) {\n        case 'ArrowUp':\n          if (isReorderingActive && index > 0) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index - 1, 'keyboard')\n          }\n          break\n        case 'ArrowDown':\n          if (isReorderingActive && index < itemCount - 1) {\n            e.preventDefault()\n            setReorderingItemIndex(index)\n            moveItem(index, index + 1, 'keyboard')\n          }\n          break\n        case 'Escape':\n          if (isReorderingActive) {\n            e.preventDefault()\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case 'Tab':\n          if (isReorderingActive) {\n            setIsReorderingActive(false)\n            setReorderingItemIndex(null)\n          }\n          break\n        case ' ':\n        case 'Enter':\n          e.preventDefault()\n          newReorderingState = !isReorderingActive\n          setIsReorderingActive(newReorderingState)\n\n          if (newReorderingState) {\n            setReorderingItemIndex(index)\n          } else {\n            setReorderingItemIndex(null)\n          }\n          break\n        default:\n          break\n      }\n    },\n    [isReorderingActive, index, itemCount, setReorderingItemIndex, moveItem, setIsReorderingActive],\n  )\n\n  // Set up drag preview and drag source\n  useEffect(() => {\n    if (ref.current) {\n      dragPreview(ref.current)\n    }\n  }, [dragPreview])\n\n  const itemClasses = classnames(\n    styles.reorderableItem,\n    isDragging ? styles.dragging : '',\n    isReorderingActive ? styles.reordering : '',\n    className,\n  )\n\n  return (\n    <div\n      ref={ref}\n      role=\"listitem\"\n      aria-posinset={index + 1}\n      aria-setsize={itemCount}\n      className={itemClasses}\n      data-position={index}\n      data-item-index={itemIndex}\n      data-list-id={listId}\n      data-testid={`reorderable-item-${index}`}\n      data-dragging={isDragging ? 'true' : 'false'}\n      data-reordering={isReorderingActive ? 'true' : 'false'}\n    >\n      <VisuallyHidden>\n        {t('reorderableList.draggablePosition', {\n          item: accessibleItemName,\n          position: String(index + 1),\n          total: String(itemCount),\n        })}\n      </VisuallyHidden>\n      <span className={styles.dragHandle}>\n        {renderDragHandle ? (\n          renderDragHandle({\n            id: item.id || index,\n            label: accessibleItemName,\n            isReordering: isReorderingActive,\n            isDragging: isDragging,\n          })\n        ) : (\n          <Components.ButtonIcon\n            data-index={index}\n            data-item-index={itemIndex}\n            data-reordering={isReorderingActive ? 'true' : 'false'}\n            data-focus-visible={true}\n            data-testid=\"drag-handle-button\"\n            tabIndex={0}\n            onFocus={e => {\n              e.currentTarget.setAttribute('data-focus-visible', 'true')\n            }}\n            onBlur={e => {\n              e.currentTarget.removeAttribute('data-focus-visible')\n            }}\n            aria-label={\n              isReorderingActive\n                ? t('reorderableList.draggableLabelActive', {\n                    item: accessibleItemName,\n                  })\n                : t('reorderableList.draggableLabel', {\n                    item: accessibleItemName,\n                  })\n            }\n            aria-roledescription={t('reorderableList.draggableItem')}\n            aria-grabbed={isDragging}\n            onKeyDown={handleKeyDown}\n            buttonRef={node => {\n              if (node) {\n                buttonRef.current = node\n                drag(node)\n              }\n            }}\n          >\n            <ListIcon />\n          </Components.ButtonIcon>\n        )}\n      </span>\n      <div className={styles.contentContainer}>{item.content}</div>\n    </div>\n  )\n})\n"],"names":["ReorderableItem","memo","item","index","moveItem","itemCount","itemIndex","listId","isDraggingAny","setIsDragging","isReorderingActive","setIsReorderingActive","isCurrentlyReordering","setReorderingItemIndex","renderDragHandle","className","ref","useRef","buttonRef","t","useTranslation","Components","useComponentContext","accessibleItemName","isBeingDraggedRef","useEffect","isDragging","drag","dragPreview","useDrag","ITEM_TYPE","monitor","handleKeyDown","useCallback","e","newReorderingState","itemClasses","classnames","styles","jsxs","jsx","VisuallyHidden","node","ListIcon"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ReorderableList.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableList.tsx"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { DndProvider } from 'react-dnd'\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport type { ReactElement } from 'react'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ReorderableItem } from './ReorderableItem'\nimport { DropZone } from './DropZone'\n\n// Helper functions\nfunction generateUniqueListId(prefix = 'reorderable-list'): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`\n}\n\nfunction reorderArray<T>(array: T[], from: number, to: number): T[] {\n  if (from === to || from < 0 || from >= array.length || to < 0 || to > array.length) {\n    return [...array]\n  }\n\n  const newArray = [...array]\n  const [removed] = newArray.splice(from, 1)\n\n  if (removed === undefined) {\n    return [...array]\n  }\n\n  newArray.splice(to, 0, removed)\n  return newArray\n}\n\nfunction calculateNewOrder(\n  currentOrder: number[],\n  fromPosition: number,\n  toPosition: number,\n): number[] {\n  if (\n    fromPosition === toPosition ||\n    fromPosition < 0 ||\n    fromPosition >= currentOrder.length ||\n    toPosition < 0 ||\n    toPosition > currentOrder.length\n  ) {\n    return [...currentOrder]\n  }\n\n  return reorderArray(currentOrder, fromPosition, toPosition)\n}\n\nfunction adjustTargetPosition(\n  fromPosition: number,\n  toPosition: number,\n  source: 'keyboard' | 'dragdrop' = 'dragdrop',\n): number {\n  // When dragging, adjust the target position if moving an element forward\n  if (source === 'dragdrop' && fromPosition < toPosition) {\n    return toPosition - 1\n  }\n  return toPosition\n}\n\ninterface ReorderableListAnimationConfig {\n  duration?: number\n  easing?: string\n  disabled?: boolean\n}\n\ninterface ReorderableListProps {\n  items: ReorderableListItem[]\n  label: string\n  onReorder?: (itemOrder: number[]) => void\n  className?: string\n  animationConfig?: ReorderableListAnimationConfig\n  disabled?: boolean\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  dropZoneClassName?: string\n  itemClassName?: string\n}\n\n// Default animation config\nconst DEFAULT_ANIMATION_CONFIG: ReorderableListAnimationConfig = {\n  duration: 200,\n  easing: 'ease-in-out',\n  disabled: false,\n}\n\nexport function ReorderableList({\n  items,\n  label,\n  onReorder,\n  className,\n  animationConfig = DEFAULT_ANIMATION_CONFIG,\n  disabled = false,\n  renderDragHandle,\n  dropZoneClassName,\n  itemClassName,\n}: ReorderableListProps) {\n  const listId = useRef(generateUniqueListId()).current\n\n  const [itemOrder, setItemOrder] = useState<number[]>(() =>\n    Array.from({ length: items.length }, (_, i) => i),\n  )\n  const [activeDropZone, setActiveDropZone] = useState<number | null>(null)\n  const [isDragging, setIsDragging] = useState(false)\n  const [isReorderingActive, setIsReorderingActive] = useState(false)\n  const [reorderingItemIndex, setReorderingItemIndex] = useState<number | null>(null)\n  const pendingReorderRef = useRef<boolean>(false)\n  const activeDropZonesRef = useRef<Record<number, boolean>>({})\n\n  const mergedAnimationConfig = useMemo(\n    () => ({\n      ...DEFAULT_ANIMATION_CONFIG,\n      ...animationConfig,\n    }),\n    [animationConfig],\n  )\n\n  useEffect(() => {\n    if (items.length !== itemOrder.length) {\n      setItemOrder(Array.from({ length: items.length }, (_, i) => i))\n    }\n  }, [items.length, itemOrder.length])\n\n  // Debounced state setter for drop zones to prevent flickering\n  const activateDropZone = useCallback((position: number) => {\n    activeDropZonesRef.current = {}\n    activeDropZonesRef.current[position] = true\n    setActiveDropZone(position)\n  }, [])\n\n  const deactivateDropZone = useCallback((position: number) => {\n    if (position in activeDropZonesRef.current) {\n      activeDropZonesRef.current[position] = false\n    }\n\n    const activeDropZones = Object.entries(activeDropZonesRef.current)\n      .filter(([_, isActive]) => isActive)\n      .map(([pos]) => Number(pos))\n\n    if (activeDropZones.length === 0) {\n      setActiveDropZone(null)\n    } else if (activeDropZones.length === 1) {\n      setActiveDropZone(Number(activeDropZones[0]))\n    }\n  }, [])\n\n  const moveItem = useCallback(\n    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop' = 'dragdrop') => {\n      if (\n        disabled ||\n        fromPosition === toPosition ||\n        fromPosition < 0 ||\n        fromPosition >= itemOrder.length ||\n        toPosition < 0 ||\n        toPosition > itemOrder.length\n      ) {\n        return\n      }\n\n      pendingReorderRef.current = true\n      const movedItemIndex = itemOrder[fromPosition]\n\n      // Use utility function to calculate new order\n      const newOrder = calculateNewOrder(\n        itemOrder,\n        fromPosition,\n        adjustTargetPosition(fromPosition, toPosition, source),\n      )\n\n      setItemOrder(newOrder)\n\n      // Use the configured animation duration\n      const animationDuration = mergedAnimationConfig.disabled ? 0 : mergedAnimationConfig.duration\n\n      setTimeout(() => {\n        setIsDragging(false)\n        pendingReorderRef.current = false\n        activeDropZonesRef.current = {}\n        setActiveDropZone(null)\n\n        if (source === 'keyboard') {\n          const newPosition = newOrder.findIndex(idx => idx === movedItemIndex)\n\n          if (newPosition >= 0) {\n            setReorderingItemIndex(newPosition)\n            const dragButtons = document.querySelectorAll(\n              `[data-list-id=\"${listId}\"] .${styles.dragHandle} button`,\n            )\n\n            if (newPosition < dragButtons.length) {\n              // Use requestAnimationFrame for smoother focus handling\n              requestAnimationFrame(() => {\n                if (dragButtons[newPosition]) {\n                  const buttonToFocus = dragButtons[newPosition] as HTMLElement\n                  buttonToFocus.focus()\n                }\n              })\n            }\n          }\n        }\n\n        if (onReorder) {\n          onReorder(newOrder)\n        }\n      }, animationDuration)\n    },\n    [itemOrder, listId, onReorder, disabled, mergedAnimationConfig],\n  )\n\n  // If the list is disabled, don't render the DnD functionality\n  if (disabled) {\n    return (\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className, styles.disabled)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n      >\n        {itemOrder.map(itemIndex => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div\n              key={`item-static-${item.id || itemIndex}`}\n              role=\"listitem\"\n              className={classnames(styles.reorderableItem, itemClassName)}\n            >\n              <div className={styles.contentContainer}>{item.content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n        style={{\n          ...(!mergedAnimationConfig.disabled &&\n            ({\n              '--animation-duration': `${mergedAnimationConfig.duration}ms`,\n              '--animation-easing': mergedAnimationConfig.easing,\n            } as React.CSSProperties)),\n        }}\n      >\n        <DropZone\n          position={0}\n          listId={listId}\n          isActive={activeDropZone === 0}\n          onActivate={() => {\n            activateDropZone(0)\n          }}\n          onDeactivate={() => {\n            deactivateDropZone(0)\n          }}\n          onDrop={(fromPosition: number) => {\n            if (!pendingReorderRef.current) {\n              moveItem(fromPosition, 0, 'dragdrop')\n            }\n          }}\n          className={dropZoneClassName}\n        />\n\n        {itemOrder.map((itemIndex, position) => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div key={`item-container-${item.id || itemIndex}-${position}`}>\n              <ReorderableItem\n                key={`item-${item.id || itemIndex}`}\n                item={item}\n                index={position}\n                moveItem={moveItem}\n                itemCount={items.length}\n                itemIndex={itemIndex}\n                listId={listId}\n                isDraggingAny={isDragging}\n                setIsDragging={setIsDragging}\n                isReorderingActive={isReorderingActive}\n                setIsReorderingActive={setIsReorderingActive}\n                isCurrentlyReordering={isReorderingActive && reorderingItemIndex === position}\n                setReorderingItemIndex={setReorderingItemIndex}\n                renderDragHandle={renderDragHandle}\n                className={itemClassName}\n              />\n\n              <DropZone\n                position={position + 1}\n                listId={listId}\n                isActive={activeDropZone === position + 1}\n                onActivate={() => {\n                  activateDropZone(position + 1)\n                }}\n                onDeactivate={() => {\n                  deactivateDropZone(position + 1)\n                }}\n                onDrop={(fromPosition: number) => {\n                  if (!pendingReorderRef.current) {\n                    moveItem(fromPosition, position + 1, 'dragdrop')\n                  }\n                }}\n                className={dropZoneClassName}\n              />\n            </div>\n          )\n        })}\n      </div>\n    </DndProvider>\n  )\n}\n"],"names":["generateUniqueListId","prefix","reorderArray","array","from","to","newArray","removed","calculateNewOrder","currentOrder","fromPosition","toPosition","adjustTargetPosition","source","DEFAULT_ANIMATION_CONFIG","ReorderableList","items","label","onReorder","className","animationConfig","disabled","renderDragHandle","dropZoneClassName","itemClassName","listId","useRef","itemOrder","setItemOrder","useState","_","i","activeDropZone","setActiveDropZone","isDragging","setIsDragging","isReorderingActive","setIsReorderingActive","reorderingItemIndex","setReorderingItemIndex","pendingReorderRef","activeDropZonesRef","mergedAnimationConfig","useMemo","useEffect","activateDropZone","useCallback","position","deactivateDropZone","activeDropZones","isActive","pos","moveItem","movedItemIndex","newOrder","animationDuration","newPosition","idx","dragButtons","styles","jsx","classnames","itemIndex","item","DndProvider","HTML5Backend","jsxs","DropZone","ReorderableItem"],"mappings":";;;;;;;;AAWA,SAASA,EAAqBC,IAAS,oBAA4B;AACjE,SAAO,GAAGA,CAAM,IAAI,KAAK,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,GAAG,CAAC,CAAC;AAC5D;AAEA,SAASC,EAAgBC,GAAYC,GAAcC,GAAiB;AAC9D,MAAAD,MAASC,KAAMD,IAAO,KAAKA,KAAQD,EAAM,UAAUE,IAAK,KAAKA,IAAKF,EAAM;AACnE,WAAA,CAAC,GAAGA,CAAK;AAGZ,QAAAG,IAAW,CAAC,GAAGH,CAAK,GACpB,CAACI,CAAO,IAAID,EAAS,OAAOF,GAAM,CAAC;AAEzC,SAAIG,MAAY,SACP,CAAC,GAAGJ,CAAK,KAGTG,EAAA,OAAOD,GAAI,GAAGE,CAAO,GACvBD;AACT;AAEA,SAASE,EACPC,GACAC,GACAC,GACU;AAER,SAAAD,MAAiBC,KACjBD,IAAe,KACfA,KAAgBD,EAAa,UAC7BE,IAAa,KACbA,IAAaF,EAAa,SAEnB,CAAC,GAAGA,CAAY,IAGlBP,EAAaO,GAAcC,GAAcC,CAAU;AAC5D;AAEA,SAASC,EACPF,GACAC,GACAE,IAAkC,YAC1B;AAEJ,SAAAA,MAAW,cAAcH,IAAeC,IACnCA,IAAa,IAEfA;AACT;AA0BA,MAAMG,IAA2D;AAAA,EAC/D,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,UAAU;AACZ;AAEO,SAASC,GAAgB;AAAA,EAC9B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC,IAAkBN;AAAA,EAClB,UAAAO,IAAW;AAAA,EACX,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,eAAAC;AACF,GAAyB;AACvB,QAAMC,IAASC,EAAO1B,EAAqB,CAAC,EAAE,SAExC,CAAC2B,GAAWC,CAAY,IAAIC;AAAA,IAAmB,MACnD,MAAM,KAAK,EAAE,QAAQb,EAAM,UAAU,CAACc,GAAGC,MAAMA,CAAC;AAAA,EAClD,GACM,CAACC,GAAgBC,CAAiB,IAAIJ,EAAwB,IAAI,GAClE,CAACK,GAAYC,CAAa,IAAIN,EAAS,EAAK,GAC5C,CAACO,GAAoBC,CAAqB,IAAIR,EAAS,EAAK,GAC5D,CAACS,GAAqBC,CAAsB,IAAIV,EAAwB,IAAI,GAC5EW,IAAoBd,EAAgB,EAAK,GACzCe,IAAqBf,EAAgC,EAAE,GAEvDgB,IAAwBC;AAAA,IAC5B,OAAO;AAAA,MACL,GAAG7B;AAAA,MACH,GAAGM;AAAA,IAAA;AAAA,IAEL,CAACA,CAAe;AAAA,EAClB;AAEA,EAAAwB,EAAU,MAAM;AACV,IAAA5B,EAAM,WAAWW,EAAU,UAChBC,EAAA,MAAM,KAAK,EAAE,QAAQZ,EAAM,OAAO,GAAG,CAACc,GAAGC,MAAMA,CAAC,CAAC;AAAA,KAE/D,CAACf,EAAM,QAAQW,EAAU,MAAM,CAAC;AAG7B,QAAAkB,IAAmBC,EAAY,CAACC,MAAqB;AACzD,IAAAN,EAAmB,UAAU,CAAC,GACXA,EAAA,QAAQM,CAAQ,IAAI,IACvCd,EAAkBc,CAAQ;AAAA,EAC5B,GAAG,EAAE,GAECC,IAAqBF,EAAY,CAACC,MAAqB;AACvD,IAAAA,KAAYN,EAAmB,YACdA,EAAA,QAAQM,CAAQ,IAAI;AAGnC,UAAAE,IAAkB,OAAO,QAAQR,EAAmB,OAAO,EAC9D,OAAO,CAAC,CAACX,GAAGoB,CAAQ,MAAMA,CAAQ,EAClC,IAAI,CAAC,CAACC,CAAG,MAAM,OAAOA,CAAG,CAAC;AAEzB,IAAAF,EAAgB,WAAW,IAC7BhB,EAAkB,IAAI,IACbgB,EAAgB,WAAW,KACpChB,EAAkB,OAAOgB,EAAgB,CAAC,CAAC,CAAC;AAAA,EAEhD,GAAG,EAAE,GAECG,IAAWN;AAAA,IACf,CAACpC,GAAsBC,GAAoBE,IAAkC,eAAe;AAC1F,UACEQ,KACAX,MAAiBC,KACjBD,IAAe,KACfA,KAAgBiB,EAAU,UAC1BhB,IAAa,KACbA,IAAagB,EAAU;AAEvB;AAGF,MAAAa,EAAkB,UAAU;AACtB,YAAAa,IAAiB1B,EAAUjB,CAAY,GAGvC4C,IAAW9C;AAAA,QACfmB;AAAA,QACAjB;AAAA,QACAE,EAAqBF,GAAcC,GAAYE,CAAM;AAAA,MACvD;AAEA,MAAAe,EAAa0B,CAAQ;AAGrB,YAAMC,IAAoBb,EAAsB,WAAW,IAAIA,EAAsB;AAErF,iBAAW,MAAM;AAMf,YALAP,EAAc,EAAK,GACnBK,EAAkB,UAAU,IAC5BC,EAAmB,UAAU,CAAC,GAC9BR,EAAkB,IAAI,GAElBpB,MAAW,YAAY;AACzB,gBAAM2C,IAAcF,EAAS,UAAU,CAAAG,MAAOA,MAAQJ,CAAc;AAEpE,cAAIG,KAAe,GAAG;AACpB,YAAAjB,EAAuBiB,CAAW;AAClC,kBAAME,IAAc,SAAS;AAAA,cAC3B,kBAAkBjC,CAAM,OAAOkC,EAAO,UAAU;AAAA,YAClD;AAEI,YAAAH,IAAcE,EAAY,UAE5B,sBAAsB,MAAM;AACtB,cAAAA,EAAYF,CAAW,KACHE,EAAYF,CAAW,EAC/B,MAAM;AAAA,YACtB,CACD;AAAA,UACH;AAAA,QACF;AAGF,QAAItC,KACFA,EAAUoC,CAAQ;AAAA,SAEnBC,CAAiB;AAAA,IACtB;AAAA,IACA,CAAC5B,GAAWF,GAAQP,GAAWG,GAAUqB,CAAqB;AAAA,EAChE;AAGA,SAAIrB,IAEA,gBAAAuC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAY3C;AAAA,MACZ,WAAW4C,EAAWF,EAAO,iBAAiBxC,GAAWwC,EAAO,QAAQ;AAAA,MACxE,gBAAclC;AAAA,MACd,eAAY;AAAA,MAEX,UAAAE,EAAU,IAAI,CAAamC,MAAA;AACpB,cAAAC,IAAO/C,EAAM8C,CAAS;AACxB,eAACC,IAGH,gBAAAH;AAAA,UAAC;AAAA,UAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAWC,EAAWF,EAAO,iBAAiBnC,CAAa;AAAA,YAE3D,4BAAC,OAAI,EAAA,WAAWmC,EAAO,kBAAmB,YAAK,QAAQ,CAAA;AAAA,UAAA;AAAA,UAJlD,eAAeI,EAAK,MAAMD,CAAS;AAAA,QAK1C,IATgB;AAAA,MAWnB,CAAA;AAAA,IAAA;AAAA,EACH,IAKF,gBAAAF,EAACI,GAAY,EAAA,SAASC,GACpB,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,cAAYjD;AAAA,MACZ,WAAW4C,EAAWF,EAAO,iBAAiBxC,CAAS;AAAA,MACvD,gBAAcM;AAAA,MACd,eAAY;AAAA,MACZ,OAAO;AAAA,QACL,GAAI,CAACiB,EAAsB,YACxB;AAAA,UACC,wBAAwB,GAAGA,EAAsB,QAAQ;AAAA,UACzD,sBAAsBA,EAAsB;AAAA,QAAA;AAAA,MAElD;AAAA,MAEA,UAAA;AAAA,QAAA,gBAAAkB;AAAA,UAACO;AAAA,UAAA;AAAA,YACC,UAAU;AAAA,YACV,QAAA1C;AAAA,YACA,UAAUO,MAAmB;AAAA,YAC7B,YAAY,MAAM;AAChB,cAAAa,EAAiB,CAAC;AAAA,YACpB;AAAA,YACA,cAAc,MAAM;AAClB,cAAAG,EAAmB,CAAC;AAAA,YACtB;AAAA,YACA,QAAQ,CAACtC,MAAyB;AAC5B,cAAC8B,EAAkB,WACZY,EAAA1C,GAAc,GAAG,UAAU;AAAA,YAExC;AAAA,YACA,WAAWa;AAAA,UAAA;AAAA,QACb;AAAA,QAECI,EAAU,IAAI,CAACmC,GAAWf,MAAa;AAChC,gBAAAgB,IAAO/C,EAAM8C,CAAS;AACxB,iBAACC,sBAGF,OACC,EAAA,UAAA;AAAA,YAAA,gBAAAH;AAAA,cAACQ;AAAA,cAAA;AAAA,gBAEC,MAAAL;AAAA,gBACA,OAAOhB;AAAA,gBACP,UAAAK;AAAA,gBACA,WAAWpC,EAAM;AAAA,gBACjB,WAAA8C;AAAA,gBACA,QAAArC;AAAA,gBACA,eAAeS;AAAA,gBACf,eAAAC;AAAA,gBACA,oBAAAC;AAAA,gBACA,uBAAAC;AAAA,gBACA,uBAAuBD,KAAsBE,MAAwBS;AAAA,gBACrE,wBAAAR;AAAA,gBACA,kBAAAjB;AAAA,gBACA,WAAWE;AAAA,cAAA;AAAA,cAdN,QAAQuC,EAAK,MAAMD,CAAS;AAAA,YAenC;AAAA,YAEA,gBAAAF;AAAA,cAACO;AAAA,cAAA;AAAA,gBACC,UAAUpB,IAAW;AAAA,gBACrB,QAAAtB;AAAA,gBACA,UAAUO,MAAmBe,IAAW;AAAA,gBACxC,YAAY,MAAM;AAChB,kBAAAF,EAAiBE,IAAW,CAAC;AAAA,gBAC/B;AAAA,gBACA,cAAc,MAAM;AAClB,kBAAAC,EAAmBD,IAAW,CAAC;AAAA,gBACjC;AAAA,gBACA,QAAQ,CAACrC,MAAyB;AAC5B,kBAAC8B,EAAkB,WACZY,EAAA1C,GAAcqC,IAAW,GAAG,UAAU;AAAA,gBAEnD;AAAA,gBACA,WAAWxB;AAAA,cAAA;AAAA,YAAA;AAAA,UACb,KAnCQ,kBAAkBwC,EAAK,MAAMD,CAAS,IAAIf,CAAQ,EAoC5D,IAvCgB;AAAA,QAyCnB,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAEL;AAEJ;"}
+{"version":3,"file":"ReorderableList.js","sources":["../../../../src/components/Common/ReorderableList/ReorderableList.tsx"],"sourcesContent":["import { useRef, useState, useEffect, useCallback, useMemo } from 'react'\nimport classnames from 'classnames'\nimport { DndProvider } from 'react-dnd'\nimport { HTML5Backend } from 'react-dnd-html5-backend'\nimport type { ReactElement } from 'react'\nimport type { ReorderableListItem } from './ReorderableListTypes'\nimport styles from './ReorderableList.module.scss'\nimport { ReorderableItem } from './ReorderableItem'\nimport { DropZone } from './DropZone'\n\n// Helper functions\nfunction generateUniqueListId(prefix = 'reorderable-list'): string {\n  return `${prefix}-${Math.random().toString(36).slice(2, 9)}`\n}\n\nfunction reorderArray<T>(array: T[], from: number, to: number): T[] {\n  if (from === to || from < 0 || from >= array.length || to < 0 || to > array.length) {\n    return [...array]\n  }\n\n  const newArray = [...array]\n  const [removed] = newArray.splice(from, 1)\n\n  if (removed === undefined) {\n    return [...array]\n  }\n\n  newArray.splice(to, 0, removed)\n  return newArray\n}\n\nfunction calculateNewOrder(\n  currentOrder: number[],\n  fromPosition: number,\n  toPosition: number,\n): number[] {\n  if (\n    fromPosition === toPosition ||\n    fromPosition < 0 ||\n    fromPosition >= currentOrder.length ||\n    toPosition < 0 ||\n    toPosition > currentOrder.length\n  ) {\n    return [...currentOrder]\n  }\n\n  return reorderArray(currentOrder, fromPosition, toPosition)\n}\n\nfunction adjustTargetPosition(\n  fromPosition: number,\n  toPosition: number,\n  source: 'keyboard' | 'dragdrop' = 'dragdrop',\n): number {\n  // When dragging, adjust the target position if moving an element forward\n  if (source === 'dragdrop' && fromPosition < toPosition) {\n    return toPosition - 1\n  }\n  return toPosition\n}\n\ninterface ReorderableListAnimationConfig {\n  duration?: number\n  easing?: string\n  disabled?: boolean\n}\n\ninterface ReorderableListProps {\n  items: ReorderableListItem[]\n  label: string\n  onReorder?: (itemOrder: number[]) => void\n  className?: string\n  animationConfig?: ReorderableListAnimationConfig\n  disabled?: boolean\n  renderDragHandle?: (props: {\n    id: string | number\n    label: string\n    isReordering: boolean\n    isDragging: boolean\n  }) => ReactElement\n  dropZoneClassName?: string\n  itemClassName?: string\n}\n\n// Default animation config\nconst DEFAULT_ANIMATION_CONFIG: ReorderableListAnimationConfig = {\n  duration: 200,\n  easing: 'ease-in-out',\n  disabled: false,\n}\n\nexport function ReorderableList({\n  items,\n  label,\n  onReorder,\n  className,\n  animationConfig = DEFAULT_ANIMATION_CONFIG,\n  disabled = false,\n  renderDragHandle,\n  dropZoneClassName,\n  itemClassName,\n}: ReorderableListProps) {\n  const listId = useRef(generateUniqueListId()).current\n\n  const [itemOrder, setItemOrder] = useState<number[]>(() =>\n    Array.from({ length: items.length }, (_, i) => i),\n  )\n  const [activeDropZone, setActiveDropZone] = useState<number | null>(null)\n  const [isDragging, setIsDragging] = useState(false)\n  const [isReorderingActive, setIsReorderingActive] = useState(false)\n  const [reorderingItemIndex, setReorderingItemIndex] = useState<number | null>(null)\n  const pendingReorderRef = useRef<boolean>(false)\n  const activeDropZonesRef = useRef<Record<number, boolean>>({})\n\n  const mergedAnimationConfig = useMemo(\n    () => ({\n      ...DEFAULT_ANIMATION_CONFIG,\n      ...animationConfig,\n    }),\n    [animationConfig],\n  )\n\n  useEffect(() => {\n    if (items.length !== itemOrder.length) {\n      setItemOrder(Array.from({ length: items.length }, (_, i) => i))\n    }\n  }, [items.length, itemOrder.length])\n\n  // Debounced state setter for drop zones to prevent flickering\n  const activateDropZone = useCallback((position: number) => {\n    activeDropZonesRef.current = {}\n    activeDropZonesRef.current[position] = true\n    setActiveDropZone(position)\n  }, [])\n\n  const deactivateDropZone = useCallback((position: number) => {\n    if (position in activeDropZonesRef.current) {\n      activeDropZonesRef.current[position] = false\n    }\n\n    const activeDropZones = Object.entries(activeDropZonesRef.current)\n      .filter(([_, isActive]) => isActive)\n      .map(([pos]) => Number(pos))\n\n    if (activeDropZones.length === 0) {\n      setActiveDropZone(null)\n    } else if (activeDropZones.length === 1) {\n      setActiveDropZone(Number(activeDropZones[0]))\n    }\n  }, [])\n\n  const moveItem = useCallback(\n    (fromPosition: number, toPosition: number, source: 'keyboard' | 'dragdrop' = 'dragdrop') => {\n      if (\n        disabled ||\n        fromPosition === toPosition ||\n        fromPosition < 0 ||\n        fromPosition >= itemOrder.length ||\n        toPosition < 0 ||\n        toPosition > itemOrder.length\n      ) {\n        return\n      }\n\n      pendingReorderRef.current = true\n      const movedItemIndex = itemOrder[fromPosition]\n\n      // Use utility function to calculate new order\n      const newOrder = calculateNewOrder(\n        itemOrder,\n        fromPosition,\n        adjustTargetPosition(fromPosition, toPosition, source),\n      )\n\n      setItemOrder(newOrder)\n\n      // Use the configured animation duration\n      const animationDuration = mergedAnimationConfig.disabled ? 0 : mergedAnimationConfig.duration\n\n      setTimeout(() => {\n        setIsDragging(false)\n        pendingReorderRef.current = false\n        activeDropZonesRef.current = {}\n        setActiveDropZone(null)\n\n        if (source === 'keyboard') {\n          const newPosition = newOrder.findIndex(idx => idx === movedItemIndex)\n\n          if (newPosition >= 0) {\n            setReorderingItemIndex(newPosition)\n            const dragButtons = document.querySelectorAll(\n              `[data-list-id=\"${listId}\"] .${styles.dragHandle} button`,\n            )\n\n            if (newPosition < dragButtons.length) {\n              // Use requestAnimationFrame for smoother focus handling\n              requestAnimationFrame(() => {\n                if (dragButtons[newPosition]) {\n                  const buttonToFocus = dragButtons[newPosition] as HTMLElement\n                  buttonToFocus.focus()\n                }\n              })\n            }\n          }\n        }\n\n        if (onReorder) {\n          onReorder(newOrder)\n        }\n      }, animationDuration)\n    },\n    [itemOrder, listId, onReorder, disabled, mergedAnimationConfig],\n  )\n\n  // If the list is disabled, don't render the DnD functionality\n  if (disabled) {\n    return (\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className, styles.disabled)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n      >\n        {itemOrder.map(itemIndex => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div\n              key={`item-static-${item.id || itemIndex}`}\n              role=\"listitem\"\n              className={classnames(styles.reorderableItem, itemClassName)}\n            >\n              <div className={styles.contentContainer}>{item.content}</div>\n            </div>\n          )\n        })}\n      </div>\n    )\n  }\n\n  return (\n    <DndProvider backend={HTML5Backend}>\n      <div\n        role=\"list\"\n        aria-label={label}\n        className={classnames(styles.reorderableList, className)}\n        data-list-id={listId}\n        data-testid=\"reorderable-list\"\n        style={{\n          ...(!mergedAnimationConfig.disabled &&\n            ({\n              '--animation-duration': `${mergedAnimationConfig.duration}ms`,\n              '--animation-easing': mergedAnimationConfig.easing,\n            } as React.CSSProperties)),\n        }}\n      >\n        <DropZone\n          position={0}\n          listId={listId}\n          isActive={activeDropZone === 0}\n          onActivate={() => {\n            activateDropZone(0)\n          }}\n          onDeactivate={() => {\n            deactivateDropZone(0)\n          }}\n          onDrop={(fromPosition: number) => {\n            if (!pendingReorderRef.current) {\n              moveItem(fromPosition, 0, 'dragdrop')\n            }\n          }}\n          className={dropZoneClassName}\n        />\n\n        {itemOrder.map((itemIndex, position) => {\n          const item = items[itemIndex]\n          if (!item) return null\n\n          return (\n            <div key={`item-container-${item.id || itemIndex}-${position}`}>\n              <ReorderableItem\n                key={`item-${item.id || itemIndex}`}\n                item={item}\n                index={position}\n                moveItem={moveItem}\n                itemCount={items.length}\n                itemIndex={itemIndex}\n                listId={listId}\n                isDraggingAny={isDragging}\n                setIsDragging={setIsDragging}\n                isReorderingActive={isReorderingActive}\n                setIsReorderingActive={setIsReorderingActive}\n                isCurrentlyReordering={isReorderingActive && reorderingItemIndex === position}\n                setReorderingItemIndex={setReorderingItemIndex}\n                renderDragHandle={renderDragHandle}\n                className={itemClassName}\n              />\n\n              <DropZone\n                position={position + 1}\n                listId={listId}\n                isActive={activeDropZone === position + 1}\n                onActivate={() => {\n                  activateDropZone(position + 1)\n                }}\n                onDeactivate={() => {\n                  deactivateDropZone(position + 1)\n                }}\n                onDrop={(fromPosition: number) => {\n                  if (!pendingReorderRef.current) {\n                    moveItem(fromPosition, position + 1, 'dragdrop')\n                  }\n                }}\n                className={dropZoneClassName}\n              />\n            </div>\n          )\n        })}\n      </div>\n    </DndProvider>\n  )\n}\n"],"names":["generateUniqueListId","prefix","reorderArray","array","from","to","newArray","removed","calculateNewOrder","currentOrder","fromPosition","toPosition","adjustTargetPosition","source","DEFAULT_ANIMATION_CONFIG","ReorderableList","items","label","onReorder","className","animationConfig","disabled","renderDragHandle","dropZoneClassName","itemClassName","listId","useRef","itemOrder","setItemOrder","useState","_","i","activeDropZone","setActiveDropZone","isDragging","setIsDragging","isReorderingActive","setIsReorderingActive","reorderingItemIndex","setReorderingItemIndex","pendingReorderRef","activeDropZonesRef","mergedAnimationConfig","useMemo","useEffect","activateDropZone","useCallback","position","deactivateDropZone","activeDropZones","isActive","pos","moveItem","movedItemIndex","newOrder","animationDuration","newPosition","idx","dragButtons","styles","jsx","classnames","itemIndex","item","DndProvider","HTML5Backend","jsxs","DropZone","ReorderableItem"],"mappings":"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"}

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

@@ -1,28 +1,28 @@
-const e = "_reorderableList_90xu1_1", o = "_disabled_90xu1_10", r = "_reorderableItem_90xu1_10", n = "_contentContainer_90xu1_16", t = "_dragging_90xu1_37", d = "_reordering_90xu1_40", _ = "_dragHandle_90xu1_45", i = "_dropZoneContainer_90xu1_71", a = "_dropZone_90xu1_71", s = "_isHighlighted_90xu1_89", g = "_activeDropZone_90xu1_89", c = {
+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 = {
   reorderableList: e,
-  disabled: o,
-  reorderableItem: r,
+  disabled: r,
+  reorderableItem: o,
   contentContainer: n,
   dragging: t,
-  reordering: d,
-  dragHandle: _,
-  dropZoneContainer: i,
-  dropZone: a,
-  isHighlighted: s,
+  reordering: s,
+  dragHandle: d,
+  dropZoneContainer: _,
+  dropZone: i,
+  isHighlighted: a,
   activeDropZone: g
 };
 export {
   g as activeDropZone,
   n as contentContainer,
   c as default,
-  o as disabled,
-  _ as dragHandle,
+  r as disabled,
+  d as dragHandle,
   t as dragging,
-  a as dropZone,
-  i as dropZoneContainer,
-  s as isHighlighted,
-  r as reorderableItem,
+  i as dropZone,
+  _ as dropZoneContainer,
+  a as isHighlighted,
+  o as reorderableItem,
   e as reorderableList,
-  d as reordering
+  s as reordering
 };
 //# sourceMappingURL=ReorderableList.module.scss.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <ul className={styles.list}>\n        {requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <li key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Heading as=\"h4\">{step.title}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </li>\n            )\n          })}\n      </ul>\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","jsx","Flex","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAoB,GACjCC,IAAKC,EAAM;AAGf,SAAA,gBAAAC,EAACC,GAAK,EAAA,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAD,EAAC,MAAG,EAAA,WAAWE,EAAO,MACnB,YACE,KAAK,CAACC,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAEP,gBAAAC,EAAA,MAAA,EAA0C,WAAWL,EAAO,UAC1D,UAAA;AAAA,IAAKG,EAAA,YACH,gBAAAL,EAAA,OAAA,EAAI,WAAWQ,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAC,gBAAAF,EAAAS,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAI,CAAA,EACvC,CAAA,IAEA,gBAAAT,EAAC,SAAI,WAAWE,EAAO,cAAe,UAAAI,IAAI,EAAE,CAAA;AAAA,IAE7C,gBAAAC,EAAAN,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,OAAM;AAAA,wBACvCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAY,CAAA;AAAA,IAAA,EAC1D,CAAA;AAAA,EAAA,KAXO,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAYvC,CAEH,GACL,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"RequirementsList.js","sources":["../../../../src/components/Common/RequirementsList/RequirementsList.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { useId } from 'react'\nimport { Flex } from '../Flex/Flex'\nimport styles from './RequirementsList.module.scss'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\nimport SuccessCheck from '@/assets/icons/checkbox.svg?react'\n\ninterface RequirementsListProps {\n  requirements: {\n    title: string\n    description: string\n    completed: boolean\n  }[]\n}\nexport const RequirementsList = ({ requirements }: RequirementsListProps) => {\n  const Components = useComponentContext()\n  const id = useId()\n\n  return (\n    <Flex flexDirection=\"column\" alignItems=\"flex-start\" gap={8}>\n      <ul className={styles.list}>\n        {requirements\n          .sort((a, b) => (a.completed ? -1 : 1))\n          .map((step, i) => {\n            return (\n              <li key={`${id}-${i}-${step.description}`} className={styles.listItem}>\n                {step.completed ? (\n                  <div className={classNames(styles.listItemIcon, styles.success)}>\n                    <SuccessCheck width={16} height={16} />\n                  </div>\n                ) : (\n                  <div className={styles.listItemIcon}>{i + 1}</div>\n                )}\n                <Flex flexDirection=\"column\" gap={0}>\n                  <Components.Heading as=\"h4\">{step.title}</Components.Heading>\n                  <Components.Text variant=\"supporting\">{step.description}</Components.Text>\n                </Flex>\n              </li>\n            )\n          })}\n      </ul>\n    </Flex>\n  )\n}\n"],"names":["RequirementsList","requirements","Components","useComponentContext","id","useId","jsx","Flex","styles","a","b","step","i","jsxs","classNames","SuccessCheck"],"mappings":";;;;;;;AAcO,MAAMA,IAAmB,CAAC,EAAE,cAAAC,QAA0C;AAC3E,QAAMC,IAAaC,EAAA,GACbC,IAAKC,EAAA;AAEX,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,YAAW,cAAa,KAAK,GACxD,UAAA,gBAAAD,EAAC,MAAA,EAAG,WAAWE,EAAO,MACnB,YACE,KAAK,CAACC,GAAGC,MAAOD,EAAE,YAAY,KAAK,CAAE,EACrC,IAAI,CAACE,GAAMC,MAER,gBAAAC,EAAC,MAAA,EAA0C,WAAWL,EAAO,UAC1D,UAAA;AAAA,IAAAG,EAAK,YACJ,gBAAAL,EAAC,OAAA,EAAI,WAAWQ,EAAWN,EAAO,cAAcA,EAAO,OAAO,GAC5D,UAAA,gBAAAF,EAACS,GAAA,EAAa,OAAO,IAAI,QAAQ,GAAA,CAAI,EAAA,CACvC,IAEA,gBAAAT,EAAC,SAAI,WAAWE,EAAO,cAAe,UAAAI,IAAI,EAAA,CAAE;AAAA,IAE9C,gBAAAC,EAACN,GAAA,EAAK,eAAc,UAAS,KAAK,GAChC,UAAA;AAAA,MAAA,gBAAAD,EAACJ,EAAW,SAAX,EAAmB,IAAG,MAAM,YAAK,OAAM;AAAA,wBACvCA,EAAW,MAAX,EAAgB,SAAQ,cAAc,YAAK,YAAA,CAAY;AAAA,IAAA,EAAA,CAC1D;AAAA,EAAA,KAXO,GAAGE,CAAE,IAAIQ,CAAC,IAAID,EAAK,WAAW,EAYvC,CAEH,GACL,GACF;AAEJ;"}

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

@@ -1,4 +1,4 @@
-const s = "_list_k1b3f_1", t = "_listItem_k1b3f_5", c = "_listItemIcon_k1b3f_22", e = "_success_k1b3f_35", _ = {
+const s = "_list_1m8z2_1", t = "_listItem_1m8z2_5", c = "_listItemIcon_1m8z2_22", e = "_success_1m8z2_35", _ = {
   list: s,
   listItem: t,
   listItemIcon: c,

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

@@ -5,22 +5,24 @@ import { zodResolver as l } from "@hookform/resolvers/zod";
 import t from "./SignatureForm.module.scss.js";
 import { Form as u } from "../Form/Form.js";
 import { Flex as c } from "../Flex/Flex.js";
+import "classnames";
+import "../../../shared/constants.js";
 const f = o.object({
   signature: o.string().min(1),
   confirmSignature: o.literal(!0)
-}), d = {
+}), p = {
   signature: ""
 };
-function b({ onSubmit: m, children: i, formProps: n }) {
+function z({ onSubmit: m, children: i, formProps: n }) {
   const e = s({
     resolver: l(f),
-    defaultValues: d,
+    defaultValues: p,
     ...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 }) }) }) });
 }
 export {
-  b as SignatureForm,
+  z as SignatureForm,
   f 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":";;;;;;;AAOa,MAAAA,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,SACG,gBAAAI,EAAAC,GAAA,EAAc,GAAGJ,GAChB,UAAC,gBAAAG,EAAAE,GAAA,EAAK,UAAUL,EAAQ,aAAaH,CAAQ,GAAG,WAAWS,EAAO,WAChE,UAAC,gBAAAH,EAAA,OAAA,EAAI,WAAWG,EAAO,YACrB,UAAA,gBAAAH,EAACI,GAAK,EAAA,eAAc,UAAS,KAAK,IAC/B,UAAAT,EACH,CAAA,EACF,CAAA,EACF,CAAA,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/SignatureForm.module.scss.js

@@ -1,10 +1,10 @@
-const o = "_container_199qg_1", e = "_formFields_199qg_5", n = {
-  container: o,
-  formFields: e
+const t = "_container_1htg1_1", o = "_formFields_1htg1_5", e = {
+  container: t,
+  formFields: o
 };
 export {
-  o as container,
-  n as default,
-  e as formFields
+  t as container,
+  e as default,
+  o as formFields
 };
 //# sourceMappingURL=SignatureForm.module.scss.js.map