@lax-wp/design-system 0.13.33-beta.7 → 0.13.33

package/dist/components/forms/base-input-field/BaseInputField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputField.cjs.js","sources":["../../../../src/components/forms/base-input-field/BaseInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { forwardRef, useState } from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/**\n * Bounding boxes interface\n */\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props\n */\nexport interface RiskDetailsCardProps {\n  riskDetails: RiskDetails;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Eye icon for password visibility toggle\n */\nconst EyeIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </svg>\n);\n\n/**\n * Eye off icon for password visibility toggle\n */\nconst EyeOffIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n    <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n  </svg>\n);\n\n/**\n * Close icon for clearable input\n */\nconst CloseIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n\n/**\n * Revert icon for revert back value\n */\nconst RevertIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n    <path d=\"M3 3v5h5\" />\n  </svg>\n);\n\n/** Visual emphasis for the input surface (background + border) */\nexport type BaseInputFieldEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\n/**\n * Props for the BaseInputField component\n */\nexport type TBaseInputFieldProps = any & {\n  /** Current value of the input */\n  value: string;\n  /** Callback function called when the input value changes */\n  onChange(data: any): void;\n  /** Callback function for key down events */\n  onKeyDown?: void;\n  /** Error message to display */\n  errorMessage: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Maximum value for number inputs */\n  max?: number;\n  /** Minimum value for number inputs */\n  min?: number;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional */\n  isRequiredConditional?: boolean;\n  /** Background color class */\n  bg?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Text color class */\n  color?: string;\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text for the input */\n  label?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input type (text, email, password, number, etc.) */\n  type?: string;\n  /** Value to revert back to */\n  revertBackValue?: any;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether this is a password field with visibility toggle */\n  isPasswordField?: boolean;\n  /** Callback to set password visibility */\n  setIsPasswordVisible?: any;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Icon or element to display at the end of the input */\n  suffixIcon?: React.ReactNode;\n  /** Text size class */\n  textSize?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Whether this is a GTN field */\n  isGTN?: boolean;\n  /** Confidence score shown as a compact badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence score badge */\n  confidenceTooltip?: React.ReactNode;\n  /** GTN name for document integration */\n  gtnName?: any;\n  /** Success message to display */\n  successMessage?: string;\n  /** Additional CSS classes for the input element */\n  inputClassName?: string;\n  /** Inline styles for the input element */\n  inputStyle?: React.CSSProperties;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function for blur events */\n  onBlur?: () => void;\n  /** Whether the input is clearable */\n  isClearable?: boolean;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Ref for the input element */\n  inputRef?: React.RefObject<HTMLInputElement>;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;\n  /** Bounding box for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Callback function for confidence score click */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: BaseInputFieldEmphasis;\n};\n\n/**\n * A feature-rich input field component with label, validation, GTN integration,\n * risk analysis support, and comprehensive styling options.\n *\n * @example\n * ```tsx\n * <BaseInputField\n *   id=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   value={email}\n *   onChange={setEmail}\n *   placeholder=\"Enter your email\"\n *   required\n *   errorMessage={emailError}\n * />\n * ```\n */\nexport const BaseInputField = forwardRef<HTMLInputElement, TBaseInputFieldProps>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      onChange,\n      errorMessage,\n      successMessage,\n      required,\n      isRequiredConditional = false,\n      bg,\n      tags,\n      color,\n      className,\n      isPasswordField,\n      setIsPasswordVisible,\n      inputRef,\n      tooltip,\n      suffixIcon,\n      revertBackValue,\n      originalCase = false,\n      textSize,\n      isAiExtracted = false,\n      isGTN = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      gtnName = null,\n      inputClassName = \"\",\n      inputStyle = {},\n      labelClassName,\n      onBlur,\n      isLiveField = false,\n      isClearable = false,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      onAddGTNToDocument,\n      sourceMeta = [],\n      inputEmphasis = \"default\",\n      onConfidenceScoreClick,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const [showPassword, setShowPassword] = useState(false);\n    const [isHovered, setIsHovered] = useState(false);\n    const handleAddGTNToDocument = (value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-neutral-50 dark:focus:border-neutral-50\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"flex flex-col w-full\", className)}>\n          <style>\n            {`\n              .dark input:-webkit-autofill,\n              .dark input:-webkit-autofill:hover,\n              .dark input:-webkit-autofill:focus {\n                -webkit-text-fill-color: white !important;\n                -webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n              \n              input:-webkit-autofill,\n              input:-webkit-autofill:hover,\n              input:-webkit-autofill:focus {\n                -webkit-text-fill-color: #111827 !important;\n                -webkit-box-shadow: 0 0 0px 1000px white inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n            `}\n          </style>\n          {(label || labelExtra) && (\n            <label\n              id={id}\n              htmlFor=\"text\"\n              className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"\n                } ${labelClassName || \"!uppercse\"}`}\n            >\n              <div className=\"flex flex-wrap items-center justify-between w-full\">\n                <div className=\"inline-flex flex-wrap items-center gap-1\">\n                  {(label || required || isRequiredConditional) && (\n                    <InputLabel label={label ?? \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                  )}\n                  {revertBackValue?.length > 0 &&\n                    revertBackValue !== props.value && (\n                      <AntTooltip placement=\"top\" title={revertBackValue}>\n                        <button\n                          className=\"cursor-pointer\"\n                          onClick={() => onChange(revertBackValue)}\n                          type=\"button\"\n                        >\n                          <RevertIcon\n                            className=\"cursor-pointer pb-0.5 text-primary-600 w-4 h-4\"\n                          />\n                        </button>\n                      </AntTooltip>\n                    )}\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <AntTooltip placement=\"top\" title={tooltip}>\n                      <div className=\"cursor-pointer\">\n                        <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                      </div>\n                    </AntTooltip>\n                  )}\n                  {labelExtra}\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip || \"\"}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          \"inline-flex min-w-12 items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span\n                          className={cn(\n                            \"text-xs font-medium leading-4\",\n                            getConfidenceScoreBadgeTextColor(confidenceType)\n                          )}\n                        >\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n\n                  {isGTN && isHovered && onAddGTNToDocument ? (\n                    <button\n                      id={`btn-base-input-field-add-to-document-${id}`}\n                      className=\"cursor-pointer\"\n                      onClick={() => handleAddGTNToDocument(props?.value)}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{\n                            fontSize: 16,\n                          }}\n                        />\n                      </AntTooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          )}\n          <label className=\"relative block\">\n            <div className=\"relative\">\n              <input\n                {...props}\n                ref={inputRef || ref}\n                id={id || label}\n                key={id}\n                required={required}\n                style={\n                  {\n                    \"--input-bg-color\":\n                      \"var(--tw-bg-opacity, 1) rgb(var(--bg-color))\",\n                    ...inputStyle,\n                  } as React.CSSProperties\n                }\n                className={cn(\n                  \"border border-solid h-8 text-neutral-900 dark:text-black-100 block w-full px-3 py-1.5 font-medium disabled:opacity-70 focus:outline-none focus:ring-0 dark:disabled:placeholder:!text-black-400\",\n                  textSize ? textSize : \"text-sm\",\n                  color ? color : \"text-neutral-900 dark:text-black-100\",\n                  bg && bg,\n                  inputClassName ? inputClassName : \"\",\n                  errorMessage\n                    ? cn(\n                        \"rounded-md border-red-300 dark:border-red-500 bg-white hover:border-red-400 dark:bg-black-600 dark:hover:border-red-400 focus:border-red-600 focus:shadow-[0_0_0_1.5px_rgba(239,68,68,0.22)] dark:focus:border-red-500 dark:focus:shadow-[0_0_0_1.5px_rgba(248,113,113,0.25)]\",\n                      )\n                    : successMessage\n                      ? cn(\n                          \"rounded-md border-green-300 bg-white hover:border-green-400 dark:border-green-600 dark:bg-black-600 dark:hover:border-green-500 focus:border-green-600 focus:shadow-[0_0_0_1.5px_rgba(34,197,94,0.22)] dark:focus:border-green-500\",\n                        )\n                      : showRiskSkin && riskDetails?.color\n                        ? cn(\n                            \"rounded-md hover:border-primary-500 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\",\n                            `bg-${riskDetails.color}-50 border-${riskDetails.color}-300`,\n                          )\n                        : emphasisDeletedSkin\n                          ? \"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)] dark:disabled:!bg-[var(--Error-50,#FEF2F2)]\"\n                          : emphasisModifiedSkin\n                            ? \"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)] dark:disabled:!bg-[var(--Warning-50,#FFFAEB)]\"\n                            : emphasisSuccessSkin\n                              ? \"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)] dark:disabled:!bg-[var(--Success-50,#F0FDF4)] disabled:!text-[#101828] dark:disabled:!text-[#101828]\"\n                              : \"rounded-md border-neutral-200 bg-white hover:border-primary-500 dark:border-black-600 dark:bg-black-600 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] disabled:!bg-neutral-50 dark:disabled:!bg-black-800\"\n                )}\n                onChange={(e) => {\n                  onChange(e.target.value);\n                }}\n                onClick={(e) => e.stopPropagation()}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n              {isPasswordField ? (\n                <button\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2\"\n                  onClick={() => {\n                    setShowPassword(!showPassword);\n                    setIsPasswordVisible?.(!showPassword);\n                  }}\n                  type=\"button\"\n                >\n                  {showPassword ? (\n                    <EyeIcon className=\"text-gray-400 w-4 h-4\" />\n                  ) : (\n                    <EyeOffIcon className=\"text-gray-400 w-4 h-4\" />\n                  )}\n                </button>\n              ) : isClearable && props.value ? (\n                <button\n                  id={`btn-input-field-clear-${id}`}\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2 focus:outline-none\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onChange(\"\");\n                  }}\n                  type=\"button\"\n                >\n                  <CloseIcon\n                    className=\"text-neutral-200 dark:text-black-500 w-4 h-4\"\n                  />\n                </button>\n              ) : suffixIcon ? (\n                <div className=\"absolute inset-y-0 flex items-center right-2\">\n                  {suffixIcon}\n                </div>\n              ) : null}\n            </div>\n          </label>\n          <AnimatePresence>\n            {errorMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-error-500\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {errorMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n          <AnimatePresence>\n            {successMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-success-500 dark:text-success-300\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {successMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nBaseInputField.displayName = \"BaseInputField\";\n\nexport default BaseInputField;\n\n"],"names":["EyeIcon","className","size","jsxs","jsx","EyeOffIcon","CloseIcon","RevertIcon","BaseInputField","forwardRef","id","label","labelExtra","onChange","errorMessage","successMessage","required","isRequiredConditional","bg","tags","color","isPasswordField","setIsPasswordVisible","inputRef","tooltip","suffixIcon","revertBackValue","originalCase","textSize","isAiExtracted","isGTN","confidenceScore","confidenceType","confidenceTooltip","gtnName","inputClassName","inputStyle","labelClassName","onBlur","isLiveField","isClearable","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","onAddGTNToDocument","sourceMeta","inputEmphasis","onConfidenceScoreClick","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","showPassword","setShowPassword","useState","isHovered","setIsHovered","handleAddGTNToDocument","value","cn","InputLabel","AntTooltip","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","HelpIcon","Tooltip","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","NoteAddOutlined","createElement","e","AnimatePresence","motion","Typography"],"mappings":"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"}
+{"version":3,"file":"BaseInputField.cjs.js","sources":["../../../../src/components/forms/base-input-field/BaseInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { forwardRef, useState } from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/**\n * Bounding boxes interface\n */\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props\n */\nexport interface RiskDetailsCardProps {\n  riskDetails: RiskDetails;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Eye icon for password visibility toggle\n */\nconst EyeIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </svg>\n);\n\n/**\n * Eye off icon for password visibility toggle\n */\nconst EyeOffIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n    <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n  </svg>\n);\n\n/**\n * Close icon for clearable input\n */\nconst CloseIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n\n/**\n * Revert icon for revert back value\n */\nconst RevertIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n    <path d=\"M3 3v5h5\" />\n  </svg>\n);\n\n/** Visual emphasis for the input surface (background + border) */\nexport type BaseInputFieldEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\n/**\n * Props for the BaseInputField component\n */\nexport type TBaseInputFieldProps = any & {\n  /** Current value of the input */\n  value: string;\n  /** Callback function called when the input value changes */\n  onChange(data: any): void;\n  /** Callback function for key down events */\n  onKeyDown?: void;\n  /** Error message to display */\n  errorMessage: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Maximum value for number inputs */\n  max?: number;\n  /** Minimum value for number inputs */\n  min?: number;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional */\n  isRequiredConditional?: boolean;\n  /** Background color class */\n  bg?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Text color class */\n  color?: string;\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text for the input */\n  label?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input type (text, email, password, number, etc.) */\n  type?: string;\n  /** Value to revert back to */\n  revertBackValue?: any;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether this is a password field with visibility toggle */\n  isPasswordField?: boolean;\n  /** Callback to set password visibility */\n  setIsPasswordVisible?: any;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Icon or element to display at the end of the input */\n  suffixIcon?: React.ReactNode;\n  /** Text size class */\n  textSize?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Whether this is a GTN field */\n  isGTN?: boolean;\n  /** Confidence score shown as a compact badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence score badge */\n  confidenceTooltip?: React.ReactNode;\n  /** GTN name for document integration */\n  gtnName?: any;\n  /** Success message to display */\n  successMessage?: string;\n  /** Additional CSS classes for the input element */\n  inputClassName?: string;\n  /** Inline styles for the input element */\n  inputStyle?: React.CSSProperties;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function for blur events */\n  onBlur?: () => void;\n  /** Whether the input is clearable */\n  isClearable?: boolean;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Ref for the input element */\n  inputRef?: React.RefObject<HTMLInputElement>;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;\n  /** Bounding box for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Callback function for confidence score click */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: BaseInputFieldEmphasis;\n};\n\n/**\n * A feature-rich input field component with label, validation, GTN integration,\n * risk analysis support, and comprehensive styling options.\n *\n * @example\n * ```tsx\n * <BaseInputField\n *   id=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   value={email}\n *   onChange={setEmail}\n *   placeholder=\"Enter your email\"\n *   required\n *   errorMessage={emailError}\n * />\n * ```\n */\nexport const BaseInputField = forwardRef<HTMLInputElement, TBaseInputFieldProps>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      onChange,\n      errorMessage,\n      successMessage,\n      required,\n      isRequiredConditional = false,\n      bg,\n      tags,\n      color,\n      className,\n      isPasswordField,\n      setIsPasswordVisible,\n      inputRef,\n      tooltip,\n      suffixIcon,\n      revertBackValue,\n      originalCase = false,\n      textSize,\n      isAiExtracted = false,\n      isGTN = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      gtnName = null,\n      inputClassName = \"\",\n      inputStyle = {},\n      labelClassName,\n      onBlur,\n      isLiveField = false,\n      isClearable = false,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      onAddGTNToDocument,\n      sourceMeta = [],\n      inputEmphasis = \"default\",\n      onConfidenceScoreClick,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const [showPassword, setShowPassword] = useState(false);\n    const [isHovered, setIsHovered] = useState(false);\n    const handleAddGTNToDocument = (value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-neutral-50 dark:focus:border-neutral-50\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"flex flex-col w-full\", className)}>\n          <style>\n            {`\n              .dark input:-webkit-autofill,\n              .dark input:-webkit-autofill:hover,\n              .dark input:-webkit-autofill:focus {\n                -webkit-text-fill-color: white !important;\n                -webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n              \n              input:-webkit-autofill,\n              input:-webkit-autofill:hover,\n              input:-webkit-autofill:focus {\n                -webkit-text-fill-color: #111827 !important;\n                -webkit-box-shadow: 0 0 0px 1000px white inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n            `}\n          </style>\n          {(label || labelExtra) && (\n            <label\n              id={id}\n              htmlFor=\"text\"\n              className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"\n                } ${labelClassName || \"!uppercse\"}`}\n            >\n              <div className=\"flex flex-wrap items-center justify-between w-full\">\n                <div className=\"inline-flex flex-wrap items-center gap-1\">\n                  {(label || required || isRequiredConditional) && (\n                    <InputLabel label={label ?? \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                  )}\n                  {revertBackValue?.length > 0 &&\n                    revertBackValue !== props.value && (\n                      <AntTooltip placement=\"top\" title={revertBackValue}>\n                        <button\n                          className=\"cursor-pointer\"\n                          onClick={() => onChange(revertBackValue)}\n                          type=\"button\"\n                        >\n                          <RevertIcon\n                            size={16}\n                            className=\"cursor-pointer pb-0.5 text-primary-600\"\n                          />\n                        </button>\n                      </AntTooltip>\n                    )}\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <AntTooltip placement=\"top\" title={tooltip}>\n                      <div className=\"cursor-pointer\">\n                        <HelpIcon />\n                      </div>\n                    </AntTooltip>\n                  )}\n                  {labelExtra}\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip || \"\"}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span\n                          className={cn(\n                            \"text-xs font-medium leading-4\",\n                            getConfidenceScoreBadgeTextColor(confidenceType)\n                          )}\n                        >\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n\n                  {isGTN && isHovered && onAddGTNToDocument ? (\n                    <button\n                      id={`btn-base-input-field-add-to-document-${id}`}\n                      className=\"cursor-pointer\"\n                      onClick={() => handleAddGTNToDocument(props?.value)}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{\n                            fontSize: 16,\n                          }}\n                        />\n                      </AntTooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          )}\n          <label className=\"relative block\">\n            <div className=\"relative\">\n              <input\n                {...props}\n                ref={inputRef || ref}\n                id={id || label}\n                key={id}\n                required={required}\n                style={\n                  {\n                    \"--input-bg-color\":\n                      \"var(--tw-bg-opacity, 1) rgb(var(--bg-color))\",\n                    ...inputStyle,\n                  } as React.CSSProperties\n                }\n                className={cn(\n                  \"border border-solid h-[32px] text-neutral-900 dark:text-black-100 block w-full px-3 py-1.5 font-medium disabled:opacity-70 focus:outline-none focus:ring-0 dark:disabled:placeholder:!text-black-400\",\n                  textSize ? textSize : \"text-sm\",\n                  color ? color : \"text-neutral-900 dark:text-black-100\",\n                  bg && bg,\n                  inputClassName ? inputClassName : \"\",\n                  errorMessage\n                    ? cn(\n                        \"rounded-md border-red-300 dark:border-red-500 bg-white hover:border-red-400 dark:bg-black-600 dark:hover:border-red-400 focus:border-red-600 focus:shadow-[0_0_0_1.5px_rgba(239,68,68,0.22)] dark:focus:border-red-500 dark:focus:shadow-[0_0_0_1.5px_rgba(248,113,113,0.25)]\",\n                      )\n                    : successMessage\n                      ? cn(\n                          \"rounded-md border-green-300 bg-white hover:border-green-400 dark:border-green-600 dark:bg-black-600 dark:hover:border-green-500 focus:border-green-600 focus:shadow-[0_0_0_1.5px_rgba(34,197,94,0.22)] dark:focus:border-green-500\",\n                        )\n                      : showRiskSkin && riskDetails?.color\n                        ? cn(\n                            \"rounded-md hover:border-primary-500 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\",\n                            `bg-${riskDetails.color}-50 border-${riskDetails.color}-300`,\n                          )\n                        : emphasisDeletedSkin\n                          ? \"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)] dark:disabled:!bg-[var(--Error-50,#FEF2F2)]\"\n                          : emphasisModifiedSkin\n                            ? \"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)] dark:disabled:!bg-[var(--Warning-50,#FFFAEB)]\"\n                            : emphasisSuccessSkin\n                              ? \"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)] dark:disabled:!bg-[var(--Success-50,#F0FDF4)] disabled:!text-[#101828] dark:disabled:!text-[#101828]\"\n                              : \"rounded-md border-neutral-200 bg-white hover:border-primary-500 dark:border-black-600 dark:bg-black-600 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] disabled:!bg-neutral-50 dark:disabled:!bg-black-800\"\n                )}\n                onChange={(e) => {\n                  onChange(e.target.value);\n                }}\n                onClick={(e) => e.stopPropagation()}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n              {isPasswordField ? (\n                <button\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2\"\n                  onClick={() => {\n                    setShowPassword(!showPassword);\n                    setIsPasswordVisible?.(!showPassword);\n                  }}\n                  type=\"button\"\n                >\n                  {showPassword ? (\n                    <EyeIcon className=\"text-gray-400\" size={16} />\n                  ) : (\n                    <EyeOffIcon className=\"text-gray-400\" size={16} />\n                  )}\n                </button>\n              ) : isClearable && props.value ? (\n                <button\n                  id={`btn-input-field-clear-${id}`}\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2 focus:outline-none\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onChange(\"\");\n                  }}\n                  type=\"button\"\n                >\n                  <CloseIcon\n                    className=\"text-neutral-200 dark:text-black-500\"\n                    size={16}\n                  />\n                </button>\n              ) : suffixIcon ? (\n                <div className=\"absolute inset-y-0 flex items-center right-2\">\n                  {suffixIcon}\n                </div>\n              ) : null}\n            </div>\n          </label>\n          <AnimatePresence>\n            {errorMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-error-500\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {errorMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n          <AnimatePresence>\n            {successMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-success-500 dark:text-success-300\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {successMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nBaseInputField.displayName = \"BaseInputField\";\n\nexport default BaseInputField;\n\n"],"names":["EyeIcon","className","size","jsxs","jsx","EyeOffIcon","CloseIcon","RevertIcon","BaseInputField","forwardRef","id","label","labelExtra","onChange","errorMessage","successMessage","required","isRequiredConditional","bg","tags","color","isPasswordField","setIsPasswordVisible","inputRef","tooltip","suffixIcon","revertBackValue","originalCase","textSize","isAiExtracted","isGTN","confidenceScore","confidenceType","confidenceTooltip","gtnName","inputClassName","inputStyle","labelClassName","onBlur","isLiveField","isClearable","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","onAddGTNToDocument","sourceMeta","inputEmphasis","onConfidenceScoreClick","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","showPassword","setShowPassword","useState","isHovered","setIsHovered","handleAddGTNToDocument","value","cn","InputLabel","AntTooltip","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","HelpIcon","Tooltip","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","NoteAddOutlined","createElement","e","AnimatePresence","motion","Typography"],"mappings":"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"}

package/dist/components/forms/base-input-field/BaseInputField.es.js

@@ -4,15 +4,15 @@ import i from "../../../_virtual/index.es.js";
 import { AnimatePresence as P, motion as j } from "framer-motion";
 import { useTranslation as sr } from "react-i18next";
 import { Tooltip as w } from "antd";
-import { Typography as D } from "../../data-display/typography/Typography.es.js";
-import { Label as cr } from "../../data-display/label/Label.es.js";
-import { BoltOutlined as ur, NoteAddOutlined as br } from "@mui/icons-material";
+import { Typography as z } from "../../data-display/typography/Typography.es.js";
+import { HelpIcon as cr } from "../../icons/HelpIcon.es.js";
+import { Label as ur } from "../../data-display/label/Label.es.js";
+import { BoltOutlined as br, NoteAddOutlined as pr } from "@mui/icons-material";
 import { AIExtractedIndicator as mr } from "../../icons/AIExtractedIndicator.es.js";
-import { AIStarIcon as pr } from "../../icons/AIStarIcon.es.js";
-import { InputLabel as fr } from "../shared/InputLabel.es.js";
-import hr from "../../tooltip/Tooltip.es.js";
-import { shouldShowConfidenceScore as $, getConfidenceScoreBadgeFill as kr, getConfidenceScoreBadgeColor as gr, getConfidenceScoreBadgeTextColor as xr, getConfidenceScoreBadgeClass as vr } from "../../../utils/confidenceScoreUtils.es.js";
-import { HelpIcon as yr } from "../../icons/HelpIcon.es.js";
+import { AIStarIcon as fr } from "../../icons/AIStarIcon.es.js";
+import { InputLabel as hr } from "../shared/InputLabel.es.js";
+import kr from "../../tooltip/Tooltip.es.js";
+import { shouldShowConfidenceScore as D, getConfidenceScoreBadgeFill as xr, getConfidenceScoreBadgeColor as gr, getConfidenceScoreBadgeTextColor as vr, getConfidenceScoreBadgeClass as yr } from "../../../utils/confidenceScoreUtils.es.js";
 const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
   "svg",
   {
@@ -86,13 +86,13 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
     id: o,
     label: e,
     labelExtra: F,
-    onChange: p,
+    onChange: m,
     errorMessage: d,
     successMessage: l,
     required: f,
     isRequiredConditional: _ = !1,
     bg: N,
-    tags: z,
+    tags: $,
     color: C,
     className: H,
     isPasswordField: O,
@@ -118,14 +118,14 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
     riskDetails: n,
     isRiskAnalysisOpen: I = !1,
     RiskDetailsCard: L,
-    onAddGTNToDocument: g,
+    onAddGTNToDocument: x,
     sourceMeta: G = [],
-    inputEmphasis: x = "default",
+    inputEmphasis: g = "default",
     onConfidenceScoreClick: T,
     ...u
   }, rr) => {
-    const { t: er } = sr(), b = !!(I && n?.color), or = x === "modified" && !d && !l && !b, tr = x === "deleted" && !d && !l && !b, ar = x === "success" && !d && !l && !b, [v, ir] = W(!1), [m, y] = W(!1), dr = (t) => {
-      g && g({
+    const { t: er } = sr(), b = !!(I && n?.color), or = g === "modified" && !d && !l && !b, tr = g === "deleted" && !d && !l && !b, ar = g === "success" && !d && !l && !b, [v, ir] = W(!1), [p, y] = W(!1), dr = (t) => {
+      x && x({
         key: X,
         value: t
       });
@@ -135,12 +135,12 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
       {
         className: i(
           "flex gap-0.5 relative",
-          m && h ? "border rounded-lg border-primary-100 bg-primary-50 p-1 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-neutral-50 dark:focus:border-neutral-50" : ""
+          p && h ? "border rounded-lg border-primary-100 bg-primary-50 p-1 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-neutral-50 dark:focus:border-neutral-50" : ""
         ),
         onMouseEnter: () => y(!0),
         onMouseLeave: () => y(!1),
         children: [
-          h && !m ? /* @__PURE__ */ r("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
+          h && !p ? /* @__PURE__ */ r("div", { className: "w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5" }) : null,
           /* @__PURE__ */ a("div", { className: i("flex flex-col w-full", H), children: [
             /* @__PURE__ */ r("style", { children: `
               .dark input:-webkit-autofill,
@@ -167,23 +167,24 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                 className: `mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${J ? "" : "capitalize"} ${Z || "!uppercse"}`,
                 children: /* @__PURE__ */ a("div", { className: "flex flex-wrap items-center justify-between w-full", children: [
                   /* @__PURE__ */ a("div", { className: "inline-flex flex-wrap items-center gap-1", children: [
-                    (e || f || _) && /* @__PURE__ */ r(fr, { label: e ?? "", required: f || !1, isRequiredConditional: _ || !1 }),
+                    (e || f || _) && /* @__PURE__ */ r(hr, { label: e ?? "", required: f || !1, isRequiredConditional: _ || !1 }),
                     c?.length > 0 && c !== u.value && /* @__PURE__ */ r(w, { placement: "top", title: c, children: /* @__PURE__ */ r(
                       "button",
                       {
                         className: "cursor-pointer",
-                        onClick: () => p(c),
+                        onClick: () => m(c),
                         type: "button",
                         children: /* @__PURE__ */ r(
                           Nr,
                           {
-                            className: "cursor-pointer pb-0.5 text-primary-600 w-4 h-4"
+                            size: 16,
+                            className: "cursor-pointer pb-0.5 text-primary-600"
                           }
                         )
                       }
                     ) }),
                     M && /* @__PURE__ */ r(
-                      ur,
+                      br,
                       {
                         sx: {
                           fontSize: 16,
@@ -192,14 +193,14 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                         }
                       }
                     ),
-                    Q && !$(k) && /* @__PURE__ */ r(mr, {}),
-                    /* @__PURE__ */ r(cr, { labels: z }),
-                    E && /* @__PURE__ */ r(w, { placement: "top", title: E, children: /* @__PURE__ */ r("div", { className: "cursor-pointer", children: /* @__PURE__ */ r(yr, { className: "w-icon-sm h-icon-sm" }) }) }),
+                    Q && !D(k) && /* @__PURE__ */ r(mr, {}),
+                    /* @__PURE__ */ r(ur, { labels: $ }),
+                    E && /* @__PURE__ */ r(w, { placement: "top", title: E, children: /* @__PURE__ */ r("div", { className: "cursor-pointer", children: /* @__PURE__ */ r(cr, {}) }) }),
                     F
                   ] }),
                   /* @__PURE__ */ a("div", { className: "flex items-center gap-1", children: [
-                    $(k) && s ? /* @__PURE__ */ r(
-                      hr,
+                    D(k) && s ? /* @__PURE__ */ r(
+                      kr,
                       {
                         placement: "top-end",
                         title: U || "",
@@ -208,17 +209,17 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                           "div",
                           {
                             className: i(
-                              "inline-flex min-w-12 items-center gap-1 rounded-md px-1 py-0.5",
-                              vr(s)
+                              "inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",
+                              yr(s)
                             ),
                             onClick: () => T?.(G),
                             children: [
                               /* @__PURE__ */ r(
-                                pr,
+                                fr,
                                 {
                                   size: 12,
                                   fill: gr(s),
-                                  fillSecondary: kr(s)
+                                  fillSecondary: xr(s)
                                 }
                               ),
                               /* @__PURE__ */ a(
@@ -226,7 +227,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                                 {
                                   className: i(
                                     "text-xs font-medium leading-4",
-                                    xr(s)
+                                    vr(s)
                                   ),
                                   children: [
                                     k,
@@ -239,7 +240,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                         )
                       }
                     ) : null,
-                    h && m && g ? /* @__PURE__ */ r(
+                    h && p && x ? /* @__PURE__ */ r(
                       "button",
                       {
                         id: `btn-base-input-field-add-to-document-${o}`,
@@ -247,7 +248,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                         onClick: () => dr(u?.value),
                         type: "button",
                         children: /* @__PURE__ */ r(w, { placement: "top", title: er("Add to document"), children: /* @__PURE__ */ r(
-                          br,
+                          pr,
                           {
                             className: "text-primary-600",
                             sx: {
@@ -275,7 +276,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                     ...Y
                   },
                   className: i(
-                    "border border-solid h-8 text-neutral-900 dark:text-black-100 block w-full px-3 py-1.5 font-medium disabled:opacity-70 focus:outline-none focus:ring-0 dark:disabled:placeholder:!text-black-400",
+                    "border border-solid h-[32px] text-neutral-900 dark:text-black-100 block w-full px-3 py-1.5 font-medium disabled:opacity-70 focus:outline-none focus:ring-0 dark:disabled:placeholder:!text-black-400",
                     B || "text-sm",
                     C || "text-neutral-900 dark:text-black-100",
                     N && N,
@@ -290,7 +291,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                     ) : tr ? "rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)] dark:disabled:!bg-[var(--Error-50,#FEF2F2)]" : or ? "rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)] dark:disabled:!bg-[var(--Warning-50,#FFFAEB)]" : ar ? "rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)] dark:disabled:!bg-[var(--Success-50,#F0FDF4)] disabled:!text-[#101828] dark:disabled:!text-[#101828]" : "rounded-md border-neutral-200 bg-white hover:border-primary-500 dark:border-black-600 dark:bg-black-600 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] disabled:!bg-neutral-50 dark:disabled:!bg-black-800"
                   ),
                   onChange: (t) => {
-                    p(t.target.value);
+                    m(t.target.value);
                   },
                   onClick: (t) => t.stopPropagation(),
                   autoComplete: "off",
@@ -305,7 +306,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                     ir(!v), K?.(!v);
                   },
                   type: "button",
-                  children: v ? /* @__PURE__ */ r(wr, { className: "text-gray-400 w-4 h-4" }) : /* @__PURE__ */ r(Fr, { className: "text-gray-400 w-4 h-4" })
+                  children: v ? /* @__PURE__ */ r(wr, { className: "text-gray-400", size: 16 }) : /* @__PURE__ */ r(Fr, { className: "text-gray-400", size: 16 })
                 }
               ) : V && u.value ? /* @__PURE__ */ r(
                 "button",
@@ -313,13 +314,14 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                   id: `btn-input-field-clear-${o}`,
                   className: "absolute inset-y-0 flex items-center cursor-pointer right-2 focus:outline-none",
                   onClick: (t) => {
-                    t.stopPropagation(), p("");
+                    t.stopPropagation(), m("");
                   },
                   type: "button",
                   children: /* @__PURE__ */ r(
                     _r,
                     {
-                      className: "text-neutral-200 dark:text-black-500 w-4 h-4"
+                      className: "text-neutral-200 dark:text-black-500",
+                      size: 16
                     }
                   )
                 }
@@ -333,7 +335,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                 exit: { opacity: 0, y: -10 },
                 transition: { duration: 0.2 },
                 children: /* @__PURE__ */ r(
-                  D,
+                  z,
                   {
                     className: "mt-1 text-error-500",
                     appearance: "custom",
@@ -352,7 +354,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
                 exit: { opacity: 0, y: -10 },
                 transition: { duration: 0.2 },
                 children: /* @__PURE__ */ r(
-                  D,
+                  z,
                   {
                     className: "mt-1 text-success-500 dark:text-success-300",
                     appearance: "custom",
@@ -364,7 +366,7 @@ const wr = ({ className: o, size: e = 16 }) => /* @__PURE__ */ a(
               }
             ) })
           ] }),
-          m && n && I && L && /* @__PURE__ */ r(
+          p && n && I && L && /* @__PURE__ */ r(
             "div",
             {
               role: "tooltip",

package/dist/components/forms/base-input-field/BaseInputField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseInputField.es.js","sources":["../../../../src/components/forms/base-input-field/BaseInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { forwardRef, useState } from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/**\n * Bounding boxes interface\n */\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props\n */\nexport interface RiskDetailsCardProps {\n  riskDetails: RiskDetails;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Eye icon for password visibility toggle\n */\nconst EyeIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </svg>\n);\n\n/**\n * Eye off icon for password visibility toggle\n */\nconst EyeOffIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n    <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n  </svg>\n);\n\n/**\n * Close icon for clearable input\n */\nconst CloseIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n\n/**\n * Revert icon for revert back value\n */\nconst RevertIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n    <path d=\"M3 3v5h5\" />\n  </svg>\n);\n\n/** Visual emphasis for the input surface (background + border) */\nexport type BaseInputFieldEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\n/**\n * Props for the BaseInputField component\n */\nexport type TBaseInputFieldProps = any & {\n  /** Current value of the input */\n  value: string;\n  /** Callback function called when the input value changes */\n  onChange(data: any): void;\n  /** Callback function for key down events */\n  onKeyDown?: void;\n  /** Error message to display */\n  errorMessage: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Maximum value for number inputs */\n  max?: number;\n  /** Minimum value for number inputs */\n  min?: number;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional */\n  isRequiredConditional?: boolean;\n  /** Background color class */\n  bg?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Text color class */\n  color?: string;\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text for the input */\n  label?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input type (text, email, password, number, etc.) */\n  type?: string;\n  /** Value to revert back to */\n  revertBackValue?: any;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether this is a password field with visibility toggle */\n  isPasswordField?: boolean;\n  /** Callback to set password visibility */\n  setIsPasswordVisible?: any;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Icon or element to display at the end of the input */\n  suffixIcon?: React.ReactNode;\n  /** Text size class */\n  textSize?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Whether this is a GTN field */\n  isGTN?: boolean;\n  /** Confidence score shown as a compact badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence score badge */\n  confidenceTooltip?: React.ReactNode;\n  /** GTN name for document integration */\n  gtnName?: any;\n  /** Success message to display */\n  successMessage?: string;\n  /** Additional CSS classes for the input element */\n  inputClassName?: string;\n  /** Inline styles for the input element */\n  inputStyle?: React.CSSProperties;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function for blur events */\n  onBlur?: () => void;\n  /** Whether the input is clearable */\n  isClearable?: boolean;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Ref for the input element */\n  inputRef?: React.RefObject<HTMLInputElement>;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;\n  /** Bounding box for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Callback function for confidence score click */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: BaseInputFieldEmphasis;\n};\n\n/**\n * A feature-rich input field component with label, validation, GTN integration,\n * risk analysis support, and comprehensive styling options.\n *\n * @example\n * ```tsx\n * <BaseInputField\n *   id=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   value={email}\n *   onChange={setEmail}\n *   placeholder=\"Enter your email\"\n *   required\n *   errorMessage={emailError}\n * />\n * ```\n */\nexport const BaseInputField = forwardRef<HTMLInputElement, TBaseInputFieldProps>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      onChange,\n      errorMessage,\n      successMessage,\n      required,\n      isRequiredConditional = false,\n      bg,\n      tags,\n      color,\n      className,\n      isPasswordField,\n      setIsPasswordVisible,\n      inputRef,\n      tooltip,\n      suffixIcon,\n      revertBackValue,\n      originalCase = false,\n      textSize,\n      isAiExtracted = false,\n      isGTN = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      gtnName = null,\n      inputClassName = \"\",\n      inputStyle = {},\n      labelClassName,\n      onBlur,\n      isLiveField = false,\n      isClearable = false,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      onAddGTNToDocument,\n      sourceMeta = [],\n      inputEmphasis = \"default\",\n      onConfidenceScoreClick,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const [showPassword, setShowPassword] = useState(false);\n    const [isHovered, setIsHovered] = useState(false);\n    const handleAddGTNToDocument = (value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-neutral-50 dark:focus:border-neutral-50\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"flex flex-col w-full\", className)}>\n          <style>\n            {`\n              .dark input:-webkit-autofill,\n              .dark input:-webkit-autofill:hover,\n              .dark input:-webkit-autofill:focus {\n                -webkit-text-fill-color: white !important;\n                -webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n              \n              input:-webkit-autofill,\n              input:-webkit-autofill:hover,\n              input:-webkit-autofill:focus {\n                -webkit-text-fill-color: #111827 !important;\n                -webkit-box-shadow: 0 0 0px 1000px white inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n            `}\n          </style>\n          {(label || labelExtra) && (\n            <label\n              id={id}\n              htmlFor=\"text\"\n              className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"\n                } ${labelClassName || \"!uppercse\"}`}\n            >\n              <div className=\"flex flex-wrap items-center justify-between w-full\">\n                <div className=\"inline-flex flex-wrap items-center gap-1\">\n                  {(label || required || isRequiredConditional) && (\n                    <InputLabel label={label ?? \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                  )}\n                  {revertBackValue?.length > 0 &&\n                    revertBackValue !== props.value && (\n                      <AntTooltip placement=\"top\" title={revertBackValue}>\n                        <button\n                          className=\"cursor-pointer\"\n                          onClick={() => onChange(revertBackValue)}\n                          type=\"button\"\n                        >\n                          <RevertIcon\n                            className=\"cursor-pointer pb-0.5 text-primary-600 w-4 h-4\"\n                          />\n                        </button>\n                      </AntTooltip>\n                    )}\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <AntTooltip placement=\"top\" title={tooltip}>\n                      <div className=\"cursor-pointer\">\n                        <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                      </div>\n                    </AntTooltip>\n                  )}\n                  {labelExtra}\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip || \"\"}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          \"inline-flex min-w-12 items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span\n                          className={cn(\n                            \"text-xs font-medium leading-4\",\n                            getConfidenceScoreBadgeTextColor(confidenceType)\n                          )}\n                        >\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n\n                  {isGTN && isHovered && onAddGTNToDocument ? (\n                    <button\n                      id={`btn-base-input-field-add-to-document-${id}`}\n                      className=\"cursor-pointer\"\n                      onClick={() => handleAddGTNToDocument(props?.value)}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{\n                            fontSize: 16,\n                          }}\n                        />\n                      </AntTooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          )}\n          <label className=\"relative block\">\n            <div className=\"relative\">\n              <input\n                {...props}\n                ref={inputRef || ref}\n                id={id || label}\n                key={id}\n                required={required}\n                style={\n                  {\n                    \"--input-bg-color\":\n                      \"var(--tw-bg-opacity, 1) rgb(var(--bg-color))\",\n                    ...inputStyle,\n                  } as React.CSSProperties\n                }\n                className={cn(\n                  \"border border-solid h-8 text-neutral-900 dark:text-black-100 block w-full px-3 py-1.5 font-medium disabled:opacity-70 focus:outline-none focus:ring-0 dark:disabled:placeholder:!text-black-400\",\n                  textSize ? textSize : \"text-sm\",\n                  color ? color : \"text-neutral-900 dark:text-black-100\",\n                  bg && bg,\n                  inputClassName ? inputClassName : \"\",\n                  errorMessage\n                    ? cn(\n                        \"rounded-md border-red-300 dark:border-red-500 bg-white hover:border-red-400 dark:bg-black-600 dark:hover:border-red-400 focus:border-red-600 focus:shadow-[0_0_0_1.5px_rgba(239,68,68,0.22)] dark:focus:border-red-500 dark:focus:shadow-[0_0_0_1.5px_rgba(248,113,113,0.25)]\",\n                      )\n                    : successMessage\n                      ? cn(\n                          \"rounded-md border-green-300 bg-white hover:border-green-400 dark:border-green-600 dark:bg-black-600 dark:hover:border-green-500 focus:border-green-600 focus:shadow-[0_0_0_1.5px_rgba(34,197,94,0.22)] dark:focus:border-green-500\",\n                        )\n                      : showRiskSkin && riskDetails?.color\n                        ? cn(\n                            \"rounded-md hover:border-primary-500 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\",\n                            `bg-${riskDetails.color}-50 border-${riskDetails.color}-300`,\n                          )\n                        : emphasisDeletedSkin\n                          ? \"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)] dark:disabled:!bg-[var(--Error-50,#FEF2F2)]\"\n                          : emphasisModifiedSkin\n                            ? \"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)] dark:disabled:!bg-[var(--Warning-50,#FFFAEB)]\"\n                            : emphasisSuccessSkin\n                              ? \"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)] dark:disabled:!bg-[var(--Success-50,#F0FDF4)] disabled:!text-[#101828] dark:disabled:!text-[#101828]\"\n                              : \"rounded-md border-neutral-200 bg-white hover:border-primary-500 dark:border-black-600 dark:bg-black-600 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] disabled:!bg-neutral-50 dark:disabled:!bg-black-800\"\n                )}\n                onChange={(e) => {\n                  onChange(e.target.value);\n                }}\n                onClick={(e) => e.stopPropagation()}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n              {isPasswordField ? (\n                <button\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2\"\n                  onClick={() => {\n                    setShowPassword(!showPassword);\n                    setIsPasswordVisible?.(!showPassword);\n                  }}\n                  type=\"button\"\n                >\n                  {showPassword ? (\n                    <EyeIcon className=\"text-gray-400 w-4 h-4\" />\n                  ) : (\n                    <EyeOffIcon className=\"text-gray-400 w-4 h-4\" />\n                  )}\n                </button>\n              ) : isClearable && props.value ? (\n                <button\n                  id={`btn-input-field-clear-${id}`}\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2 focus:outline-none\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onChange(\"\");\n                  }}\n                  type=\"button\"\n                >\n                  <CloseIcon\n                    className=\"text-neutral-200 dark:text-black-500 w-4 h-4\"\n                  />\n                </button>\n              ) : suffixIcon ? (\n                <div className=\"absolute inset-y-0 flex items-center right-2\">\n                  {suffixIcon}\n                </div>\n              ) : null}\n            </div>\n          </label>\n          <AnimatePresence>\n            {errorMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-error-500\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {errorMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n          <AnimatePresence>\n            {successMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-success-500 dark:text-success-300\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {successMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nBaseInputField.displayName = \"BaseInputField\";\n\nexport default BaseInputField;\n\n"],"names":["EyeIcon","className","size","jsxs","jsx","EyeOffIcon","CloseIcon","RevertIcon","BaseInputField","forwardRef","id","label","labelExtra","onChange","errorMessage","successMessage","required","isRequiredConditional","bg","tags","color","isPasswordField","setIsPasswordVisible","inputRef","tooltip","suffixIcon","revertBackValue","originalCase","textSize","isAiExtracted","isGTN","confidenceScore","confidenceType","confidenceTooltip","gtnName","inputClassName","inputStyle","labelClassName","onBlur","isLiveField","isClearable","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","onAddGTNToDocument","sourceMeta","inputEmphasis","onConfidenceScoreClick","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","showPassword","setShowPassword","useState","isHovered","setIsHovered","handleAddGTNToDocument","value","cn","InputLabel","AntTooltip","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","HelpIcon","Tooltip","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","NoteAddOutlined","createElement","e","AnimatePresence","motion","Typography"],"mappings":"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"}
+{"version":3,"file":"BaseInputField.es.js","sources":["../../../../src/components/forms/base-input-field/BaseInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport React, { forwardRef, useState } from \"react\";\nimport { useTranslation } from 'react-i18next';\nimport { Tooltip as AntTooltip } from \"antd\";\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\n\n/**\n * Bounding boxes interface\n */\nexport type SourceMetaBBox = {\n  b: number;\n  l: number;\n  r: number;\n  t: number;\n};\n\nexport type SourceMetaItem = {\n  bbox: SourceMetaBBox;\n  confidence_score?: number;\n  is_primary?: boolean;\n  match_score?: number;\n  match_type?: string;\n  page_height: number;\n  page_width: number;\n  source_page: number;\n  source_text?: string;\n};\n\n/**\n * Risk details interface\n */\nexport interface RiskDetails {\n  color?: string;\n  description?: string;\n  hexBgColor?: string;\n  hexBorderColor?: string;\n  [key: string]: any;\n}\n\n/**\n * Risk details card component props\n */\nexport interface RiskDetailsCardProps {\n  riskDetails: RiskDetails;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Eye icon for password visibility toggle\n */\nconst EyeIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z\" />\n    <circle cx=\"12\" cy=\"12\" r=\"3\" />\n  </svg>\n);\n\n/**\n * Eye off icon for password visibility toggle\n */\nconst EyeOffIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24\" />\n    <line x1=\"1\" y1=\"1\" x2=\"23\" y2=\"23\" />\n  </svg>\n);\n\n/**\n * Close icon for clearable input\n */\nconst CloseIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\" />\n    <line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\" />\n  </svg>\n);\n\n/**\n * Revert icon for revert back value\n */\nconst RevertIcon = ({ className, size = 16 }: { className?: string; size?: number }) => (\n  <svg\n    width={size}\n    height={size}\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    className={className}\n  >\n    <path d=\"M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8\" />\n    <path d=\"M3 3v5h5\" />\n  </svg>\n);\n\n/** Visual emphasis for the input surface (background + border) */\nexport type BaseInputFieldEmphasis = \"default\" | \"modified\" | \"deleted\" | \"success\";\n\n/**\n * Props for the BaseInputField component\n */\nexport type TBaseInputFieldProps = any & {\n  /** Current value of the input */\n  value: string;\n  /** Callback function called when the input value changes */\n  onChange(data: any): void;\n  /** Callback function for key down events */\n  onKeyDown?: void;\n  /** Error message to display */\n  errorMessage: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Maximum value for number inputs */\n  max?: number;\n  /** Minimum value for number inputs */\n  min?: number;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional */\n  isRequiredConditional?: boolean;\n  /** Background color class */\n  bg?: string;\n  /** Tags to display with the label */\n  tags?: (string | LabelType)[];\n  /** Text color class */\n  color?: string;\n  /** Unique identifier for the input */\n  id: string;\n  /** Label text for the input */\n  label?: string;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input type (text, email, password, number, etc.) */\n  type?: string;\n  /** Value to revert back to */\n  revertBackValue?: any;\n  /** Placeholder text */\n  placeholder?: string;\n  /** Whether this is a password field with visibility toggle */\n  isPasswordField?: boolean;\n  /** Callback to set password visibility */\n  setIsPasswordVisible?: any;\n  /** Tooltip text */\n  tooltip?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Icon or element to display at the end of the input */\n  suffixIcon?: React.ReactNode;\n  /** Text size class */\n  textSize?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Whether this is a GTN field */\n  isGTN?: boolean;\n  /** Confidence score shown as a compact badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence score badge */\n  confidenceTooltip?: React.ReactNode;\n  /** GTN name for document integration */\n  gtnName?: any;\n  /** Success message to display */\n  successMessage?: string;\n  /** Additional CSS classes for the input element */\n  inputClassName?: string;\n  /** Inline styles for the input element */\n  inputStyle?: React.CSSProperties;\n  /** Additional CSS classes for the label */\n  labelClassName?: string;\n  /** Whether this is a live field */\n  isLiveField?: boolean;\n  /** Callback function for blur events */\n  onBlur?: () => void;\n  /** Whether the input is clearable */\n  isClearable?: boolean;\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Ref for the input element */\n  inputRef?: React.RefObject<HTMLInputElement>;\n  /** Risk details data */\n  riskDetails?: RiskDetails;\n  /** Whether risk analysis is open */\n  isRiskAnalysisOpen?: boolean;\n  /** Custom risk details card component */\n  RiskDetailsCard?: React.ComponentType<RiskDetailsCardProps>;\n  /** Bounding box for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\n  /** Callback function for confidence score click */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Input surface style: `'modified'` — `--Warning-50` / `--Warning-200`; `'deleted'` — `--Error-50` / `--Error-200`, text `#475467`; `'success'` — `--Success-50` / `--Success-200`, text `#101828`. */\n  inputEmphasis?: BaseInputFieldEmphasis;\n};\n\n/**\n * A feature-rich input field component with label, validation, GTN integration,\n * risk analysis support, and comprehensive styling options.\n *\n * @example\n * ```tsx\n * <BaseInputField\n *   id=\"email\"\n *   label=\"Email Address\"\n *   type=\"email\"\n *   value={email}\n *   onChange={setEmail}\n *   placeholder=\"Enter your email\"\n *   required\n *   errorMessage={emailError}\n * />\n * ```\n */\nexport const BaseInputField = forwardRef<HTMLInputElement, TBaseInputFieldProps>(\n  (\n    {\n      id,\n      label,\n      labelExtra,\n      onChange,\n      errorMessage,\n      successMessage,\n      required,\n      isRequiredConditional = false,\n      bg,\n      tags,\n      color,\n      className,\n      isPasswordField,\n      setIsPasswordVisible,\n      inputRef,\n      tooltip,\n      suffixIcon,\n      revertBackValue,\n      originalCase = false,\n      textSize,\n      isAiExtracted = false,\n      isGTN = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      gtnName = null,\n      inputClassName = \"\",\n      inputStyle = {},\n      labelClassName,\n      onBlur,\n      isLiveField = false,\n      isClearable = false,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      onAddGTNToDocument,\n      sourceMeta = [],\n      inputEmphasis = \"default\",\n      onConfidenceScoreClick,\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const showRiskSkin = Boolean(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisModifiedSkin =\n      inputEmphasis === \"modified\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisDeletedSkin =\n      inputEmphasis === \"deleted\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const emphasisSuccessSkin =\n      inputEmphasis === \"success\" &&\n      !errorMessage &&\n      !successMessage &&\n      !showRiskSkin;\n    const [showPassword, setShowPassword] = useState(false);\n    const [isHovered, setIsHovered] = useState(false);\n    const handleAddGTNToDocument = (value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value,\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    return (\n      <div\n        className={cn(\n          \"flex gap-0.5 relative\",\n          isHovered && isGTN\n            ? \"border rounded-lg border-primary-100 bg-primary-50 p-1 focus:ring-primary-500 focus:border-primary-500 dark:focus:ring-neutral-50 dark:focus:border-neutral-50\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"flex flex-col w-full\", className)}>\n          <style>\n            {`\n              .dark input:-webkit-autofill,\n              .dark input:-webkit-autofill:hover,\n              .dark input:-webkit-autofill:focus {\n                -webkit-text-fill-color: white !important;\n                -webkit-box-shadow: 0 0 0px 1000px var(--input-bg-color) inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n              \n              input:-webkit-autofill,\n              input:-webkit-autofill:hover,\n              input:-webkit-autofill:focus {\n                -webkit-text-fill-color: #111827 !important;\n                -webkit-box-shadow: 0 0 0px 1000px white inset !important;\n                transition: background-color 5000s ease-in-out 0s;\n              }\n            `}\n          </style>\n          {(label || labelExtra) && (\n            <label\n              id={id}\n              htmlFor=\"text\"\n              className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${!originalCase ? \"capitalize\" : \"\"\n                } ${labelClassName || \"!uppercse\"}`}\n            >\n              <div className=\"flex flex-wrap items-center justify-between w-full\">\n                <div className=\"inline-flex flex-wrap items-center gap-1\">\n                  {(label || required || isRequiredConditional) && (\n                    <InputLabel label={label ?? \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\n                  )}\n                  {revertBackValue?.length > 0 &&\n                    revertBackValue !== props.value && (\n                      <AntTooltip placement=\"top\" title={revertBackValue}>\n                        <button\n                          className=\"cursor-pointer\"\n                          onClick={() => onChange(revertBackValue)}\n                          type=\"button\"\n                        >\n                          <RevertIcon\n                            size={16}\n                            className=\"cursor-pointer pb-0.5 text-primary-600\"\n                          />\n                        </button>\n                      </AntTooltip>\n                    )}\n                  {isLiveField && (\n                    <BoltOutlined\n                      sx={{\n                        fontSize: 16,\n                        color: \"var(--color-primary-600)\",\n                        rotate: \"15deg\",\n                      }}\n                    />\n                  )}\n                  {isAiExtracted && !shouldShowConfidenceScore(confidenceScore) && <AIExtractedIndicator />}\n                  <Label labels={tags} />\n                  {tooltip && (\n                    <AntTooltip placement=\"top\" title={tooltip}>\n                      <div className=\"cursor-pointer\">\n                        <HelpIcon />\n                      </div>\n                    </AntTooltip>\n                  )}\n                  {labelExtra}\n                </div>\n                <div className=\"flex items-center gap-1\">\n                  {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                    <Tooltip\n                      placement=\"top-end\"\n                      title={confidenceTooltip || \"\"}\n                      className=\"cursor-pointer\"\n                    >\n                      <div\n                        className={cn(\n                          \"inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5\",\n                          getConfidenceScoreBadgeClass(confidenceType)\n                        )}\n                        onClick={() => onConfidenceScoreClick?.(sourceMeta)}\n                      >\n                        <AIStarIcon\n                          size={12}\n                          fill={getConfidenceScoreBadgeColor(confidenceType)}\n                          fillSecondary={getConfidenceScoreBadgeFill(confidenceType)}\n                        />\n                        <span\n                          className={cn(\n                            \"text-xs font-medium leading-4\",\n                            getConfidenceScoreBadgeTextColor(confidenceType)\n                          )}\n                        >\n                          {confidenceScore}%\n                        </span>\n                      </div>\n                    </Tooltip>\n                  ) : null}\n\n                  {isGTN && isHovered && onAddGTNToDocument ? (\n                    <button\n                      id={`btn-base-input-field-add-to-document-${id}`}\n                      className=\"cursor-pointer\"\n                      onClick={() => handleAddGTNToDocument(props?.value)}\n                      type=\"button\"\n                    >\n                      <AntTooltip placement=\"top\" title={t(\"Add to document\")}>\n                        <NoteAddOutlined\n                          className=\"text-primary-600\"\n                          sx={{\n                            fontSize: 16,\n                          }}\n                        />\n                      </AntTooltip>\n                    </button>\n                  ) : null}\n                </div>\n              </div>\n            </label>\n          )}\n          <label className=\"relative block\">\n            <div className=\"relative\">\n              <input\n                {...props}\n                ref={inputRef || ref}\n                id={id || label}\n                key={id}\n                required={required}\n                style={\n                  {\n                    \"--input-bg-color\":\n                      \"var(--tw-bg-opacity, 1) rgb(var(--bg-color))\",\n                    ...inputStyle,\n                  } as React.CSSProperties\n                }\n                className={cn(\n                  \"border border-solid h-[32px] text-neutral-900 dark:text-black-100 block w-full px-3 py-1.5 font-medium disabled:opacity-70 focus:outline-none focus:ring-0 dark:disabled:placeholder:!text-black-400\",\n                  textSize ? textSize : \"text-sm\",\n                  color ? color : \"text-neutral-900 dark:text-black-100\",\n                  bg && bg,\n                  inputClassName ? inputClassName : \"\",\n                  errorMessage\n                    ? cn(\n                        \"rounded-md border-red-300 dark:border-red-500 bg-white hover:border-red-400 dark:bg-black-600 dark:hover:border-red-400 focus:border-red-600 focus:shadow-[0_0_0_1.5px_rgba(239,68,68,0.22)] dark:focus:border-red-500 dark:focus:shadow-[0_0_0_1.5px_rgba(248,113,113,0.25)]\",\n                      )\n                    : successMessage\n                      ? cn(\n                          \"rounded-md border-green-300 bg-white hover:border-green-400 dark:border-green-600 dark:bg-black-600 dark:hover:border-green-500 focus:border-green-600 focus:shadow-[0_0_0_1.5px_rgba(34,197,94,0.22)] dark:focus:border-green-500\",\n                        )\n                      : showRiskSkin && riskDetails?.color\n                        ? cn(\n                            \"rounded-md hover:border-primary-500 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)]\",\n                            `bg-${riskDetails.color}-50 border-${riskDetails.color}-300`,\n                          )\n                        : emphasisDeletedSkin\n                          ? \"rounded-lg border border-solid border-[var(--Error-200,#FECACA)] bg-[var(--Error-50,#FEF2F2)] !text-[#475467] focus:border-[var(--Error-200,#FECACA)] focus:shadow-[0_0_0_2px_rgba(254_202_202_/_0.45)] dark:border-[var(--Error-200,#FECACA)] dark:bg-[var(--Error-50,#FEF2F2)] dark:!text-[#475467] disabled:!opacity-100 disabled:!bg-[var(--Error-50,#FEF2F2)] dark:disabled:!bg-[var(--Error-50,#FEF2F2)]\"\n                          : emphasisModifiedSkin\n                            ? \"rounded-lg border border-solid border-[var(--Warning-200,#FEDF89)] bg-[var(--Warning-50,#FFFAEB)] text-neutral-900 dark:text-black-100 focus:border-[var(--Warning-200,#FEDF89)] focus:shadow-[0_0_0_2px_rgba(254_223_137_/_0.45)] dark:border-[var(--Warning-200,#FEDF89)] dark:bg-[var(--Warning-50,#FFFAEB)] disabled:!opacity-100 disabled:!bg-[var(--Warning-50,#FFFAEB)] dark:disabled:!bg-[var(--Warning-50,#FFFAEB)]\"\n                            : emphasisSuccessSkin\n                              ? \"rounded-lg border border-solid border-[var(--Success-200,#BBF7D0)] bg-[var(--Success-50,#F0FDF4)] !text-[#101828] focus:border-[var(--Success-200,#BBF7D0)] focus:shadow-[0_0_0_2px_rgba(187_247_208_/_0.45)] dark:border-[var(--Success-200,#BBF7D0)] dark:bg-[var(--Success-50,#F0FDF4)] dark:!text-[#101828] disabled:!opacity-100 disabled:!bg-[var(--Success-50,#F0FDF4)] dark:disabled:!bg-[var(--Success-50,#F0FDF4)] disabled:!text-[#101828] dark:disabled:!text-[#101828]\"\n                              : \"rounded-md border-neutral-200 bg-white hover:border-primary-500 dark:border-black-600 dark:bg-black-600 dark:hover:border-primary-400 focus:border-primary-600 dark:focus:border-primary-400 focus:shadow-[0_0_0_1.5px_var(--color-primary-100)] dark:focus:shadow-[0_0_0_1.5px_var(--color-primary-950)] disabled:!bg-neutral-50 dark:disabled:!bg-black-800\"\n                )}\n                onChange={(e) => {\n                  onChange(e.target.value);\n                }}\n                onClick={(e) => e.stopPropagation()}\n                autoComplete=\"off\"\n                onBlur={onBlur}\n              />\n              {isPasswordField ? (\n                <button\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2\"\n                  onClick={() => {\n                    setShowPassword(!showPassword);\n                    setIsPasswordVisible?.(!showPassword);\n                  }}\n                  type=\"button\"\n                >\n                  {showPassword ? (\n                    <EyeIcon className=\"text-gray-400\" size={16} />\n                  ) : (\n                    <EyeOffIcon className=\"text-gray-400\" size={16} />\n                  )}\n                </button>\n              ) : isClearable && props.value ? (\n                <button\n                  id={`btn-input-field-clear-${id}`}\n                  className=\"absolute inset-y-0 flex items-center cursor-pointer right-2 focus:outline-none\"\n                  onClick={(e) => {\n                    e.stopPropagation();\n                    onChange(\"\");\n                  }}\n                  type=\"button\"\n                >\n                  <CloseIcon\n                    className=\"text-neutral-200 dark:text-black-500\"\n                    size={16}\n                  />\n                </button>\n              ) : suffixIcon ? (\n                <div className=\"absolute inset-y-0 flex items-center right-2\">\n                  {suffixIcon}\n                </div>\n              ) : null}\n            </div>\n          </label>\n          <AnimatePresence>\n            {errorMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-error-500\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {errorMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n          <AnimatePresence>\n            {successMessage && (\n              <motion.div\n                initial={{ opacity: 0, y: -10 }}\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: -10 }}\n                transition={{ duration: 0.2 }}\n              >\n                <Typography\n                  className=\"mt-1 text-success-500 dark:text-success-300\"\n                  appearance=\"custom\"\n                  size=\"extra-small\"\n                  variant=\"medium\"\n                >\n                  {successMessage}\n                </Typography>\n              </motion.div>\n            )}\n          </AnimatePresence>\n        </div>\n\n        {isHovered &&\n          riskDetails &&\n          isRiskAnalysisOpen &&\n          RiskDetailsCard && (\n            <div\n              role=\"tooltip\"\n              tabIndex={0}\n              className=\"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl\"\n              onClick={(e) => e.stopPropagation()}\n              onMouseDown={(e) => e.preventDefault()}\n              onKeyDown={(e) => {\n                if (e.key === \"Escape\") {\n                  setIsHovered(false);\n                }\n              }}\n            >\n              <RiskDetailsCard riskDetails={riskDetails} />\n            </div>\n          )}\n      </div>\n    );\n  }\n);\n\nBaseInputField.displayName = \"BaseInputField\";\n\nexport default BaseInputField;\n\n"],"names":["EyeIcon","className","size","jsxs","jsx","EyeOffIcon","CloseIcon","RevertIcon","BaseInputField","forwardRef","id","label","labelExtra","onChange","errorMessage","successMessage","required","isRequiredConditional","bg","tags","color","isPasswordField","setIsPasswordVisible","inputRef","tooltip","suffixIcon","revertBackValue","originalCase","textSize","isAiExtracted","isGTN","confidenceScore","confidenceType","confidenceTooltip","gtnName","inputClassName","inputStyle","labelClassName","onBlur","isLiveField","isClearable","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","onAddGTNToDocument","sourceMeta","inputEmphasis","onConfidenceScoreClick","props","ref","t","useTranslation","showRiskSkin","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","showPassword","setShowPassword","useState","isHovered","setIsHovered","handleAddGTNToDocument","value","cn","InputLabel","AntTooltip","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","HelpIcon","Tooltip","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","NoteAddOutlined","createElement","e","AnimatePresence","motion","Typography"],"mappings":"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"}