@gusto/embedded-react-sdk 0.21.0 → 0.23.0

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":"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"}
+{"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') => {\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/SignatureForm/SignatureFormActions.js

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

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

@@ -1,8 +1,8 @@
 import { jsxs as n, Fragment as s, jsx as r } from "react/jsx-runtime";
 import "../../../shared/constants.js";
 import "classnames";
-import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import "react-i18next";
+import { TextInputField as p } from "../Fields/TextInputField/TextInputField.js";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { CheckboxField as a } from "../Fields/CheckboxField/CheckboxField.js";

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

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

package/dist/components/Common/UI/Banner/BannerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"BannerTypes.js","sources":["../../../../../src/components/Common/UI/Banner/BannerTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface BannerProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {\n  /**\n   * Title content displayed in the colored header section\n   */\n  title: ReactNode\n  /**\n   * Content to be displayed in the main content area\n   */\n  children: ReactNode\n  /**\n   * Visual status variant of the banner\n   */\n  status?: 'warning' | 'error'\n}\n\n/**\n * Default prop values for Banner component.\n */\nexport const BannerDefaults = {\n  status: 'warning',\n} as const satisfies Partial<BannerProps>\n"],"names":["BannerDefaults"],"mappings":"AAqBO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AACV;"}
+{"version":3,"file":"BannerTypes.js","sources":["../../../../../src/components/Common/UI/Banner/BannerTypes.ts"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from 'react'\n\nexport interface BannerProps extends Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Title content displayed in the colored header section\n   */\n  title: ReactNode\n  /**\n   * Content to be displayed in the main content area\n   */\n  children: ReactNode\n  /**\n   * Visual status variant of the banner\n   */\n  status?: 'warning' | 'error'\n}\n\n/**\n * Default prop values for Banner component.\n */\nexport const BannerDefaults = {\n  status: 'warning',\n} as const satisfies Partial<BannerProps>\n"],"names":["BannerDefaults"],"mappings":"AAuBO,MAAMA,IAAiB;AAAA,EAC5B,QAAQ;AACV;"}

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

@@ -1,2 +1,2 @@
 import { ButtonIconProps } from './ButtonTypes';
-export declare function ButtonIcon({ variant, className, ...props }: ButtonIconProps): import("react/jsx-runtime").JSX.Element;
+export declare function ButtonIcon(rawProps: ButtonIconProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Common/UI/Button/ButtonIcon.js

@@ -1,11 +1,14 @@
-import { jsx as m } from "react/jsx-runtime";
-import n from "classnames";
-import { Button as e } from "./Button.js";
-import i from "./ButtonIcon.module.scss.js";
-function a({ variant: r, className: t, ...o }) {
-  return /* @__PURE__ */ m(e, { ...o, variant: r, className: n(i.root, t), children: o.children });
+import { jsx as p } from "react/jsx-runtime";
+import a from "classnames";
+import { ButtonIconDefaults as e } from "./ButtonTypes.js";
+import { Button as i } from "./Button.js";
+import c from "./ButtonIcon.module.scss.js";
+import { applyMissingDefaults as f } from "../../../../helpers/applyMissingDefaults.js";
+function x(o) {
+  const t = f(o, e), { children: r, variant: s, className: m, ...n } = t;
+  return /* @__PURE__ */ p(i, { ...n, variant: s, className: a(c.root, m), children: r });
 }
 export {
-  a as ButtonIcon
+  x as ButtonIcon
 };
 //# sourceMappingURL=ButtonIcon.js.map

package/dist/components/Common/UI/Button/ButtonIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\n\nexport function ButtonIcon({ variant, className, ...props }: ButtonIconProps) {\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {props.children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;AAKO,SAASA,EAAW,EAAE,SAAAC,GAAS,WAAAC,GAAW,GAAGC,KAA0B;AAC5E,SACE,gBAAAC,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAC,EAAM,SAAA,CACT;AAEJ;"}
+{"version":3,"file":"ButtonIcon.js","sources":["../../../../../src/components/Common/UI/Button/ButtonIcon.tsx"],"sourcesContent":["import classNames from 'classnames'\nimport { ButtonIconDefaults, type ButtonIconProps } from './ButtonTypes'\nimport { Button } from './Button'\nimport styles from './ButtonIcon.module.scss'\nimport { applyMissingDefaults } from '@/helpers/applyMissingDefaults'\n\nexport function ButtonIcon(rawProps: ButtonIconProps) {\n  const resolvedProps = applyMissingDefaults(rawProps, ButtonIconDefaults)\n  const { children, variant, className, ...props } = resolvedProps\n\n  return (\n    <Button {...props} variant={variant} className={classNames(styles.root, className)}>\n      {children}\n    </Button>\n  )\n}\n"],"names":["ButtonIcon","rawProps","resolvedProps","applyMissingDefaults","ButtonIconDefaults","children","variant","className","props","jsx","Button","classNames","styles"],"mappings":";;;;;;AAMO,SAASA,EAAWC,GAA2B;AACpD,QAAMC,IAAgBC,EAAqBF,GAAUG,CAAkB,GACjE,EAAE,UAAAC,GAAU,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAUN;AAEnD,SACE,gBAAAO,EAACC,GAAA,EAAQ,GAAGF,GAAO,SAAAF,GAAkB,WAAWK,EAAWC,EAAO,MAAML,CAAS,GAC9E,UAAAF,EAAA,CACH;AAEJ;"}

package/dist/components/Common/UI/Button/ButtonTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\nexport interface ButtonProps\n  extends Pick<\n    ButtonHTMLAttributes<HTMLButtonElement>,\n    | 'name'\n    | 'id'\n    | 'className'\n    | 'type'\n    | 'onClick'\n    | 'onKeyDown'\n    | 'onKeyUp'\n    | 'aria-label'\n    | 'aria-labelledby'\n    | 'aria-describedby'\n    | 'form'\n    | 'title'\n    | 'tabIndex'\n  > {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AA4DO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"ButtonTypes.js","sources":["../../../../../src/components/Common/UI/Button/ButtonTypes.ts"],"sourcesContent":["import type { Ref, ButtonHTMLAttributes, ReactNode, FocusEvent } from 'react'\n\nexport interface ButtonProps extends Pick<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  | 'name'\n  | 'id'\n  | 'className'\n  | 'type'\n  | 'onClick'\n  | 'onKeyDown'\n  | 'onKeyUp'\n  | 'aria-label'\n  | 'aria-labelledby'\n  | 'aria-describedby'\n  | 'form'\n  | 'title'\n  | 'tabIndex'\n> {\n  /**\n   * React ref for the button element\n   */\n  buttonRef?: Ref<HTMLButtonElement>\n  /**\n   * Visual style variant of the button\n   */\n  variant?: 'primary' | 'secondary' | 'tertiary' | 'error'\n  /**\n   * Shows a loading spinner and disables the button\n   */\n  isLoading?: boolean\n  /**\n   * Disables the button and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Content to be rendered inside the button\n   */\n  children?: ReactNode\n  /**\n   * Handler for blur events\n   */\n  onBlur?: (e: FocusEvent) => void\n  /**\n   * Handler for focus events\n   */\n  onFocus?: (e: FocusEvent) => void\n}\n\nexport type ButtonIconProps = ButtonProps & {\n  /**\n   * Required aria-label for icon buttons to ensure accessibility\n   */\n  'aria-label': string\n}\n\n/**\n * Default prop values for Button component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const ButtonDefaults = {\n  variant: 'primary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonProps>\n\n/**\n * Default prop values for ButtonIcon component.\n */\nexport const ButtonIconDefaults = {\n  variant: 'tertiary',\n  isLoading: false,\n  isDisabled: false,\n} as const satisfies Partial<ButtonIconProps>\n"],"names":["ButtonDefaults","ButtonIconDefaults"],"mappings":"AA2DO,MAAMA,IAAiB;AAAA,EAC5B,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd,GAKaC,IAAqB;AAAA,EAChC,SAAS;AAAA,EACT,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/Checkbox/CheckboxTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface CheckboxProps\n  extends SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAmCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"CheckboxTypes.js","sources":["../../../../../src/components/Common/UI/Checkbox/CheckboxTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface CheckboxProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className'> {\n  /**\n   * Current checked state of the checkbox\n   */\n  value?: boolean\n  /**\n   * Callback when checkbox state changes\n   */\n  onChange?: (value: boolean) => void\n  /**\n   * React ref for the checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates if the checkbox is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the checkbox and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for Checkbox component.\n */\nexport const CheckboxDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<CheckboxProps>\n"],"names":["CheckboxDefaults"],"mappings":"AAoCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroupTypes.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface CheckboxGroupOption {\n  /**\n   * Label text or content for the checkbox option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific checkbox option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the checkbox option\n   */\n  description?: React.ReactNode\n}\n\nexport interface CheckboxGroupProps\n  extends SharedFieldLayoutProps,\n    Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates if the checkbox group is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all checkbox options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of checkbox options to display\n   */\n  options: Array<CheckboxGroupOption>\n  /**\n   * Array of currently selected values\n   */\n  value?: string[]\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string[]) => void\n  /**\n   * React ref for the first checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for CheckboxGroup component.\n */\nexport const CheckboxGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<CheckboxGroupProps>\n"],"names":["CheckboxGroupDefaults"],"mappings":"AAsDO,MAAMA,IAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"CheckboxGroupTypes.js","sources":["../../../../../src/components/Common/UI/CheckboxGroup/CheckboxGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface CheckboxGroupOption {\n  /**\n   * Label text or content for the checkbox option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific checkbox option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the checkbox option\n   */\n  description?: React.ReactNode\n}\n\nexport interface CheckboxGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates if the checkbox group is in an invalid state\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all checkbox options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of checkbox options to display\n   */\n  options: Array<CheckboxGroupOption>\n  /**\n   * Array of currently selected values\n   */\n  value?: string[]\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string[]) => void\n  /**\n   * React ref for the first checkbox input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for CheckboxGroup component.\n */\nexport const CheckboxGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<CheckboxGroupProps>\n"],"names":["CheckboxGroupDefaults"],"mappings":"AAqDO,MAAMA,IAAwB;AAAA,EACnC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_hjm4b_1", s = "_icons_hjm4b_66", t = "_popover_hjm4b_76", _ = {
+const o = "_root_wz8lv_1", s = "_icons_wz8lv_66", t = "_popover_wz8lv_76", _ = {
   root: o,
   icons: s,
   popover: t

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

@@ -1,14 +1,14 @@
-const o = "_container_1s6dq_1", s = "_root_1s6dq_5", n = "_popover_1s6dq_99", t = "_icons_1s6dq_231", _ = {
+const o = "_container_zffe8_1", n = "_root_zffe8_5", t = "_popover_zffe8_99", e = "_icons_zffe8_231", _ = {
   container: o,
-  root: s,
-  popover: n,
-  icons: t
+  root: n,
+  popover: t,
+  icons: e
 };
 export {
   o as container,
   _ as default,
-  t as icons,
-  n as popover,
-  s as root
+  e as icons,
+  t as popover,
+  n as root
 };
 //# sourceMappingURL=DatePicker.module.scss.js.map

package/dist/components/Common/UI/Input/InputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputTypes.js","sources":["../../../../../src/components/Common/UI/Input/InputTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface InputProps\n  extends Pick<\n    InputHTMLAttributes<HTMLInputElement>,\n    | 'className'\n    | 'id'\n    | 'name'\n    | 'placeholder'\n    | 'type'\n    | 'value'\n    | 'onChange'\n    | 'onBlur'\n    | 'aria-describedby'\n    | 'aria-invalid'\n    | 'min'\n    | 'max'\n  > {\n  /**\n   * Ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n\n  /**\n   * Content to display at the start of the input\n   */\n  adornmentStart?: ReactNode\n\n  /**\n   * Content to display at the end of the input\n   */\n  adornmentEnd?: ReactNode\n\n  /**\n   * Whether the input is disabled\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Input component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const InputDefaults = {\n  isDisabled: false,\n} as const satisfies Partial<InputProps>\n"],"names":["InputDefaults"],"mappings":"AA2CO,MAAMA,IAAgB;AAAA,EAC3B,YAAY;AACd;"}
+{"version":3,"file":"InputTypes.js","sources":["../../../../../src/components/Common/UI/Input/InputTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, ReactNode, Ref } from 'react'\n\nexport interface InputProps extends Pick<\n  InputHTMLAttributes<HTMLInputElement>,\n  | 'className'\n  | 'id'\n  | 'name'\n  | 'placeholder'\n  | 'type'\n  | 'value'\n  | 'onChange'\n  | 'onBlur'\n  | 'aria-describedby'\n  | 'aria-invalid'\n  | 'min'\n  | 'max'\n> {\n  /**\n   * Ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n\n  /**\n   * Content to display at the start of the input\n   */\n  adornmentStart?: ReactNode\n\n  /**\n   * Content to display at the end of the input\n   */\n  adornmentEnd?: ReactNode\n\n  /**\n   * Whether the input is disabled\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Input component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const InputDefaults = {\n  isDisabled: false,\n} as const satisfies Partial<InputProps>\n"],"names":["InputDefaults"],"mappings":"AA0CO,MAAMA,IAAgB;AAAA,EAC3B,YAAY;AACd;"}

package/dist/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoadingSpinnerTypes.js","sources":["../../../../../src/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport interface LoadingSpinnerProps\n  extends Pick<HTMLAttributes<HTMLDivElement>, 'className' | 'id' | 'aria-label'> {\n  /**\n   * Size of the spinner\n   */\n  size?: 'lg' | 'sm'\n  /**\n   * Display style of the spinner\n   */\n  style?: 'inline' | 'block'\n}\n\n/**\n * Default prop values for LoadingSpinner component.\n */\nexport const LoadingSpinnerDefaults = {\n  size: 'lg',\n  style: 'block',\n} as const satisfies Partial<LoadingSpinnerProps>\n"],"names":["LoadingSpinnerDefaults"],"mappings":"AAiBO,MAAMA,IAAyB;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;"}
+{"version":3,"file":"LoadingSpinnerTypes.js","sources":["../../../../../src/components/Common/UI/LoadingSpinner/LoadingSpinnerTypes.ts"],"sourcesContent":["import type { HTMLAttributes } from 'react'\n\nexport interface LoadingSpinnerProps extends Pick<\n  HTMLAttributes<HTMLDivElement>,\n  'className' | 'id' | 'aria-label'\n> {\n  /**\n   * Size of the spinner\n   */\n  size?: 'lg' | 'sm'\n  /**\n   * Display style of the spinner\n   */\n  style?: 'inline' | 'block'\n}\n\n/**\n * Default prop values for LoadingSpinner component.\n */\nexport const LoadingSpinnerDefaults = {\n  size: 'lg',\n  style: 'block',\n} as const satisfies Partial<LoadingSpinnerProps>\n"],"names":["LoadingSpinnerDefaults"],"mappings":"AAmBO,MAAMA,IAAyB;AAAA,EACpC,MAAM;AAAA,EACN,OAAO;AACT;"}

package/dist/components/Common/UI/Radio/RadioTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioTypes.js","sources":["../../../../../src/components/Common/UI/Radio/RadioTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface RadioProps\n  extends SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {\n  /**\n   * Current checked state of the radio button\n   */\n  value?: boolean\n  /**\n   * Callback when radio button state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * React ref for the radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the radio button and prevents interaction\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Radio component.\n */\nexport const RadioDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<RadioProps>\n"],"names":["RadioDefaults"],"mappings":"AA+BO,MAAMA,IAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"RadioTypes.js","sources":["../../../../../src/components/Common/UI/Radio/RadioTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface RadioProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id' | 'className' | 'onBlur'> {\n  /**\n   * Current checked state of the radio button\n   */\n  value?: boolean\n  /**\n   * Callback when radio button state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * React ref for the radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the radio button and prevents interaction\n   */\n  isDisabled?: boolean\n}\n\n/**\n * Default prop values for Radio component.\n */\nexport const RadioDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<RadioProps>\n"],"names":["RadioDefaults"],"mappings":"AAgCO,MAAMA,IAAgB;AAAA,EAC3B,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Common/UI/RadioGroup/RadioGroupTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps,\n    Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AA0DO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}
+{"version":3,"file":"RadioGroupTypes.js","sources":["../../../../../src/components/Common/UI/RadioGroup/RadioGroupTypes.ts"],"sourcesContent":["import type { FieldsetHTMLAttributes, Ref } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface RadioGroupOption {\n  /**\n   * Label text or content for the radio option\n   */\n  label: React.ReactNode\n  /**\n   * Value of the option that will be passed to onChange\n   */\n  value: string\n  /**\n   * Disables this specific radio option\n   */\n  isDisabled?: boolean\n  /**\n   * Optional description text for the radio option\n   */\n  description?: React.ReactNode\n}\n\nexport interface RadioGroupProps\n  extends SharedFieldLayoutProps, Pick<FieldsetHTMLAttributes<HTMLFieldSetElement>, 'className'> {\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables all radio options in the group\n   */\n  isDisabled?: boolean\n  /**\n   * Array of radio options to display\n   */\n  options: Array<RadioGroupOption>\n  /**\n   * Currently selected value\n   */\n  value?: string\n  /**\n   * Initially selected value\n   */\n  defaultValue?: string\n  /**\n   * Callback when selection changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * React ref for the first radio input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n}\n\n/**\n * Default prop values for RadioGroup component.\n */\nexport const RadioGroupDefaults = {\n  isRequired: false,\n  isInvalid: false,\n  isDisabled: false,\n  shouldVisuallyHideLabel: false,\n} as const satisfies Partial<RadioGroupProps>\n"],"names":["RadioGroupDefaults"],"mappings":"AAyDO,MAAMA,IAAqB;AAAA,EAChC,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,yBAAyB;AAC3B;"}

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

@@ -1,12 +1,12 @@
-const o = "_root_lmlas_1", s = "_icons_lmlas_17", t = "_popover_lmlas_67", _ = {
+const o = "_root_1d2dd_1", d = "_icons_1d2dd_17", s = "_popover_1d2dd_67", t = {
   root: o,
-  icons: s,
-  popover: t
+  icons: d,
+  popover: s
 };
 export {
-  _ as default,
-  s as icons,
-  t as popover,
+  t as default,
+  d as icons,
+  s as popover,
   o as root
 };
 //# sourceMappingURL=Select.module.scss.js.map

package/dist/components/Common/UI/Switch/SwitchTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"SwitchTypes.js","sources":["../../../../../src/components/Common/UI/Switch/SwitchTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface SwitchProps\n  extends SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> {\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Callback when switch state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * Current checked state of the switch\n   */\n  value?: boolean\n  /**\n   * React ref for the switch input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the switch and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Additional CSS class name for the switch container\n   */\n  className?: string\n  /**\n   * Label text for the switch\n   */\n  label: string\n}\n\n/**\n * Default prop values for Switch component.\n */\nexport const SwitchDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<SwitchProps>\n"],"names":["SwitchDefaults"],"mappings":"AA2CO,MAAMA,IAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"SwitchTypes.js","sources":["../../../../../src/components/Common/UI/Switch/SwitchTypes.ts"],"sourcesContent":["import type { InputHTMLAttributes, Ref } from 'react'\nimport type { SharedHorizontalFieldLayoutProps } from '@/components/Common/HorizontalFieldLayout/HorizontalFieldLayoutTypes'\n\nexport interface SwitchProps\n  extends\n    SharedHorizontalFieldLayoutProps,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'name' | 'id'> {\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Callback when switch state changes\n   */\n  onChange?: (checked: boolean) => void\n  /**\n   * Current checked state of the switch\n   */\n  value?: boolean\n  /**\n   * React ref for the switch input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the switch and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Additional CSS class name for the switch container\n   */\n  className?: string\n  /**\n   * Label text for the switch\n   */\n  label: string\n}\n\n/**\n * Default prop values for Switch component.\n */\nexport const SwitchDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<SwitchProps>\n"],"names":["SwitchDefaults"],"mappings":"AA4CO,MAAMA,IAAiB;AAAA,EAC5B,WAAW;AAAA,EACX,YAAY;AACd;"}

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

@@ -1,4 +1,4 @@
-const o = "_root_shjyy_1", t = {
+const o = "_root_1lmpa_1", t = {
   root: o
 };
 export {

package/dist/components/Common/UI/Table/TableTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps\n  extends Pick<\n    TableHTMLAttributes<HTMLTableElement>,\n    'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n  > {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Visual style variant of the table\n   */\n  variant?: 'default' | 'minimal'\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AA0DO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,mBAAmB;AACrB;"}
+{"version":3,"file":"TableTypes.js","sources":["../../../../../src/components/Common/UI/Table/TableTypes.ts"],"sourcesContent":["import type { ReactNode, TableHTMLAttributes } from 'react'\n\nexport interface TableData {\n  /**\n   * Unique identifier for the table cell\n   */\n  key: string\n  /**\n   * Content to be displayed in the table cell\n   */\n  content: ReactNode\n}\n\nexport interface TableRow {\n  /**\n   * Unique identifier for the table row\n   */\n  key: string\n  /**\n   * Array of cells to be displayed in the row\n   */\n  data: TableData[]\n}\n\nexport interface TableProps extends Pick<\n  TableHTMLAttributes<HTMLTableElement>,\n  'className' | 'aria-label' | 'id' | 'role' | 'aria-labelledby' | 'aria-describedby'\n> {\n  /**\n   * Array of header cells for the table\n   */\n  headers: TableData[]\n  /**\n   * Array of rows to be displayed in the table\n   */\n  rows: TableRow[]\n  /**\n   * Array of footer cells for the table\n   */\n  footer?: TableData[]\n  /**\n   * Content to display when the table has no rows\n   */\n  emptyState?: ReactNode\n  /**\n   * Visual style variant of the table\n   */\n  variant?: 'default' | 'minimal'\n  /**\n   * Whether the first column contains checkboxes (affects which column gets leading variant)\n   */\n  hasCheckboxColumn?: boolean\n}\n\n/**\n * Default prop values for Table component.\n */\nexport const TableDefaults = {\n  variant: 'default',\n  hasCheckboxColumn: false,\n} as const satisfies Partial<TableProps>\n"],"names":["TableDefaults"],"mappings":"AAyDO,MAAMA,IAAgB;AAAA,EAC3B,SAAS;AAAA,EACT,mBAAmB;AACrB;"}

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

@@ -1,12 +1,12 @@
-const o = "_root_rni1o_1", n = "_tabsContainer_rni1o_4", t = "_dropdown_rni1o_86", r = {
+const o = "_root_16h7m_1", t = "_tabsContainer_16h7m_4", n = "_dropdown_16h7m_87", r = {
   root: o,
-  tabsContainer: n,
-  dropdown: t
+  tabsContainer: t,
+  dropdown: n
 };
 export {
   r as default,
-  t as dropdown,
+  n as dropdown,
   o as root,
-  n as tabsContainer
+  t as tabsContainer
 };
 //# sourceMappingURL=Tabs.module.scss.js.map

package/dist/components/Common/UI/TextArea/TextAreaTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextAreaTypes.js","sources":["../../../../../src/components/Common/UI/TextArea/TextAreaTypes.ts"],"sourcesContent":["import type { Ref, TextareaHTMLAttributes } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextAreaProps\n  extends SharedFieldLayoutProps,\n    Pick<\n      TextareaHTMLAttributes<HTMLTextAreaElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'rows' | 'cols'\n    >,\n    Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby'> {\n  /**\n   * React ref for the textarea element\n   */\n  inputRef?: Ref<HTMLTextAreaElement>\n  /**\n   * Current value of the textarea\n   */\n  value?: string\n  /**\n   * Callback when textarea value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the textarea and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for TextArea component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextAreaDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n  rows: 4,\n} as const satisfies Partial<TextAreaProps>\n"],"names":["TextAreaDefaults"],"mappings":"AAwCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;"}
+{"version":3,"file":"TextAreaTypes.js","sources":["../../../../../src/components/Common/UI/TextArea/TextAreaTypes.ts"],"sourcesContent":["import type { Ref, TextareaHTMLAttributes } from 'react'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextAreaProps\n  extends\n    SharedFieldLayoutProps,\n    Pick<\n      TextareaHTMLAttributes<HTMLTextAreaElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'rows' | 'cols'\n    >,\n    Pick<TextareaHTMLAttributes<HTMLTextAreaElement>, 'aria-describedby'> {\n  /**\n   * React ref for the textarea element\n   */\n  inputRef?: Ref<HTMLTextAreaElement>\n  /**\n   * Current value of the textarea\n   */\n  value?: string\n  /**\n   * Callback when textarea value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the textarea and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n}\n\n/**\n * Default prop values for TextArea component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextAreaDefaults = {\n  isInvalid: false,\n  isDisabled: false,\n  rows: 4,\n} as const satisfies Partial<TextAreaProps>\n"],"names":["TextAreaDefaults"],"mappings":"AAyCO,MAAMA,IAAmB;AAAA,EAC9B,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,MAAM;AACR;"}

package/dist/components/Common/UI/TextInput/TextInputTypes.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextInputTypes.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInputTypes.ts"],"sourcesContent":["import type { Ref, InputHTMLAttributes } from 'react'\nimport type { InputProps } from '../Input/InputTypes'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextInputProps\n  extends SharedFieldLayoutProps,\n    Pick<\n      InputHTMLAttributes<HTMLInputElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'type'\n    >,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby'> {\n  /**\n   * React ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Current value of the input\n   */\n  value?: string\n  /**\n   * Callback when input value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Element to display at the start of the input\n   */\n  adornmentStart?: InputProps['adornmentStart']\n  /**\n   * Element to display at the end of the input\n   */\n  adornmentEnd?: InputProps['adornmentEnd']\n}\n\n/**\n * Default prop values for TextInput component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextInputDefaults = {\n  type: 'text',\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<TextInputProps>\n"],"names":["TextInputDefaults"],"mappings":"AAiDO,MAAMA,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AACd;"}
+{"version":3,"file":"TextInputTypes.js","sources":["../../../../../src/components/Common/UI/TextInput/TextInputTypes.ts"],"sourcesContent":["import type { Ref, InputHTMLAttributes } from 'react'\nimport type { InputProps } from '../Input/InputTypes'\nimport type { SharedFieldLayoutProps } from '@/components/Common/FieldLayout/FieldLayoutTypes'\n\nexport interface TextInputProps\n  extends\n    SharedFieldLayoutProps,\n    Pick<\n      InputHTMLAttributes<HTMLInputElement>,\n      'name' | 'id' | 'placeholder' | 'className' | 'type'\n    >,\n    Pick<InputHTMLAttributes<HTMLInputElement>, 'aria-describedby'> {\n  /**\n   * React ref for the input element\n   */\n  inputRef?: Ref<HTMLInputElement>\n  /**\n   * Current value of the input\n   */\n  value?: string\n  /**\n   * Callback when input value changes\n   */\n  onChange?: (value: string) => void\n  /**\n   * Indicates that the field has an error\n   */\n  isInvalid?: boolean\n  /**\n   * Disables the input and prevents interaction\n   */\n  isDisabled?: boolean\n  /**\n   * Handler for blur events\n   */\n  onBlur?: () => void\n  /**\n   * Element to display at the start of the input\n   */\n  adornmentStart?: InputProps['adornmentStart']\n  /**\n   * Element to display at the end of the input\n   */\n  adornmentEnd?: InputProps['adornmentEnd']\n}\n\n/**\n * Default prop values for TextInput component.\n * These are used by the component adapter to automatically provide defaults.\n */\nexport const TextInputDefaults = {\n  type: 'text',\n  isInvalid: false,\n  isDisabled: false,\n} as const satisfies Partial<TextInputProps>\n"],"names":["TextInputDefaults"],"mappings":"AAkDO,MAAMA,IAAoB;AAAA,EAC/B,MAAM;AAAA,EACN,WAAW;AAAA,EACX,YAAY;AACd;"}

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js

@@ -1,8 +1,9 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { useTranslation as c } from "react-i18next";
-import { useCreateSignatory as p } from "./useCreateSignatory.js";
+import { useTranslation as p } from "react-i18next";
+import { useCreateSignatory as c } from "./useCreateSignatory.js";
 import { Flex as o } from "../../../Common/Flex/Flex.js";
 import { Grid as n } from "../../../Common/Grid/Grid.js";
+import "classnames";
 import { TextInputField as s } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { DatePickerField as u } from "../../../Common/Fields/DatePickerField/DatePickerField.js";
 import { useComponentContext as g } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
@@ -12,8 +13,8 @@ import { usePlaceholderSSN as f, normalizeSSN as y } from "../../../../helpers/s
 import { TitleSelect as b } from "../TitleSelect.js";
 import { useMaskedTransform as S, commonMasks as D } from "../../../../helpers/mask.js";
 import { SelectField as M } from "../../../Common/Fields/SelectField/SelectField.js";
-const A = () => {
-  const i = g(), { currentSignatory: t } = p(), { t: e } = c("Company.AssignSignatory"), d = f(t?.hasSsn), m = S(D.phoneMask);
+const E = () => {
+  const i = g(), { currentSignatory: t } = c(), { t: e } = p("Company.AssignSignatory"), d = f(t?.hasSsn), m = S(D.phoneMask);
   return /* @__PURE__ */ a(o, { flexDirection: "column", gap: 32, children: [
     /* @__PURE__ */ a(o, { flexDirection: "column", gap: 12, children: [
       /* @__PURE__ */ a("header", { children: [
@@ -135,6 +136,6 @@ const A = () => {
   ] });
 };
 export {
-  A as CreateSignatoryForm
+  E as CreateSignatoryForm
 };
 //# sourceMappingURL=CreateSignatoryForm.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":";;;;;;;;;;;;;;AAaO,MAAMA,IAAsB,MAAM;AACvC,QAAMC,IAAaC,EAAA,GACb,EAAE,kBAAAC,EAAA,IAAqBC,EAAA,GACvB,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAiBC,EAAkBL,GAAkB,MAAM,GAC3DM,IAAiBC,EAAmBC,EAAY,SAAS;AAE/D,SACE,gBAAAC,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAI,EAAE,wBAAwB,GAAE;AAAA,0BACxDJ,EAAW,MAAX,EAAiB,UAAAI,EAAE,8BAA8B,EAAA,CAAE;AAAA,MAAA,GACtD;AAAA,MAEA,gBAAAO,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,4BAA4B;AAAA,YACrC,YAAU;AAAA,YACV,cAAcA,EAAE,uBAAuB;AAAA,UAAA;AAAA,QAAA;AAAA,QAEzC,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,2BAA2B;AAAA,YACpC,YAAU;AAAA,YACV,cAAcA,EAAE,sBAAsB;AAAA,UAAA;AAAA,QAAA;AAAA,QAExC,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,wBAAwB;AAAA,YACjC,YAAU;AAAA,YACV,cAAcA,EAAE,mBAAmB;AAAA,YACnC,YAAY,EAAQF;AAAA,UAAgB;AAAA,QAAA;AAAA,0BAErCc,GAAA,EAAY;AAAA,QACb,gBAAAH;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,wBAAwB;AAAA,YACjC,YAAU;AAAA,YACV,cAAcA,EAAE,mBAAmB;AAAA,YACnC,WAAWI;AAAA,UAAA;AAAA,QAAA;AAAA,QAEb,gBAAAK;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,sBAAsB;AAAA,YAC/B,cAAcA,EAAE,mBAAmB,EAAE,IAAI,UAAU;AAAA,YACnD,YAAY,CAACF,GAAkB;AAAA,YAC/B,WAAWe;AAAA,YACX,aAAaX;AAAA,UAAA;AAAA,QAAA;AAAA,QAEf,gBAAAO;AAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOd,EAAE,2BAA2B;AAAA,YACpC,cAAcA,EAAE,iBAAiB;AAAA,YACjC,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,EAAA,CACF;AAAA,IAAA,GACF;AAAA,IAEA,gBAAAO,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,MAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,QAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAI,EAAE,eAAe,GAAE;AAAA,0BAC/CJ,EAAW,MAAX,EAAiB,UAAAI,EAAE,qBAAqB,EAAA,CAAE;AAAA,MAAA,GAC7C;AAAA,MAEA,gBAAAO,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,QAAA,gBAAAD;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,iBAAiB;AAAA,YAC1B,YAAU;AAAA,YACV,cAAcA,EAAE,6BAA6B;AAAA,UAAA;AAAA,QAAA;AAAA,0BAE9CW,GAAA,EAAe,MAAK,WAAU,OAAOX,EAAE,iBAAiB,GAAG;AAAA,QAC5D,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,cAAc;AAAA,YACvB,YAAU;AAAA,YACV,cAAcA,EAAE,0BAA0B;AAAA,UAAA;AAAA,QAAA;AAAA,QAE5C,gBAAAS;AAAA,UAACM;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASC,EAAY,IAAI,CAACC,OAA6C;AAAA,cACrE,OAAOjB,EAAE,cAAciB,CAAS,IAAI,EAAE,IAAI,UAAU;AAAA,cACpD,OAAOA;AAAA,YAAA,EACP;AAAA,YACF,OAAOjB,EAAE,eAAe;AAAA,YACxB,aAAaA,EAAE,0BAA0B;AAAA,YACzC,cAAcA,EAAE,2BAA2B;AAAA,YAC3C,YAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAEZ,gBAAAS;AAAA,UAACE;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAOX,EAAE,aAAa;AAAA,YACtB,YAAU;AAAA,YACV,cAAcA,EAAE,yBAAyB;AAAA,UAAA;AAAA,QAAA;AAAA,MAC3C,EAAA,CACF;AAAA,IAAA,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"CreateSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/CreateSignatoryForm.tsx"],"sourcesContent":["import { useTranslation } from 'react-i18next'\nimport type { z } from 'zod'\nimport { useCreateSignatory } from './useCreateSignatory'\nimport type { generateCreateSignatorySchema } from './Schema'\nimport { TextInputField, Grid, Flex, SelectField, DatePickerField } from '@/components/Common'\nimport { STATES_ABBR } from '@/shared/constants'\nimport { normalizeSSN, usePlaceholderSSN } from '@/helpers/ssn'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { commonMasks, useMaskedTransform } from '@/helpers/mask'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nexport type CreateSignatoryInputs = z.infer<ReturnType<typeof generateCreateSignatorySchema>>\n\nexport const CreateSignatoryForm = () => {\n  const Components = useComponentContext()\n  const { currentSignatory } = useCreateSignatory()\n  const { t } = useTranslation('Company.AssignSignatory')\n  const placeholderSSN = usePlaceholderSSN(currentSignatory?.hasSsn)\n  const transformPhone = useMaskedTransform(commonMasks.phoneMask)\n\n  return (\n    <Flex flexDirection=\"column\" gap={32}>\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('signatoryDetails.title')}</Components.Heading>\n          <Components.Text>{t('signatoryDetails.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"firstName\"\n            label={t('signatoryDetails.firstName')}\n            isRequired\n            errorMessage={t('validations.firstName')}\n          />\n          <TextInputField\n            name=\"lastName\"\n            label={t('signatoryDetails.lastName')}\n            isRequired\n            errorMessage={t('validations.lastName')}\n          />\n          <TextInputField\n            name=\"email\"\n            label={t('signatoryDetails.email')}\n            isRequired\n            errorMessage={t('validations.email')}\n            isDisabled={Boolean(currentSignatory)}\n          />\n          <TitleSelect />\n          <TextInputField\n            name=\"phone\"\n            label={t('signatoryDetails.phone')}\n            isRequired\n            errorMessage={t('validations.phone')}\n            transform={transformPhone}\n          />\n          <TextInputField\n            name=\"ssn\"\n            label={t('signatoryDetails.ssn')}\n            errorMessage={t('validations.ssn', { ns: 'common' })}\n            isRequired={!currentSignatory?.hasSsn}\n            transform={normalizeSSN}\n            placeholder={placeholderSSN}\n          />\n          <DatePickerField\n            name=\"birthday\"\n            label={t('signatoryDetails.birthday')}\n            errorMessage={t('validations.dob')}\n            isRequired\n          />\n        </Grid>\n      </Flex>\n\n      <Flex flexDirection=\"column\" gap={12}>\n        <header>\n          <Components.Heading as=\"h2\">{t('address.title')}</Components.Heading>\n          <Components.Text>{t('address.description')}</Components.Text>\n        </header>\n\n        <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n          <TextInputField\n            name=\"street1\"\n            label={t('address.street1')}\n            isRequired\n            errorMessage={t('validations.address.street1')}\n          />\n          <TextInputField name=\"street2\" label={t('address.street2')} />\n          <TextInputField\n            name=\"city\"\n            label={t('address.city')}\n            isRequired\n            errorMessage={t('validations.address.city')}\n          />\n          <SelectField\n            name=\"state\"\n            options={STATES_ABBR.map((stateAbbr: (typeof STATES_ABBR)[number]) => ({\n              label: t(`statesHash.${stateAbbr}`, { ns: 'common' }),\n              value: stateAbbr,\n            }))}\n            label={t('address.state')}\n            placeholder={t('address.statePlaceholder')}\n            errorMessage={t('validations.address.state')}\n            isRequired\n          />\n          <TextInputField\n            name=\"zip\"\n            label={t('address.zip')}\n            isRequired\n            errorMessage={t('validations.address.zip')}\n          />\n        </Grid>\n      </Flex>\n    </Flex>\n  )\n}\n"],"names":["CreateSignatoryForm","Components","useComponentContext","currentSignatory","useCreateSignatory","t","useTranslation","placeholderSSN","usePlaceholderSSN","transformPhone","useMaskedTransform","commonMasks","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect","normalizeSSN","DatePickerField","SelectField","STATES_ABBR","stateAbbr"],"mappings":"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"}

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js

@@ -11,11 +11,10 @@ import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [s, u] = t("CreateSignatoryContext");
+const [d, s] = t("CreateSignatoryContext");
 export {
-  u as CreateSignatoryProvider,
-  s as useCreateSignatory
+  s as CreateSignatoryProvider,
+  d as useCreateSignatory
 };
 //# sourceMappingURL=useCreateSignatory.js.map

package/dist/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport { useCreateSignatory, CreateSignatoryProvider }\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAkBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useCreateSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/CreateSignatory/useCreateSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\nexport type CreateSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title' | 'phone' | 'birthday'> &\n    Pick<\n      NonNullable<Signatory['homeAddress']>,\n      'street1' | 'street2' | 'city' | 'state' | 'zip'\n    > & {\n      ssn?: string\n    }\n>\ntype CreateSignatoryContextType = {\n  isPending: boolean\n  currentSignatory?: Signatory\n}\n\nconst [useCreateSignatory, CreateSignatoryProvider] =\n  createCompoundContext<CreateSignatoryContextType>('CreateSignatoryContext')\n\nexport { useCreateSignatory, CreateSignatoryProvider }\n"],"names":["useCreateSignatory","CreateSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAkBA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js

@@ -4,12 +4,13 @@ import { useFormContext as u } from "react-hook-form";
 import { useTranslation as E } from "react-i18next";
 import { Flex as S } from "../../../Common/Flex/Flex.js";
 import { Grid as v } from "../../../Common/Grid/Grid.js";
+import "classnames";
 import { TextInputField as a } from "../../../Common/Fields/TextInputField/TextInputField.js";
 import { useComponentContext as y } from "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "react";
 import { nameValidation as l } from "../../../../helpers/validations.js";
 import { TitleSelect as x } from "../TitleSelect.js";
-const m = "email_mismatch", z = r.object({
+const m = "email_mismatch", A = r.object({
   firstName: l,
   lastName: l,
   email: r.string().min(1).email(),
@@ -18,7 +19,7 @@ const m = "email_mismatch", z = r.object({
 }).refine((i) => i.email === i.confirmEmail, {
   message: m,
   path: ["confirmEmail"]
-}), A = () => {
+}), D = () => {
   const { t: i } = E("Company.AssignSignatory"), o = y(), {
     setError: c,
     clearErrors: f,
@@ -75,7 +76,7 @@ const m = "email_mismatch", z = r.object({
   ] });
 };
 export {
-  A as InviteSignatoryForm,
-  z as InviteSignatorySchema
+  D as InviteSignatoryForm,
+  A as InviteSignatorySchema
 };
 //# sourceMappingURL=InviteSignatoryForm.js.map

package/dist/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"InviteSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { TextInputField, Grid, Flex } from '@/components/Common'\nimport { nameValidation } from '@/helpers/validations'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst emailMismatchError = 'email_mismatch'\n\nexport const InviteSignatorySchema = z\n  .object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: z.string().min(1).email(),\n    confirmEmail: z.string().min(1).email(),\n    title: z.string().min(1),\n  })\n  .refine(data => data.email === data.confirmEmail, {\n    message: emailMismatchError,\n    path: ['confirmEmail'],\n  })\n\nexport type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>\n\nexport const InviteSignatoryForm = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  const {\n    setError,\n    clearErrors,\n    formState: { errors, isSubmitted },\n    watch,\n  } = useFormContext()\n\n  // Some workarounds here to also ensure that modifying the email field\n  // sets and clears the confirm_email field error state\n  const confirmEmail = watch('confirmEmail')\n\n  const handleEmailChange = (value: string) => {\n    if (isSubmitted) {\n      if (value === confirmEmail) {\n        clearErrors('confirmEmail')\n      }\n\n      if (value !== confirmEmail) {\n        setError('confirmEmail', { message: emailMismatchError })\n      }\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <header>\n        <Components.Heading as=\"h2\">{t('inviteSignatory.title')}</Components.Heading>\n        <Components.Text>{t('inviteSignatory.description')}</Components.Text>\n      </header>\n\n      <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n        <TextInputField\n          name=\"email\"\n          label={t('inviteSignatory.signatoryEmail')}\n          isRequired\n          errorMessage={t('validations.email')}\n          onChange={handleEmailChange}\n        />\n        <TextInputField\n          name=\"confirmEmail\"\n          label={t('inviteSignatory.confirmEmail')}\n          isRequired\n          errorMessage={\n            errors.confirmEmail?.message === emailMismatchError\n              ? t('validations.emailMismatch')\n              : t('validations.email')\n          }\n        />\n        <TextInputField\n          name=\"firstName\"\n          label={t('inviteSignatory.firstName')}\n          isRequired\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField\n          name=\"lastName\"\n          label={t('inviteSignatory.lastName')}\n          isRequired\n          errorMessage={t('validations.lastName')}\n        />\n        <TitleSelect />\n      </Grid>\n    </Flex>\n  )\n}\n"],"names":["emailMismatchError","InviteSignatorySchema","z","nameValidation","data","InviteSignatoryForm","t","useTranslation","Components","useComponentContext","setError","clearErrors","errors","isSubmitted","watch","useFormContext","confirmEmail","handleEmailChange","value","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect"],"mappings":";;;;;;;;;;;AAQA,MAAMA,IAAqB,kBAEdC,IAAwBC,EAClC,OAAO;AAAA,EACN,WAAWC;AAAA,EACX,UAAUA;AAAA,EACV,OAAOD,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EACzB,cAAcA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EAChC,OAAOA,EAAE,OAAA,EAAS,IAAI,CAAC;AACzB,CAAC,EACA,OAAO,CAAAE,MAAQA,EAAK,UAAUA,EAAK,cAAc;AAAA,EAChD,SAASJ;AAAA,EACT,MAAM,CAAC,cAAc;AACvB,CAAC,GAIUK,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEb;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,aAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,EAAA,IACEC,EAAA,GAIEC,IAAeF,EAAM,cAAc,GAEnCG,IAAoB,CAACC,MAAkB;AAC3C,IAAIL,MACEK,MAAUF,KACZL,EAAY,cAAc,GAGxBO,MAAUF,KACZN,EAAS,gBAAgB,EAAE,SAASV,EAAA,CAAoB;AAAA,EAG9D;AAEA,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,uBAAuB,GAAE;AAAA,wBACvDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,6BAA6B,EAAA,CAAE;AAAA,IAAA,GACrD;AAAA,IAEA,gBAAAa,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,gCAAgC;AAAA,UACzC,YAAU;AAAA,UACV,cAAcA,EAAE,mBAAmB;AAAA,UACnC,UAAUW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,8BAA8B;AAAA,UACvC,YAAU;AAAA,UACV,cACEM,EAAO,cAAc,YAAYZ,IAC7BM,EAAE,2BAA2B,IAC7BA,EAAE,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,2BAA2B;AAAA,UACpC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,YAAU;AAAA,UACV,cAAcA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEvCkB,GAAA,CAAA,CAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"InviteSignatoryForm.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/InviteSignatoryForm.tsx"],"sourcesContent":["import { z } from 'zod'\nimport { useFormContext } from 'react-hook-form'\nimport { useTranslation } from 'react-i18next'\nimport { TextInputField, Grid, Flex } from '@/components/Common'\nimport { nameValidation } from '@/helpers/validations'\nimport { TitleSelect } from '@/components/Company/AssignSignatory/TitleSelect'\nimport { useComponentContext } from '@/contexts/ComponentAdapter/useComponentContext'\n\nconst emailMismatchError = 'email_mismatch'\n\nexport const InviteSignatorySchema = z\n  .object({\n    firstName: nameValidation,\n    lastName: nameValidation,\n    email: z.string().min(1).email(),\n    confirmEmail: z.string().min(1).email(),\n    title: z.string().min(1),\n  })\n  .refine(data => data.email === data.confirmEmail, {\n    message: emailMismatchError,\n    path: ['confirmEmail'],\n  })\n\nexport type InviteSignatoryInputs = z.infer<typeof InviteSignatorySchema>\n\nexport const InviteSignatoryForm = () => {\n  const { t } = useTranslation('Company.AssignSignatory')\n  const Components = useComponentContext()\n\n  const {\n    setError,\n    clearErrors,\n    formState: { errors, isSubmitted },\n    watch,\n  } = useFormContext()\n\n  // Some workarounds here to also ensure that modifying the email field\n  // sets and clears the confirm_email field error state\n  const confirmEmail = watch('confirmEmail')\n\n  const handleEmailChange = (value: string) => {\n    if (isSubmitted) {\n      if (value === confirmEmail) {\n        clearErrors('confirmEmail')\n      }\n\n      if (value !== confirmEmail) {\n        setError('confirmEmail', { message: emailMismatchError })\n      }\n    }\n  }\n\n  return (\n    <Flex flexDirection=\"column\" gap={12}>\n      <header>\n        <Components.Heading as=\"h2\">{t('inviteSignatory.title')}</Components.Heading>\n        <Components.Text>{t('inviteSignatory.description')}</Components.Text>\n      </header>\n\n      <Grid gridTemplateColumns={{ base: '1fr', small: ['1fr', '1fr'] }} gap={20}>\n        <TextInputField\n          name=\"email\"\n          label={t('inviteSignatory.signatoryEmail')}\n          isRequired\n          errorMessage={t('validations.email')}\n          onChange={handleEmailChange}\n        />\n        <TextInputField\n          name=\"confirmEmail\"\n          label={t('inviteSignatory.confirmEmail')}\n          isRequired\n          errorMessage={\n            errors.confirmEmail?.message === emailMismatchError\n              ? t('validations.emailMismatch')\n              : t('validations.email')\n          }\n        />\n        <TextInputField\n          name=\"firstName\"\n          label={t('inviteSignatory.firstName')}\n          isRequired\n          errorMessage={t('validations.firstName')}\n        />\n        <TextInputField\n          name=\"lastName\"\n          label={t('inviteSignatory.lastName')}\n          isRequired\n          errorMessage={t('validations.lastName')}\n        />\n        <TitleSelect />\n      </Grid>\n    </Flex>\n  )\n}\n"],"names":["emailMismatchError","InviteSignatorySchema","z","nameValidation","data","InviteSignatoryForm","t","useTranslation","Components","useComponentContext","setError","clearErrors","errors","isSubmitted","watch","useFormContext","confirmEmail","handleEmailChange","value","jsxs","Flex","jsx","Grid","TextInputField","TitleSelect"],"mappings":";;;;;;;;;;;;AAQA,MAAMA,IAAqB,kBAEdC,IAAwBC,EAClC,OAAO;AAAA,EACN,WAAWC;AAAA,EACX,UAAUA;AAAA,EACV,OAAOD,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EACzB,cAAcA,EAAE,OAAA,EAAS,IAAI,CAAC,EAAE,MAAA;AAAA,EAChC,OAAOA,EAAE,OAAA,EAAS,IAAI,CAAC;AACzB,CAAC,EACA,OAAO,CAAAE,MAAQA,EAAK,UAAUA,EAAK,cAAc;AAAA,EAChD,SAASJ;AAAA,EACT,MAAM,CAAC,cAAc;AACvB,CAAC,GAIUK,IAAsB,MAAM;AACvC,QAAM,EAAE,GAAAC,EAAA,IAAMC,EAAe,yBAAyB,GAChDC,IAAaC,EAAA,GAEb;AAAA,IACJ,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,WAAW,EAAE,QAAAC,GAAQ,aAAAC,EAAA;AAAA,IACrB,OAAAC;AAAA,EAAA,IACEC,EAAA,GAIEC,IAAeF,EAAM,cAAc,GAEnCG,IAAoB,CAACC,MAAkB;AAC3C,IAAIL,MACEK,MAAUF,KACZL,EAAY,cAAc,GAGxBO,MAAUF,KACZN,EAAS,gBAAgB,EAAE,SAASV,EAAA,CAAoB;AAAA,EAG9D;AAEA,SACE,gBAAAmB,EAACC,GAAA,EAAK,eAAc,UAAS,KAAK,IAChC,UAAA;AAAA,IAAA,gBAAAD,EAAC,UAAA,EACC,UAAA;AAAA,MAAA,gBAAAE,EAACb,EAAW,SAAX,EAAmB,IAAG,MAAM,UAAAF,EAAE,uBAAuB,GAAE;AAAA,wBACvDE,EAAW,MAAX,EAAiB,UAAAF,EAAE,6BAA6B,EAAA,CAAE;AAAA,IAAA,GACrD;AAAA,IAEA,gBAAAa,EAACG,GAAA,EAAK,qBAAqB,EAAE,MAAM,OAAO,OAAO,CAAC,OAAO,KAAK,EAAA,GAAK,KAAK,IACtE,UAAA;AAAA,MAAA,gBAAAD;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,gCAAgC;AAAA,UACzC,YAAU;AAAA,UACV,cAAcA,EAAE,mBAAmB;AAAA,UACnC,UAAUW;AAAA,QAAA;AAAA,MAAA;AAAA,MAEZ,gBAAAI;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,8BAA8B;AAAA,UACvC,YAAU;AAAA,UACV,cACEM,EAAO,cAAc,YAAYZ,IAC7BM,EAAE,2BAA2B,IAC7BA,EAAE,mBAAmB;AAAA,QAAA;AAAA,MAAA;AAAA,MAG7B,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,2BAA2B;AAAA,UACpC,YAAU;AAAA,UACV,cAAcA,EAAE,uBAAuB;AAAA,QAAA;AAAA,MAAA;AAAA,MAEzC,gBAAAe;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAOjB,EAAE,0BAA0B;AAAA,UACnC,YAAU;AAAA,UACV,cAAcA,EAAE,sBAAsB;AAAA,QAAA;AAAA,MAAA;AAAA,wBAEvCkB,GAAA,CAAA,CAAY;AAAA,IAAA,EAAA,CACf;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js

@@ -11,11 +11,10 @@ import "classnames";
 import "../../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../../Base/createCompoundContext.js";
-const [c, d] = t("InviteSignatoryContext");
+const [S, c] = t("InviteSignatoryContext");
 export {
-  d as InviteSignatoryProvider,
-  c as useInviteSignatory
+  c as InviteSignatoryProvider,
+  S as useInviteSignatory
 };
 //# sourceMappingURL=useInviteSignatory.js.map

package/dist/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype InviteSignatoryContextType = {\n  isPending: boolean\n}\n\nexport type InviteSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title'> & {\n    confirmEmail: string\n  }\n>\n\nconst [useInviteSignatory, InviteSignatoryProvider] =\n  createCompoundContext<InviteSignatoryContextType>('InviteSignatoryContext')\n\nexport { useInviteSignatory, InviteSignatoryProvider }\n"],"names":["useInviteSignatory","InviteSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}
+{"version":3,"file":"useInviteSignatory.js","sources":["../../../../../src/components/Company/AssignSignatory/InviteSignatory/useInviteSignatory.ts"],"sourcesContent":["import { type Signatory } from '@gusto/embedded-api/models/components/signatory'\nimport { createCompoundContext } from '@/components/Base'\nimport type { RequireAtLeastOne } from '@/types/Helpers'\n\ntype InviteSignatoryContextType = {\n  isPending: boolean\n}\n\nexport type InviteSignatoryDefaultValues = RequireAtLeastOne<\n  Pick<Signatory, 'firstName' | 'lastName' | 'email' | 'title'> & {\n    confirmEmail: string\n  }\n>\n\nconst [useInviteSignatory, InviteSignatoryProvider] =\n  createCompoundContext<InviteSignatoryContextType>('InviteSignatoryContext')\n\nexport { useInviteSignatory, InviteSignatoryProvider }\n"],"names":["useInviteSignatory","InviteSignatoryProvider","createCompoundContext"],"mappings":";;;;;;;;;;;;;;AAcA,MAAM,CAACA,GAAoBC,CAAuB,IAChDC,EAAkD,wBAAwB;"}

package/dist/components/Company/AssignSignatory/useAssignSignatory.js

@@ -11,15 +11,14 @@ import "classnames";
 import "../../../contexts/ComponentAdapter/useComponentContext.js";
 import "../../../contexts/LoadingIndicatorProvider/useLoadingIndicator.js";
 import "dompurify";
-import "../../../contexts/LocaleProvider/useLocale.js";
 import { createCompoundContext as t } from "../../Base/createCompoundContext.js";
-const v = {
+const d = {
   createSignatory: "createSignatory",
   inviteSignatory: "inviteSignatory"
-}, [x, C] = t("AssignSignatoryContext");
+}, [v, x] = t("AssignSignatoryContext");
 export {
-  C as AssignSignatoryProvider,
-  v as SignatoryAssignmentMode,
-  x as useAssignSignatory
+  x as AssignSignatoryProvider,
+  d as SignatoryAssignmentMode,
+  v as useAssignSignatory
 };
 //# sourceMappingURL=useAssignSignatory.js.map