@lax-wp/design-system 0.15.0 → 0.16.0

package/dist/components/forms/currency-input/CurrencyInputField.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInputField.cjs.js","sources":["../../../../src/components/forms/currency-input/CurrencyInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Dropdown, Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { CURRENCIES, CURRENCY_SYMBOLS } from \"./currency.constant\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { SearchBar } from \"../search-bar/SearchBar\";\nimport { OptionButton } from \"../../buttons/option-button/OptionButton\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport { formatCurrency as formatCurrencyUtils } from \"../../../utils/formatters\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\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 for risk analysis integration\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 - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the CurrencyInputField component\n */\nexport interface CurrencyInputFieldProps {\n  /** Unique identifier for the currency input */\n  id: string;\n  /** Label text to display above the input */\n  label?: string;\n  /** Current value of the input (string for compatibility) */\n  value: string;\n  /** Callback function called when value changes */\n  onChange: (data: any, currencyCode?: string) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to use simple mode (inline label style) */\n  simpleMode?: boolean;\n  /** Additional CSS classes for the input field */\n  inputFieldClassName?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether to allow multi-currency selection with dropdown */\n  allowMultiCurrency?: boolean;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Current currency code */\n  currencyCode?: 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 called when input loses focus */\n  onBlur?: () => void;\n  /** Whether the input should auto-focus */\n  autoFocus?: boolean;\n  /** Whether recording is active (for pilot context) */\n  isRecording?: boolean;\n  /** Whether playback is active (for pilot context) */\n  isPlaying?: boolean;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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<any>>;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning colors; `'deleted'` — Error colors, text #475467; `'success'` — Success colors, text #101828. */\n  inputEmphasis?: \"default\" | \"modified\" | \"deleted\" | \"success\";\n}\n\n/**\n * A highly customizable currency input component with label, validation, and styling support.\n * Features currency selection, formatting, validation, GTN integration, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <CurrencyInputField\n *   id=\"price\"\n *   label=\"Price\"\n *   value={price}\n *   onChange={(value, currency) => setPrice(value)}\n *   currencyCode=\"USD\"\n *   allowMultiCurrency\n *   required\n * />\n * ```\n */\nexport const CurrencyInputField = forwardRef<\n  HTMLInputElement,\n  CurrencyInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      tags,\n      className,\n      originalCase = false,\n      tooltip,\n      simpleMode = false,\n      inputFieldClassName = \"\",\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      allowMultiCurrency = false,\n      placeholder,\n      disabled = false,\n      currencyCode = \"USD\",\n      inputStyle,\n      labelClassName,\n      isLiveField = false,\n      onBlur: onBlurProp,\n      autoFocus = false,\n      isRecording = false,\n      isPlaying = false,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      labelExtra,\n      inputEmphasis = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const emphasisModifiedSkin = inputEmphasis === \"modified\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisSuccessSkin = inputEmphasis === \"success\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const [isFocused, setIsFocused] = useState(false);\n    const [filteredCurrencyOptions, setFilteredCurrencyOptions] = useState<\n      { label: React.ReactNode; key: string }[]\n    >([]);\n    const [searchKeyForCurrency, setSearchKeyForCurrency] = useState(\"\");\n    const [selectedCurrency, setSelectedCurrency] = useState<string>(\n      currencyCode ? currencyCode : \"USD\"\n    );\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value: formatCurrencyUtils(_value, selectedCurrency),\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const formatCurrency = (targetValue: any): string => {\n      if (targetValue === null || targetValue === undefined) return \"\";\n\n      const number = Number(targetValue);\n      if (isNaN(number)) return targetValue;\n\n      return number?.toLocaleString(\"en-US\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    };\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const _value = e.target.value;\n      const numericValue =\n        _value === \"\" || _value === null || _value === undefined\n          ? 0\n          : Number(_value);\n      onChange(numericValue, selectedCurrency);\n      const element = document.getElementById(id);\n      if (element) {\n        element.setAttribute(\n          \"data-selected-value\",\n          JSON.stringify({\n            value: numericValue,\n            currency_code: selectedCurrency,\n          })\n        );\n      }\n      if (element && (isRecording || isPlaying)) {\n        const pilotEvent = new CustomEvent(\"pilot-change\", {\n          bubbles: true,\n          detail: {\n            selector: `#${id}`,\n            value: {\n              value: numericValue,\n              currency_code: selectedCurrency,\n            },\n            type: \"change\",\n          },\n        });\n        element.dispatchEvent(pilotEvent);\n      }\n    };\n\n    const onFocus = () => {\n      setIsFocused(true);\n    };\n\n    const onBlur = () => {\n      setIsFocused(false);\n      if (value === null || value === undefined || value === \"\") {\n        handleOnChange({\n          target: { value: \"0.00\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n      onBlurProp?.();\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0\";\n\n      if (errorMessage) {\n        return cn(baseClasses, \"rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500\", inputFieldClassName);\n      }\n      if (isRiskAnalysisOpen && riskDetails?.color) {\n        return cn(baseClasses, `rounded-md border-${riskDetails.color}-300 bg-${riskDetails.color}-50`, \"text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800\", inputFieldClassName);\n      }\n      if (emphasisDeletedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisModifiedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisSuccessSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      return cn(baseClasses, \"rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]\", inputFieldClassName);\n    };\n\n    useEffect(() => {\n      if (currencyCode) {\n        setSelectedCurrency(currencyCode);\n      }\n    }, [currencyCode]);\n\n    useEffect(() => {\n      if (selectedCurrency) {\n        const numericValue =\n          value === \"\" || value === null || value === undefined\n            ? 0\n            : Number(value);\n        if (currencyCode !== selectedCurrency) {\n          onChange(numericValue, selectedCurrency);\n        }\n        const element = document.getElementById(id);\n        if (element) {\n          element.setAttribute(\n            \"data-selected-value\",\n            JSON.stringify({\n              value: numericValue,\n              currency_code: selectedCurrency,\n            })\n          );\n          if (isRecording || isPlaying) {\n            const pilotEvent = new CustomEvent(\"pilot-change\", {\n              bubbles: true,\n              detail: {\n                selector: `#${id}`,\n                value: {\n                  value: numericValue,\n                  currency_code: selectedCurrency,\n                },\n                type: \"change\",\n              },\n            });\n            element.dispatchEvent(pilotEvent);\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedCurrency]);\n\n    useEffect(() => {\n      const currencyOptions = CURRENCIES.filter((item) =>\n        (item.value + \" - \" + item.label)\n          .toLowerCase()\n          .includes(searchKeyForCurrency.toLowerCase())\n      ).map((item) => ({\n        label: (\n          <OptionButton\n            text={`${item.value} - ${item.label}`}\n            icon={getFlagComponent(item.value)}\n            showTick={selectedCurrency === item.value}\n            onClick={() => setSelectedCurrency(item.value)}\n            className=\"text-black-900 dark:text-white\"\n          />\n        ),\n        key: item.value,\n      }));\n\n      setFilteredCurrencyOptions(currencyOptions);\n    }, [searchKeyForCurrency, selectedCurrency]);\n\n    useEffect(() => {\n      setSearchKeyForCurrency(\"\");\n    }, [selectedCurrency]);\n\n    // Simple mode rendering\n    if (simpleMode) {\n      return (\n        <label\n          id={id}\n          className={`mb-1 text-xs font-medium text-gray-600 h-full inline-flex items-center gap-1 ${\n            !originalCase ? \"capitalize\" : \"\"\n          } ${labelClassName || \"\"}`}\n        >\n          <span className=\"absolute inset-y-0 left-1 top-0.5 z-10 flex items-center pl-3 cursor-text select-all\">\n            {\"$\"}\n          </span>\n          <input\n            {...props}\n            ref={ref}\n            type={isFocused ? \"number\" : \"text\"}\n            required={required}\n            className={cn(inputFieldClassName, \"pl-8 h-8\")}\n            onChange={handleOnChange}\n            min={0}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            value={!isFocused ? formatCurrency(value) : value}\n            {...(defaultValue && !value\n              ? {\n                  defaultValue: !isFocused\n                    ? formatCurrency(defaultValue)\n                    : defaultValue,\n                }\n              : {})}\n            id={id || label}\n            autoFocus={autoFocus}\n          />\n        </label>\n      );\n    }\n\n    // Full mode rendering\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\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"size-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"w-full flex flex-col\", className)}>\n          <label\n            htmlFor=\"text\"\n            className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"uppercase\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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                  <Tooltip placement=\"top\" title={tooltip}>\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\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 className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-currency-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(formatCurrency(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          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 left-1 z-1 flex items-center pl-3 text-neutral-900 dark:text-white cursor-text select-all\">\n              {CURRENCY_SYMBOLS[selectedCurrency]}\n            </span>\n\n            <input\n              {...props}\n              ref={ref}\n              placeholder={placeholder}\n              type={isFocused ? \"number\" : \"text\"}\n              required={required}\n              disabled={disabled}\n              className={getClassName()}\n              onChange={handleOnChange}\n              min={0}\n              onFocus={onFocus}\n              onBlur={onBlur}\n              value={!isFocused ? formatCurrency(value) : value}\n              defaultValue={\n                !isFocused ? formatCurrency(defaultValue) : defaultValue\n              }\n              id={id || label}\n              style={inputStyle}\n              autoComplete=\"off\"\n              autoFocus={autoFocus}\n            />\n            <span\n              className={`absolute inset-y-0 right-2 flex items-center h-full cursor-pointer dark:text-black-200 ${\n                allowMultiCurrency ? \"cursor-pointer\" : \"\"\n              }`}\n            >\n              {allowMultiCurrency ? (\n                <Dropdown\n                  menu={{\n                    items: [\n                      ...filteredCurrencyOptions,\n                    ],\n                  }}\n                  trigger={[\"click\"]}\n                  overlayClassName=\"row-option-cell\"\n                  placement=\"bottomRight\"\n                  overlayStyle={{ zIndex: 999 }}\n                  getPopupContainer={() => document.body}\n                  popupRender={(menu) => (\n                    <div\n                      className=\"[&>*:nth-child(2)]:!shadow-none [&>*:nth-child(2)>*]:!px-2 flex flex-col gap-2 p-2 bg-white dark:bg-black-700 border border-solid border-neutral-200 dark:border-black-600 max-h-[200px] w-[330px] text-ellipsis overflow-y-auto z-[999] rounded-md\"\n                    >\n                            <SearchBar\n                              id={`search-bar-currency-input`}\n                              value={searchKeyForCurrency}\n                              onChange={(_value) =>\n                                setSearchKeyForCurrency(_value)\n                              }\n                              className=\"mb-2\"\n                            />\n                      {menu}\n                    </div>\n                  )}\n                >\n                  <div className=\"pl-4 pr-2 py-1.5 text-sm text-gray-700 dark:text-black-200 flex items-center gap-1\">\n                    {getFlagComponent(selectedCurrency)} {selectedCurrency}\n                  </div>\n                </Dropdown>\n              ) : (\n                selectedCurrency\n              )}\n            </span>\n          </label>\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\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\nCurrencyInputField.displayName = \"CurrencyInputField\";\n"],"names":["CurrencyInputField","forwardRef","id","label","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","tags","className","originalCase","tooltip","simpleMode","inputFieldClassName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","allowMultiCurrency","placeholder","disabled","currencyCode","inputStyle","labelClassName","isLiveField","onBlurProp","autoFocus","isRecording","isPlaying","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","labelExtra","inputEmphasis","props","ref","t","useTranslation","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isFocused","setIsFocused","useState","filteredCurrencyOptions","setFilteredCurrencyOptions","searchKeyForCurrency","setSearchKeyForCurrency","selectedCurrency","setSelectedCurrency","isHovered","setIsHovered","handleAddGTNToDocument","_value","keyValuePair","formatCurrencyUtils","formatCurrency","targetValue","number","handleOnChange","e","numericValue","element","pilotEvent","onFocus","onBlur","getClassName","baseClasses","cn","useEffect","currencyOptions","CURRENCIES","item","jsx","OptionButton","getFlagComponent","jsxs","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","CURRENCY_SYMBOLS","Dropdown","menu","SearchBar","Typography"],"mappings":"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"}
+{"version":3,"file":"CurrencyInputField.cjs.js","sources":["../../../../src/components/forms/currency-input/CurrencyInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Dropdown, Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { CURRENCIES, CURRENCY_SYMBOLS } from \"./currency.constant\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { SearchBar } from \"../search-bar/SearchBar\";\nimport { OptionButton } from \"../../buttons/option-button/OptionButton\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport { formatCurrency as formatCurrencyUtils } from \"../../../utils/formatters\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\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 for risk analysis integration\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 - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the CurrencyInputField component\n */\nexport interface CurrencyInputFieldProps {\n  /** Unique identifier for the currency input */\n  id: string;\n  /** Label text to display above the input */\n  label?: string;\n  /** Current value of the input (string for compatibility) */\n  value: string;\n  /** Callback function called when value changes */\n  onChange: (data: any, currencyCode?: string) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to use simple mode (inline label style) */\n  simpleMode?: boolean;\n  /** Additional CSS classes for the input field */\n  inputFieldClassName?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether to allow multi-currency selection with dropdown */\n  allowMultiCurrency?: boolean;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Current currency code */\n  currencyCode?: 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 called when input loses focus */\n  onBlur?: () => void;\n  /** Whether the input should auto-focus */\n  autoFocus?: boolean;\n  /** Whether recording is active (for pilot context) */\n  isRecording?: boolean;\n  /** Whether playback is active (for pilot context) */\n  isPlaying?: boolean;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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<any>>;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning colors; `'deleted'` — Error colors, text #475467; `'success'` — Success colors, text #101828. */\n  inputEmphasis?: \"default\" | \"modified\" | \"deleted\" | \"success\";\n}\n\n/**\n * A highly customizable currency input component with label, validation, and styling support.\n * Features currency selection, formatting, validation, GTN integration, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <CurrencyInputField\n *   id=\"price\"\n *   label=\"Price\"\n *   value={price}\n *   onChange={(value, currency) => setPrice(value)}\n *   currencyCode=\"USD\"\n *   allowMultiCurrency\n *   required\n * />\n * ```\n */\nexport const CurrencyInputField = forwardRef<\n  HTMLInputElement,\n  CurrencyInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      tags,\n      className,\n      originalCase = false,\n      tooltip,\n      simpleMode = false,\n      inputFieldClassName = \"\",\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      allowMultiCurrency = false,\n      placeholder,\n      disabled = false,\n      currencyCode = \"USD\",\n      inputStyle,\n      labelClassName,\n      isLiveField = false,\n      onBlur: onBlurProp,\n      autoFocus = false,\n      isRecording = false,\n      isPlaying = false,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      labelExtra,\n      inputEmphasis = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const emphasisModifiedSkin = inputEmphasis === \"modified\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisSuccessSkin = inputEmphasis === \"success\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const [isFocused, setIsFocused] = useState(false);\n    const [filteredCurrencyOptions, setFilteredCurrencyOptions] = useState<\n      { label: React.ReactNode; key: string }[]\n    >([]);\n    const [searchKeyForCurrency, setSearchKeyForCurrency] = useState(\"\");\n    const [selectedCurrency, setSelectedCurrency] = useState<string>(\n      currencyCode ? currencyCode : \"USD\"\n    );\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value: formatCurrencyUtils(_value, selectedCurrency),\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const formatCurrency = (targetValue: any): string => {\n      if (targetValue === null || targetValue === undefined) return \"\";\n\n      const number = Number(targetValue);\n      if (isNaN(number)) return targetValue;\n\n      return number?.toLocaleString(\"en-US\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    };\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const _value = e.target.value;\n      const numericValue =\n        _value === \"\" || _value === null || _value === undefined\n          ? 0\n          : Number(_value);\n      onChange(numericValue, selectedCurrency);\n      const element = document.getElementById(id);\n      if (element) {\n        element.setAttribute(\n          \"data-selected-value\",\n          JSON.stringify({\n            value: numericValue,\n            currency_code: selectedCurrency,\n          })\n        );\n      }\n      if (element && (isRecording || isPlaying)) {\n        const pilotEvent = new CustomEvent(\"pilot-change\", {\n          bubbles: true,\n          detail: {\n            selector: `#${id}`,\n            value: {\n              value: numericValue,\n              currency_code: selectedCurrency,\n            },\n            type: \"change\",\n          },\n        });\n        element.dispatchEvent(pilotEvent);\n      }\n    };\n\n    const onFocus = () => {\n      setIsFocused(true);\n    };\n\n    const onBlur = () => {\n      setIsFocused(false);\n      if (value === null || value === undefined || value === \"\") {\n        handleOnChange({\n          target: { value: \"0.00\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n      onBlurProp?.();\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0\";\n\n      if (errorMessage) {\n        return cn(baseClasses, \"rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500\", inputFieldClassName);\n      }\n      if (isRiskAnalysisOpen && riskDetails?.color) {\n        return cn(baseClasses, `rounded-md border-${riskDetails.color}-300 bg-${riskDetails.color}-50`, \"text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800\", inputFieldClassName);\n      }\n      if (emphasisDeletedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisModifiedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisSuccessSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      return cn(baseClasses, \"rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 placeholder:text-neutral-400 dark:placeholder:text-black-300 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]\", inputFieldClassName);\n    };\n\n    useEffect(() => {\n      if (currencyCode) {\n        setSelectedCurrency(currencyCode);\n      }\n    }, [currencyCode]);\n\n    useEffect(() => {\n      if (selectedCurrency) {\n        const numericValue =\n          value === \"\" || value === null || value === undefined\n            ? 0\n            : Number(value);\n        if (currencyCode !== selectedCurrency) {\n          onChange(numericValue, selectedCurrency);\n        }\n        const element = document.getElementById(id);\n        if (element) {\n          element.setAttribute(\n            \"data-selected-value\",\n            JSON.stringify({\n              value: numericValue,\n              currency_code: selectedCurrency,\n            })\n          );\n          if (isRecording || isPlaying) {\n            const pilotEvent = new CustomEvent(\"pilot-change\", {\n              bubbles: true,\n              detail: {\n                selector: `#${id}`,\n                value: {\n                  value: numericValue,\n                  currency_code: selectedCurrency,\n                },\n                type: \"change\",\n              },\n            });\n            element.dispatchEvent(pilotEvent);\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedCurrency]);\n\n    useEffect(() => {\n      const currencyOptions = CURRENCIES.filter((item) =>\n        (item.value + \" - \" + item.label)\n          .toLowerCase()\n          .includes(searchKeyForCurrency.toLowerCase())\n      ).map((item) => ({\n        label: (\n          <OptionButton\n            text={`${item.value} - ${item.label}`}\n            icon={getFlagComponent(item.value)}\n            showTick={selectedCurrency === item.value}\n            onClick={() => setSelectedCurrency(item.value)}\n            className=\"text-black-900 dark:text-white\"\n          />\n        ),\n        key: item.value,\n      }));\n\n      setFilteredCurrencyOptions(currencyOptions);\n    }, [searchKeyForCurrency, selectedCurrency]);\n\n    useEffect(() => {\n      setSearchKeyForCurrency(\"\");\n    }, [selectedCurrency]);\n\n    // Simple mode rendering\n    if (simpleMode) {\n      return (\n        <label\n          id={id}\n          className={`mb-1 text-xs font-medium text-gray-600 h-full inline-flex items-center gap-1 ${\n            !originalCase ? \"capitalize\" : \"\"\n          } ${labelClassName || \"\"}`}\n        >\n          <span className=\"absolute inset-y-0 left-1 top-0.5 z-10 flex items-center pl-3 cursor-text select-all\">\n            {\"$\"}\n          </span>\n          <input\n            {...props}\n            ref={ref}\n            type={isFocused ? \"number\" : \"text\"}\n            required={required}\n            className={cn(inputFieldClassName, \"pl-8 h-8\")}\n            onChange={handleOnChange}\n            min={0}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            value={!isFocused ? formatCurrency(value) : value}\n            {...(defaultValue && !value\n              ? {\n                  defaultValue: !isFocused\n                    ? formatCurrency(defaultValue)\n                    : defaultValue,\n                }\n              : {})}\n            id={id || label}\n            autoFocus={autoFocus}\n          />\n        </label>\n      );\n    }\n\n    // Full mode rendering\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\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"size-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"w-full flex flex-col\", className)}>\n          <label\n            htmlFor=\"text\"\n            className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"uppercase\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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                  <Tooltip placement=\"top\" title={tooltip}>\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\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 className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-currency-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(formatCurrency(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          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 left-1 z-1 flex items-center pl-3 text-neutral-900 dark:text-white cursor-text select-all\">\n              {CURRENCY_SYMBOLS[selectedCurrency]}\n            </span>\n\n            <input\n              {...props}\n              ref={ref}\n              placeholder={placeholder}\n              type={isFocused ? \"number\" : \"text\"}\n              required={required}\n              disabled={disabled}\n              className={getClassName()}\n              onChange={handleOnChange}\n              min={0}\n              onFocus={onFocus}\n              onBlur={onBlur}\n              value={!isFocused ? formatCurrency(value) : value}\n              defaultValue={\n                !isFocused ? formatCurrency(defaultValue) : defaultValue\n              }\n              id={id || label}\n              style={inputStyle}\n              autoComplete=\"off\"\n              autoFocus={autoFocus}\n            />\n            <span\n              className={`absolute inset-y-0 right-2 flex items-center h-full cursor-pointer dark:text-black-200 ${\n                allowMultiCurrency ? \"cursor-pointer\" : \"\"\n              }`}\n            >\n              {allowMultiCurrency ? (\n                <Dropdown\n                  menu={{\n                    items: [\n                      ...filteredCurrencyOptions,\n                    ],\n                  }}\n                  trigger={[\"click\"]}\n                  overlayClassName=\"row-option-cell\"\n                  placement=\"bottomRight\"\n                  overlayStyle={{ zIndex: 999 }}\n                  getPopupContainer={() => document.body}\n                  popupRender={(menu) => (\n                    <div\n                      className=\"[&>*:nth-child(2)]:!shadow-none [&>*:nth-child(2)>*]:!px-2 flex flex-col gap-2 p-2 bg-white dark:bg-black-700 border border-solid border-neutral-200 dark:border-black-600 max-h-[200px] w-[330px] text-ellipsis overflow-y-auto z-[999] rounded-md\"\n                    >\n                            <SearchBar\n                              id={`search-bar-currency-input`}\n                              value={searchKeyForCurrency}\n                              onChange={(_value) =>\n                                setSearchKeyForCurrency(_value)\n                              }\n                              className=\"mb-2\"\n                            />\n                      {menu}\n                    </div>\n                  )}\n                >\n                  <div className=\"pl-4 pr-2 py-1.5 text-sm text-gray-700 dark:text-black-200 flex items-center gap-1\">\n                    {getFlagComponent(selectedCurrency)} {selectedCurrency}\n                  </div>\n                </Dropdown>\n              ) : (\n                selectedCurrency\n              )}\n            </span>\n          </label>\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\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\nCurrencyInputField.displayName = \"CurrencyInputField\";\n"],"names":["CurrencyInputField","forwardRef","id","label","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","tags","className","originalCase","tooltip","simpleMode","inputFieldClassName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","allowMultiCurrency","placeholder","disabled","currencyCode","inputStyle","labelClassName","isLiveField","onBlurProp","autoFocus","isRecording","isPlaying","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","labelExtra","inputEmphasis","props","ref","t","useTranslation","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isFocused","setIsFocused","useState","filteredCurrencyOptions","setFilteredCurrencyOptions","searchKeyForCurrency","setSearchKeyForCurrency","selectedCurrency","setSelectedCurrency","isHovered","setIsHovered","handleAddGTNToDocument","_value","keyValuePair","formatCurrencyUtils","formatCurrency","targetValue","number","handleOnChange","e","numericValue","element","pilotEvent","onFocus","onBlur","getClassName","baseClasses","cn","useEffect","currencyOptions","CURRENCIES","item","jsx","OptionButton","getFlagComponent","jsxs","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","CURRENCY_SYMBOLS","Dropdown","menu","SearchBar","Typography"],"mappings":"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"}

package/dist/components/forms/currency-input/CurrencyInputField.es.js

@@ -1,7 +1,7 @@
 import { jsx as t, jsxs as l } from "react/jsx-runtime";
 import n from "../../../_virtual/index.es.js";
-import { forwardRef as ye, useState as h, useEffect as k } from "react";
-import { Tooltip as ke, Dropdown as Fe } from "antd";
+import { forwardRef as ke, useState as h, useEffect as y } from "react";
+import { Tooltip as ye, Dropdown as Fe } from "antd";
 import { useTranslation as Se } from "react-i18next";
 import { Typography as we } from "../../data-display/typography/Typography.es.js";
 import { Label as Ce } from "../../data-display/label/Label.es.js";
@@ -17,7 +17,7 @@ import { OptionButton as Ue } from "../../buttons/option-button/OptionButton.es.
 import { getFlagComponent as M } from "../../../utils/countryFlags.es.js";
 import { InputLabel as je } from "../shared/InputLabel.es.js";
 import { formatCurrency as He } from "../../../utils/formatters.es.js";
-const Ke = ye(
+const Ke = ke(
   ({
     id: d,
     label: F,
@@ -80,14 +80,14 @@ const Ke = ye(
     }, $ = (e) => {
       const r = e.target.value, g = r === "" || r === null || r === void 0 ? 0 : Number(r);
       z(g, o);
-      const y = document.getElementById(d);
-      if (y && y.setAttribute(
+      const k = document.getElementById(d);
+      if (k && k.setAttribute(
         "data-selected-value",
         JSON.stringify({
           value: g,
           currency_code: o
         })
-      ), y && (U || j)) {
+      ), k && (U || j)) {
         const ve = new CustomEvent("pilot-change", {
           bubbles: !0,
           detail: {
@@ -99,7 +99,7 @@ const Ke = ye(
             type: "change"
           }
         });
-        y.dispatchEvent(ve);
+        k.dispatchEvent(ve);
       }
     }, q = () => {
       P(!0);
@@ -109,11 +109,11 @@ const Ke = ye(
       }), se?.();
     }, he = () => {
       const e = "pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0";
-      return i ? n(e, "rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500", s) : p && c?.color ? n(e, `rounded-md border-${c.color}-300 bg-${c.color}-50`, "text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800", s) : be ? n(e, "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)]", s) : me ? n(e, "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)]", s) : fe ? n(e, "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)]", s) : n(e, "rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]", s);
+      return i ? n(e, "rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500", s) : p && c?.color ? n(e, `rounded-md border-${c.color}-300 bg-${c.color}-50`, "text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800", s) : be ? n(e, "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)]", s) : me ? n(e, "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)]", s) : fe ? n(e, "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)]", s) : n(e, "rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 placeholder:text-neutral-400 dark:placeholder:text-black-300 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]", s);
     };
-    return k(() => {
+    return y(() => {
       u && Y(u);
-    }, [u]), k(() => {
+    }, [u]), y(() => {
       if (o) {
         const e = a === "" || a === null || a === void 0 ? 0 : Number(a);
         u !== o && z(e, o);
@@ -139,7 +139,7 @@ const Ke = ye(
           r.dispatchEvent(g);
         }
       }
-    }, [o]), k(() => {
+    }, [o]), y(() => {
       const e = Ee.filter(
         (r) => (r.value + " - " + r.label).toLowerCase().includes(B.toLowerCase())
       ).map((r) => ({
@@ -156,7 +156,7 @@ const Ke = ye(
         key: r.value
       }));
       xe(e);
-    }, [B, o]), k(() => {
+    }, [B, o]), y(() => {
       R("");
     }, [o]), ee ? /* @__PURE__ */ l(
       "label",
@@ -263,7 +263,7 @@ const Ke = ye(
                         className: "cursor-pointer",
                         onClick: () => ge(x(a)),
                         type: "button",
-                        children: /* @__PURE__ */ t(ke, { placement: "top", title: ue("Add to document"), children: /* @__PURE__ */ t(
+                        children: /* @__PURE__ */ t(ye, { placement: "top", title: ue("Add to document"), children: /* @__PURE__ */ t(
                           Be,
                           {
                             className: "text-primary-600",

package/dist/components/forms/currency-input/CurrencyInputField.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"CurrencyInputField.es.js","sources":["../../../../src/components/forms/currency-input/CurrencyInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Dropdown, Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { CURRENCIES, CURRENCY_SYMBOLS } from \"./currency.constant\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { SearchBar } from \"../search-bar/SearchBar\";\nimport { OptionButton } from \"../../buttons/option-button/OptionButton\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport { formatCurrency as formatCurrencyUtils } from \"../../../utils/formatters\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\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 for risk analysis integration\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 - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the CurrencyInputField component\n */\nexport interface CurrencyInputFieldProps {\n  /** Unique identifier for the currency input */\n  id: string;\n  /** Label text to display above the input */\n  label?: string;\n  /** Current value of the input (string for compatibility) */\n  value: string;\n  /** Callback function called when value changes */\n  onChange: (data: any, currencyCode?: string) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to use simple mode (inline label style) */\n  simpleMode?: boolean;\n  /** Additional CSS classes for the input field */\n  inputFieldClassName?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether to allow multi-currency selection with dropdown */\n  allowMultiCurrency?: boolean;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Current currency code */\n  currencyCode?: 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 called when input loses focus */\n  onBlur?: () => void;\n  /** Whether the input should auto-focus */\n  autoFocus?: boolean;\n  /** Whether recording is active (for pilot context) */\n  isRecording?: boolean;\n  /** Whether playback is active (for pilot context) */\n  isPlaying?: boolean;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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<any>>;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning colors; `'deleted'` — Error colors, text #475467; `'success'` — Success colors, text #101828. */\n  inputEmphasis?: \"default\" | \"modified\" | \"deleted\" | \"success\";\n}\n\n/**\n * A highly customizable currency input component with label, validation, and styling support.\n * Features currency selection, formatting, validation, GTN integration, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <CurrencyInputField\n *   id=\"price\"\n *   label=\"Price\"\n *   value={price}\n *   onChange={(value, currency) => setPrice(value)}\n *   currencyCode=\"USD\"\n *   allowMultiCurrency\n *   required\n * />\n * ```\n */\nexport const CurrencyInputField = forwardRef<\n  HTMLInputElement,\n  CurrencyInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      tags,\n      className,\n      originalCase = false,\n      tooltip,\n      simpleMode = false,\n      inputFieldClassName = \"\",\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      allowMultiCurrency = false,\n      placeholder,\n      disabled = false,\n      currencyCode = \"USD\",\n      inputStyle,\n      labelClassName,\n      isLiveField = false,\n      onBlur: onBlurProp,\n      autoFocus = false,\n      isRecording = false,\n      isPlaying = false,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      labelExtra,\n      inputEmphasis = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const emphasisModifiedSkin = inputEmphasis === \"modified\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisSuccessSkin = inputEmphasis === \"success\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const [isFocused, setIsFocused] = useState(false);\n    const [filteredCurrencyOptions, setFilteredCurrencyOptions] = useState<\n      { label: React.ReactNode; key: string }[]\n    >([]);\n    const [searchKeyForCurrency, setSearchKeyForCurrency] = useState(\"\");\n    const [selectedCurrency, setSelectedCurrency] = useState<string>(\n      currencyCode ? currencyCode : \"USD\"\n    );\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value: formatCurrencyUtils(_value, selectedCurrency),\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const formatCurrency = (targetValue: any): string => {\n      if (targetValue === null || targetValue === undefined) return \"\";\n\n      const number = Number(targetValue);\n      if (isNaN(number)) return targetValue;\n\n      return number?.toLocaleString(\"en-US\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    };\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const _value = e.target.value;\n      const numericValue =\n        _value === \"\" || _value === null || _value === undefined\n          ? 0\n          : Number(_value);\n      onChange(numericValue, selectedCurrency);\n      const element = document.getElementById(id);\n      if (element) {\n        element.setAttribute(\n          \"data-selected-value\",\n          JSON.stringify({\n            value: numericValue,\n            currency_code: selectedCurrency,\n          })\n        );\n      }\n      if (element && (isRecording || isPlaying)) {\n        const pilotEvent = new CustomEvent(\"pilot-change\", {\n          bubbles: true,\n          detail: {\n            selector: `#${id}`,\n            value: {\n              value: numericValue,\n              currency_code: selectedCurrency,\n            },\n            type: \"change\",\n          },\n        });\n        element.dispatchEvent(pilotEvent);\n      }\n    };\n\n    const onFocus = () => {\n      setIsFocused(true);\n    };\n\n    const onBlur = () => {\n      setIsFocused(false);\n      if (value === null || value === undefined || value === \"\") {\n        handleOnChange({\n          target: { value: \"0.00\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n      onBlurProp?.();\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0\";\n\n      if (errorMessage) {\n        return cn(baseClasses, \"rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500\", inputFieldClassName);\n      }\n      if (isRiskAnalysisOpen && riskDetails?.color) {\n        return cn(baseClasses, `rounded-md border-${riskDetails.color}-300 bg-${riskDetails.color}-50`, \"text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800\", inputFieldClassName);\n      }\n      if (emphasisDeletedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisModifiedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisSuccessSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      return cn(baseClasses, \"rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]\", inputFieldClassName);\n    };\n\n    useEffect(() => {\n      if (currencyCode) {\n        setSelectedCurrency(currencyCode);\n      }\n    }, [currencyCode]);\n\n    useEffect(() => {\n      if (selectedCurrency) {\n        const numericValue =\n          value === \"\" || value === null || value === undefined\n            ? 0\n            : Number(value);\n        if (currencyCode !== selectedCurrency) {\n          onChange(numericValue, selectedCurrency);\n        }\n        const element = document.getElementById(id);\n        if (element) {\n          element.setAttribute(\n            \"data-selected-value\",\n            JSON.stringify({\n              value: numericValue,\n              currency_code: selectedCurrency,\n            })\n          );\n          if (isRecording || isPlaying) {\n            const pilotEvent = new CustomEvent(\"pilot-change\", {\n              bubbles: true,\n              detail: {\n                selector: `#${id}`,\n                value: {\n                  value: numericValue,\n                  currency_code: selectedCurrency,\n                },\n                type: \"change\",\n              },\n            });\n            element.dispatchEvent(pilotEvent);\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedCurrency]);\n\n    useEffect(() => {\n      const currencyOptions = CURRENCIES.filter((item) =>\n        (item.value + \" - \" + item.label)\n          .toLowerCase()\n          .includes(searchKeyForCurrency.toLowerCase())\n      ).map((item) => ({\n        label: (\n          <OptionButton\n            text={`${item.value} - ${item.label}`}\n            icon={getFlagComponent(item.value)}\n            showTick={selectedCurrency === item.value}\n            onClick={() => setSelectedCurrency(item.value)}\n            className=\"text-black-900 dark:text-white\"\n          />\n        ),\n        key: item.value,\n      }));\n\n      setFilteredCurrencyOptions(currencyOptions);\n    }, [searchKeyForCurrency, selectedCurrency]);\n\n    useEffect(() => {\n      setSearchKeyForCurrency(\"\");\n    }, [selectedCurrency]);\n\n    // Simple mode rendering\n    if (simpleMode) {\n      return (\n        <label\n          id={id}\n          className={`mb-1 text-xs font-medium text-gray-600 h-full inline-flex items-center gap-1 ${\n            !originalCase ? \"capitalize\" : \"\"\n          } ${labelClassName || \"\"}`}\n        >\n          <span className=\"absolute inset-y-0 left-1 top-0.5 z-10 flex items-center pl-3 cursor-text select-all\">\n            {\"$\"}\n          </span>\n          <input\n            {...props}\n            ref={ref}\n            type={isFocused ? \"number\" : \"text\"}\n            required={required}\n            className={cn(inputFieldClassName, \"pl-8 h-8\")}\n            onChange={handleOnChange}\n            min={0}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            value={!isFocused ? formatCurrency(value) : value}\n            {...(defaultValue && !value\n              ? {\n                  defaultValue: !isFocused\n                    ? formatCurrency(defaultValue)\n                    : defaultValue,\n                }\n              : {})}\n            id={id || label}\n            autoFocus={autoFocus}\n          />\n        </label>\n      );\n    }\n\n    // Full mode rendering\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\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"size-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"w-full flex flex-col\", className)}>\n          <label\n            htmlFor=\"text\"\n            className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"uppercase\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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                  <Tooltip placement=\"top\" title={tooltip}>\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\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 className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-currency-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(formatCurrency(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          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 left-1 z-1 flex items-center pl-3 text-neutral-900 dark:text-white cursor-text select-all\">\n              {CURRENCY_SYMBOLS[selectedCurrency]}\n            </span>\n\n            <input\n              {...props}\n              ref={ref}\n              placeholder={placeholder}\n              type={isFocused ? \"number\" : \"text\"}\n              required={required}\n              disabled={disabled}\n              className={getClassName()}\n              onChange={handleOnChange}\n              min={0}\n              onFocus={onFocus}\n              onBlur={onBlur}\n              value={!isFocused ? formatCurrency(value) : value}\n              defaultValue={\n                !isFocused ? formatCurrency(defaultValue) : defaultValue\n              }\n              id={id || label}\n              style={inputStyle}\n              autoComplete=\"off\"\n              autoFocus={autoFocus}\n            />\n            <span\n              className={`absolute inset-y-0 right-2 flex items-center h-full cursor-pointer dark:text-black-200 ${\n                allowMultiCurrency ? \"cursor-pointer\" : \"\"\n              }`}\n            >\n              {allowMultiCurrency ? (\n                <Dropdown\n                  menu={{\n                    items: [\n                      ...filteredCurrencyOptions,\n                    ],\n                  }}\n                  trigger={[\"click\"]}\n                  overlayClassName=\"row-option-cell\"\n                  placement=\"bottomRight\"\n                  overlayStyle={{ zIndex: 999 }}\n                  getPopupContainer={() => document.body}\n                  popupRender={(menu) => (\n                    <div\n                      className=\"[&>*:nth-child(2)]:!shadow-none [&>*:nth-child(2)>*]:!px-2 flex flex-col gap-2 p-2 bg-white dark:bg-black-700 border border-solid border-neutral-200 dark:border-black-600 max-h-[200px] w-[330px] text-ellipsis overflow-y-auto z-[999] rounded-md\"\n                    >\n                            <SearchBar\n                              id={`search-bar-currency-input`}\n                              value={searchKeyForCurrency}\n                              onChange={(_value) =>\n                                setSearchKeyForCurrency(_value)\n                              }\n                              className=\"mb-2\"\n                            />\n                      {menu}\n                    </div>\n                  )}\n                >\n                  <div className=\"pl-4 pr-2 py-1.5 text-sm text-gray-700 dark:text-black-200 flex items-center gap-1\">\n                    {getFlagComponent(selectedCurrency)} {selectedCurrency}\n                  </div>\n                </Dropdown>\n              ) : (\n                selectedCurrency\n              )}\n            </span>\n          </label>\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\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\nCurrencyInputField.displayName = \"CurrencyInputField\";\n"],"names":["CurrencyInputField","forwardRef","id","label","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","tags","className","originalCase","tooltip","simpleMode","inputFieldClassName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","allowMultiCurrency","placeholder","disabled","currencyCode","inputStyle","labelClassName","isLiveField","onBlurProp","autoFocus","isRecording","isPlaying","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","labelExtra","inputEmphasis","props","ref","t","useTranslation","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isFocused","setIsFocused","useState","filteredCurrencyOptions","setFilteredCurrencyOptions","searchKeyForCurrency","setSearchKeyForCurrency","selectedCurrency","setSelectedCurrency","isHovered","setIsHovered","handleAddGTNToDocument","_value","keyValuePair","formatCurrencyUtils","formatCurrency","targetValue","number","handleOnChange","numericValue","element","pilotEvent","onFocus","onBlur","getClassName","baseClasses","cn","useEffect","currencyOptions","CURRENCIES","item","jsx","OptionButton","getFlagComponent","jsxs","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","CURRENCY_SYMBOLS","Dropdown","menu","SearchBar","Typography"],"mappings":";;;;;;;;;;;;;;;;;;;AA6KO,MAAMA,KAAqBC;AAAA,EAIhC,CACE;AAAA,IACE,IAAAC;AAAA,IACA,OAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,uBAAAC,IAAwB;AAAA,IACxB,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,cAAAC,IAAe;AAAA,IACf,SAAAC;AAAA,IACA,YAAAC,KAAa;AAAA,IACb,qBAAAC,IAAsB;AAAA,IACtB,eAAAC,KAAgB;AAAA,IAChB,iBAAAC;AAAA,IACA,gBAAAC,IAAiB;AAAA,IACjB,mBAAAC;AAAA,IACA,YAAAC,KAAa,CAAA;AAAA,IACb,wBAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,SAAAC,KAAU;AAAA,IACV,oBAAAC,IAAqB;AAAA,IACrB,aAAAC;AAAA,IACA,UAAAC,KAAW;AAAA,IACX,cAAAC,IAAe;AAAA,IACf,YAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,aAAAC,KAAc;AAAA,IACd,QAAQC;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,WAAAC,IAAY;AAAA,IACZ,oBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC,IAAqB;AAAA,IACrB,iBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,eAAAC,IAAgB;AAAA,IAChB,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAM,EAAE,GAAAC,GAAA,IAAMC,GAAA,GACRC,KAAuBL,MAAkB,cAAc,CAAClC,KAAgB,EAAE+B,KAAsBD,GAAa,QAC7GU,KAAsBN,MAAkB,aAAa,CAAClC,KAAgB,EAAE+B,KAAsBD,GAAa,QAC3GW,KAAsBP,MAAkB,aAAa,CAAClC,KAAgB,EAAE+B,KAAsBD,GAAa,QAC3G,CAACY,GAAWC,CAAY,IAAIC,EAAS,EAAK,GAC1C,CAACC,IAAyBC,EAA0B,IAAIF,EAE5D,CAAA,CAAE,GACE,CAACG,GAAsBC,CAAuB,IAAIJ,EAAS,EAAE,GAC7D,CAACK,GAAkBC,CAAmB,IAAIN;AAAA,MAC9CvB,KAA8B;AAAA,IAAA,GAE1B,CAAC8B,GAAWC,CAAY,IAAIR,EAAS,EAAK,GAE1CS,KAAyB,CAACC,MAAmB;AACjD,UAAIzB,GAAoB;AACtB,cAAM0B,IAAe;AAAA,UACnB,KAAKtC;AAAA,UACL,OAAOuC,GAAoBF,GAAQL,CAAgB;AAAA,QAAA;AAErD,QAAApB,EAAmB0B,CAAY;AAAA,MACjC;AAAA,IACF,GAEME,IAAiB,CAACC,MAA6B;AACnD,UAAIA,KAAgB,KAAmC,QAAO;AAE9D,YAAMC,IAAS,OAAOD,CAAW;AACjC,aAAI,MAAMC,CAAM,IAAUD,IAEnBC,GAAQ,eAAe,SAAS;AAAA,QACrC,uBAAuB;AAAA,QACvB,uBAAuB;AAAA,MAAA,CACxB;AAAA,IACH,GAEMC,IAAiB,CAAC,MAA2C;AACjE,YAAMN,IAAS,EAAE,OAAO,OAClBO,IACJP,MAAW,MAAMA,MAAW,QAAQA,MAAW,SAC3C,IACA,OAAOA,CAAM;AACnB,MAAAvD,EAAS8D,GAAcZ,CAAgB;AACvC,YAAMa,IAAU,SAAS,eAAelE,CAAE;AAU1C,UATIkE,KACFA,EAAQ;AAAA,QACN;AAAA,QACA,KAAK,UAAU;AAAA,UACb,OAAOD;AAAA,UACP,eAAeZ;AAAA,QAAA,CAChB;AAAA,MAAA,GAGDa,MAAYnC,KAAeC,IAAY;AACzC,cAAMmC,KAAa,IAAI,YAAY,gBAAgB;AAAA,UACjD,SAAS;AAAA,UACT,QAAQ;AAAA,YACN,UAAU,IAAInE,CAAE;AAAA,YAChB,OAAO;AAAA,cACL,OAAOiE;AAAA,cACP,eAAeZ;AAAA,YAAA;AAAA,YAEjB,MAAM;AAAA,UAAA;AAAA,QACR,CACD;AACD,QAAAa,EAAQ,cAAcC,EAAU;AAAA,MAClC;AAAA,IACF,GAEMC,IAAU,MAAM;AACpB,MAAArB,EAAa,EAAI;AAAA,IACnB,GAEMsB,IAAS,MAAM;AACnB,MAAAtB,EAAa,EAAK,IACd7C,KAAU,QAA+BA,MAAU,OACrD8D,EAAe;AAAA,QACb,QAAQ,EAAE,OAAO,OAAA;AAAA,MAAO,CACc,GAE1CnC,KAAA;AAAA,IACF,GAEMyC,KAAe,MAAc;AACjC,YAAMC,IACJ;AAEF,aAAInE,IACKoE,EAAGD,GAAa,mHAAmH1D,CAAmB,IAE3JsB,KAAsBD,GAAa,QAC9BsC,EAAGD,GAAa,qBAAqBrC,EAAY,KAAK,WAAWA,EAAY,KAAK,OAAO,sJAAsJrB,CAAmB,IAEvQ+B,KACK4B,EAAGD,GAAa,oWAAoW1D,CAAmB,IAE5Y8B,KACK6B,EAAGD,GAAa,gXAAgX1D,CAAmB,IAExZgC,KACK2B,EAAGD,GAAa,gXAAgX1D,CAAmB,IAErZ2D,EAAGD,GAAa,8cAA8c1D,CAAmB;AAAA,IAC1f;AAuEA,WArEA4D,EAAU,MAAM;AACd,MAAIhD,KACF6B,EAAoB7B,CAAY;AAAA,IAEpC,GAAG,CAACA,CAAY,CAAC,GAEjBgD,EAAU,MAAM;AACd,UAAIpB,GAAkB;AACpB,cAAMY,IACJ/D,MAAU,MAAMA,MAAU,QAAQA,MAAU,SACxC,IACA,OAAOA,CAAK;AAClB,QAAIuB,MAAiB4B,KACnBlD,EAAS8D,GAAcZ,CAAgB;AAEzC,cAAMa,IAAU,SAAS,eAAelE,CAAE;AAC1C,YAAIkE,MACFA,EAAQ;AAAA,UACN;AAAA,UACA,KAAK,UAAU;AAAA,YACb,OAAOD;AAAA,YACP,eAAeZ;AAAA,UAAA,CAChB;AAAA,QAAA,GAECtB,KAAeC,IAAW;AAC5B,gBAAMmC,IAAa,IAAI,YAAY,gBAAgB;AAAA,YACjD,SAAS;AAAA,YACT,QAAQ;AAAA,cACN,UAAU,IAAInE,CAAE;AAAA,cAChB,OAAO;AAAA,gBACL,OAAOiE;AAAA,gBACP,eAAeZ;AAAA,cAAA;AAAA,cAEjB,MAAM;AAAA,YAAA;AAAA,UACR,CACD;AACD,UAAAa,EAAQ,cAAcC,CAAU;AAAA,QAClC;AAAA,MAEJ;AAAA,IAEF,GAAG,CAACd,CAAgB,CAAC,GAErBoB,EAAU,MAAM;AACd,YAAMC,IAAkBC,GAAW;AAAA,QAAO,CAACC,OACxCA,EAAK,QAAQ,QAAQA,EAAK,OACxB,YAAA,EACA,SAASzB,EAAqB,YAAA,CAAa;AAAA,MAAA,EAC9C,IAAI,CAACyB,OAAU;AAAA,QACf,OACE,gBAAAC;AAAA,UAACC;AAAA,UAAA;AAAA,YACC,MAAM,GAAGF,EAAK,KAAK,MAAMA,EAAK,KAAK;AAAA,YACnC,MAAMG,EAAiBH,EAAK,KAAK;AAAA,YACjC,UAAUvB,MAAqBuB,EAAK;AAAA,YACpC,SAAS,MAAMtB,EAAoBsB,EAAK,KAAK;AAAA,YAC7C,WAAU;AAAA,UAAA;AAAA,QAAA;AAAA,QAGd,KAAKA,EAAK;AAAA,MAAA,EACV;AAEF,MAAA1B,GAA2BwB,CAAe;AAAA,IAC5C,GAAG,CAACvB,GAAsBE,CAAgB,CAAC,GAE3CoB,EAAU,MAAM;AACd,MAAArB,EAAwB,EAAE;AAAA,IAC5B,GAAG,CAACC,CAAgB,CAAC,GAGjBzC,KAEA,gBAAAoE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,IAAAhF;AAAA,QACA,WAAW,gFACRU,IAA8B,KAAf,YAClB,IAAIiB,KAAkB,EAAE;AAAA,QAExB,UAAA;AAAA,UAAA,gBAAAkD,EAAC,QAAA,EAAK,WAAU,wFACb,UAAA,KACH;AAAA,UACA,gBAAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAGtC;AAAA,cACJ,KAAAC;AAAA,cACA,MAAMM,IAAY,WAAW;AAAA,cAC7B,UAAAxC;AAAA,cACA,WAAWkE,EAAG3D,GAAqB,UAAU;AAAA,cAC7C,UAAUmD;AAAA,cACV,KAAK;AAAA,cACL,SAAAI;AAAA,cACA,QAAAC;AAAA,cACA,OAAQvB,IAAoC5C,IAAxB2D,EAAe3D,CAAK;AAAA,cACvC,GAAIG,KAAgB,CAACH,IAClB;AAAA,gBACE,cAAe4C,IAEXzC,IADAwD,EAAexD,CAAY;AAAA,cAC3B,IAEN,CAAA;AAAA,cACJ,IAAIL,KAAMC;AAAA,cACV,WAAA6B;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,IAOJ,gBAAAkD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAWR;AAAA,UACT;AAAA,UACAjB,KAAanC,IACT,2DACA;AAAA,QAAA;AAAA,QAEN,cAAc,MAAMoC,EAAa,EAAI;AAAA,QACrC,cAAc,MAAMA,EAAa,EAAK;AAAA,QAErC,UAAA;AAAA,UAAApC,KAAS,CAACmC,IACT,gBAAAsB,EAAC,OAAA,EAAI,WAAU,2DAA0D,IACvE;AAAA,4BACH,OAAA,EAAI,WAAWL,EAAG,wBAAwB/D,CAAS,GAClD,UAAA;AAAA,YAAA,gBAAAoE;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,SAAQ;AAAA,gBACR,WAAW,yEACRnE,IAA6B,KAAd,WAClB,IAAIiB,KAAkB,EAAE;AAAA,gBAExB,UAAA,gBAAAqD,EAAC,OAAA,EAAI,WAAU,kEACb,UAAA;AAAA,kBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,oDACf,UAAA;AAAA,oBAAA,gBAAAH,EAACI,IAAA,EAAW,OAAOhF,KAAS,IAAI,UAAUK,KAAY,IAAO,uBAAuBC,KAAyB,GAAA,CAAO;AAAA,oBACjHqB,MACC,gBAAAiD;AAAA,sBAACK;AAAA,sBAAA;AAAA,wBACC,IAAI;AAAA,0BACF,UAAU;AAAA,0BACV,OAAO;AAAA,0BACP,QAAQ;AAAA,wBAAA;AAAA,sBACV;AAAA,oBAAA;AAAA,oBAGHpE,MAAiB,CAACqE,EAA0BpE,CAAe,uBAAMqE,IAAA,EAAqB;AAAA,oBACvF,gBAAAP,EAACQ,IAAA,EAAM,QAAQ7E,EAAA,CAAM;AAAA,oBACpBG,KACC,gBAAAkE,EAACS,GAAA,EAAQ,WAAU,OAAM,OAAO3E,GAC9B,UAAA,gBAAAkE,EAAC,OAAA,EAAI,WAAU,kBACb,UAAA,gBAAAA,EAACU,IAAA,EAAS,WAAU,sBAAA,CAAsB,GAC5C,GACF;AAAA,oBAEDlD;AAAA,kBAAA,GACH;AAAA,kBACA,gBAAA2C,EAAC,OAAA,EAAI,WAAU,4CACX,UAAA;AAAA,oBAAAG,EAA0BpE,CAAe,KAAKC,IAC9C,gBAAA6D;AAAA,sBAACS;AAAA,sBAAA;AAAA,wBACC,WAAU;AAAA,wBACV,OAAOrE,KAAqB;AAAA,wBAC5B,aAAgDA,KAAsB;AAAA,wBACtE,WAAU;AAAA,wBAEV,UAAA,gBAAA+D;AAAA,0BAAC;AAAA,0BAAA;AAAA,4BACC,WAAWR;AAAA,8BACT;AAAA,8BACAgB,GAA6BxE,CAAc;AAAA,4BAAA;AAAA,4BAE3C,SAAS,MAAMG,KAAyBD,EAAU;AAAA,4BAEpD,UAAA;AAAA,8BAAA,gBAAA2D;AAAA,gCAACY;AAAA,gCAAA;AAAA,kCACC,MAAM;AAAA,kCACN,MAAMC,GAA6B1E,CAAc;AAAA,kCACjD,eAAe2E,GAA4B3E,CAAc;AAAA,gCAAA;AAAA,8BAAA;AAAA,8BAE3D,gBAAAgE,EAAC,UAAK,WAAWR,EAAG,iCAAiCoB,GAAiC5E,CAAc,CAAC,GAClG,UAAA;AAAA,gCAAAD;AAAA,gCAAgB;AAAA,8BAAA,EAAA,CACnB;AAAA,4BAAA;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBACF;AAAA,oBAAA,IAEA;AAAA,oBACHK,KAASmC,KAAatB,IACrB,gBAAA4C;AAAA,sBAAC;AAAA,sBAAA;AAAA,wBACC,IAAG;AAAA,wBACH,WAAU;AAAA,wBACV,SAAS,MAAMpB,GAAuBI,EAAe3D,CAAK,CAAC;AAAA,wBAC3D,MAAK;AAAA,wBAEL,4BAAC2F,IAAA,EAAW,WAAU,OAAM,OAAOpD,GAAE,iBAAiB,GACpD,UAAA,gBAAAoC;AAAA,0BAACiB;AAAA,0BAAA;AAAA,4BACC,WAAU;AAAA,4BACV,IAAI;AAAA,8BACF,UAAU;AAAA,4BAAA;AAAA,0BACZ;AAAA,wBAAA,EACF,CACF;AAAA,sBAAA;AAAA,oBAAA,IAEA;AAAA,kBAAA,EAAA,CACN;AAAA,gBAAA,EAAA,CACF;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAd,EAAC,SAAA,EAAM,WAAU,kBACf,UAAA;AAAA,cAAA,gBAAAH,EAAC,QAAA,EAAK,WAAU,gHACb,UAAAkB,GAAiB1C,CAAgB,GACpC;AAAA,cAEA,gBAAAwB;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACE,GAAGtC;AAAA,kBACJ,KAAAC;AAAA,kBACA,aAAAjB;AAAA,kBACA,MAAMuB,IAAY,WAAW;AAAA,kBAC7B,UAAAxC;AAAA,kBACA,UAAAkB;AAAA,kBACA,WAAW8C,GAAA;AAAA,kBACX,UAAUN;AAAA,kBACV,KAAK;AAAA,kBACL,SAAAI;AAAA,kBACA,QAAAC;AAAA,kBACA,OAAQvB,IAAoC5C,IAAxB2D,EAAe3D,CAAK;AAAA,kBACxC,cACG4C,IAA2CzC,IAA/BwD,EAAexD,CAAY;AAAA,kBAE1C,IAAIL,KAAMC;AAAA,kBACV,OAAOyB;AAAA,kBACP,cAAa;AAAA,kBACb,WAAAI;AAAA,gBAAA;AAAA,cAAA;AAAA,cAEF,gBAAA+C;AAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,WAAW,0FACTvD,IAAqB,mBAAmB,EAC1C;AAAA,kBAEC,UAAAA,IACC,gBAAAuD;AAAA,oBAACmB;AAAA,oBAAA;AAAA,sBACC,MAAM;AAAA,wBACJ,OAAO;AAAA,0BACL,GAAG/C;AAAA,wBAAA;AAAA,sBACL;AAAA,sBAEF,SAAS,CAAC,OAAO;AAAA,sBACjB,kBAAiB;AAAA,sBACjB,WAAU;AAAA,sBACV,cAAc,EAAE,QAAQ,IAAA;AAAA,sBACxB,mBAAmB,MAAM,SAAS;AAAA,sBAClC,aAAa,CAACgD,MACZ,gBAAAjB;AAAA,wBAAC;AAAA,wBAAA;AAAA,0BACC,WAAU;AAAA,0BAEJ,UAAA;AAAA,4BAAA,gBAAAH;AAAA,8BAACqB;AAAA,8BAAA;AAAA,gCACC,IAAI;AAAA,gCACJ,OAAO/C;AAAA,gCACP,UAAU,CAACO,MACTN,EAAwBM,CAAM;AAAA,gCAEhC,WAAU;AAAA,8BAAA;AAAA,4BAAA;AAAA,4BAEjBuC;AAAA,0BAAA;AAAA,wBAAA;AAAA,sBAAA;AAAA,sBAIL,UAAA,gBAAAjB,EAAC,OAAA,EAAI,WAAU,sFACZ,UAAA;AAAA,wBAAAD,EAAiB1B,CAAgB;AAAA,wBAAE;AAAA,wBAAEA;AAAA,sBAAA,EAAA,CACxC;AAAA,oBAAA;AAAA,kBAAA,IAGFA;AAAA,gBAAA;AAAA,cAAA;AAAA,YAEJ,GACF;AAAA,YACCjD,KACC,gBAAAyE;AAAA,cAACsB;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,YAAW;AAAA,gBACX,MAAK;AAAA,gBACL,SAAQ;AAAA,gBAEP,UAAA/F;AAAA,cAAA;AAAA,YAAA;AAAA,UACH,GAEJ;AAAA,UACCmD,KACCrB,KACAC,KACAC,KACE,gBAAAyC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,MAAK;AAAA,cACL,UAAU;AAAA,cACV,WAAU;AAAA,cACV,SAAS,CAAC,MAAM,EAAE,gBAAA;AAAA,cAClB,aAAa,CAAC,MAAM,EAAE,eAAA;AAAA,cACtB,WAAW,CAAC,MAAM;AAChB,gBAAI,EAAE,QAAQ,YACZrB,EAAa,EAAK;AAAA,cAEtB;AAAA,cAEA,UAAA,gBAAAqB,EAACzC,KAAgB,aAAAF,EAAA,CAA0B;AAAA,YAAA;AAAA,UAAA;AAAA,QAC7C;AAAA,MAAA;AAAA,IAAA;AAAA,EAIV;AACF;AAEApC,GAAmB,cAAc;"}
+{"version":3,"file":"CurrencyInputField.es.js","sources":["../../../../src/components/forms/currency-input/CurrencyInputField.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any */\nimport cn from \"classnames\";\nimport { forwardRef, useEffect, useState } from \"react\";\nimport { Dropdown, Tooltip as AntTooltip } from \"antd\";\nimport { useTranslation } from 'react-i18next';\nimport { Typography } from \"../../data-display/typography/Typography\";\nimport { Label } from \"../../data-display/label/Label\";\nimport type { LabelType } from \"../../data-display/label/Label\";\nimport { CURRENCIES, CURRENCY_SYMBOLS } from \"./currency.constant\";\nimport { NoteAddOutlined, BoltOutlined } from \"@mui/icons-material\";\nimport { AIExtractedIndicator } from \"../../icons/AIExtractedIndicator\";\nimport { AIStarIcon } from \"../../icons/AIStarIcon\";\nimport { HelpIcon } from \"../../icons/HelpIcon\";\nimport Tooltip from \"../../tooltip/Tooltip\";\nimport {\n  getConfidenceScoreBadgeClass,\n  getConfidenceScoreBadgeColor,\n  getConfidenceScoreBadgeFill,\n  getConfidenceScoreBadgeTextColor,\n  shouldShowConfidenceScore,\n} from \"../../../utils/confidenceScoreUtils\";\nimport { SearchBar } from \"../search-bar/SearchBar\";\nimport { OptionButton } from \"../../buttons/option-button/OptionButton\";\nimport { getFlagComponent } from \"../../../utils/countryFlags\";\nimport { InputLabel } from \"../shared/InputLabel\";\nimport { formatCurrency as formatCurrencyUtils } from \"../../../utils/formatters\";\n\n/**\n * Confidence score type\n */\nexport type ConfidenceScoreType = \"low\" | \"medium\" | \"high\";\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 for risk analysis integration\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 - generic to allow consumer-specific risk types\n */\nexport interface RiskDetailsCardProps<T = any> {\n  riskDetails: T;\n  maxWidth?: string;\n  showAllRisksSuggestions?: boolean;\n}\n\n/**\n * Props for the CurrencyInputField component\n */\nexport interface CurrencyInputFieldProps {\n  /** Unique identifier for the currency input */\n  id: string;\n  /** Label text to display above the input */\n  label?: string;\n  /** Current value of the input (string for compatibility) */\n  value: string;\n  /** Callback function called when value changes */\n  onChange: (data: any, currencyCode?: string) => void;\n  /** Error message to display below the input */\n  errorMessage?: string;\n  /** Default value for the input */\n  defaultValue?: string;\n  /** Whether the field is required */\n  required?: boolean;\n  /** Whether the required indicator shows as conditional (yellow instead of red) */\n  isRequiredConditional?: boolean;\n  /** Tags/labels to display next to the label */\n  tags?: (string | LabelType)[];\n  /** Additional CSS classes for the wrapper */\n  className?: string;\n  /** Whether to preserve original case in the label */\n  originalCase?: boolean;\n  /** Tooltip text for the help icon */\n  tooltip?: string;\n  /** Whether to use simple mode (inline label style) */\n  simpleMode?: boolean;\n  /** Additional CSS classes for the input field */\n  inputFieldClassName?: string;\n  /** Whether the value was AI extracted */\n  isAiExtracted?: boolean;\n  /** Confidence percentage shown as a badge */\n  confidenceScore?: number;\n  /** Confidence classification for badge styling */\n  confidenceType?: ConfidenceScoreType;\n  /** Optional tooltip content for confidence badge */\n  confidenceTooltip?: React.ReactNode;\n  /** Source meta for confidence score */\n  sourceMeta?: SourceMetaItem[];\n  /** Handler fired when confidence score badge is clicked */\n  onConfidenceScoreClick?: (sourceMeta: SourceMetaItem[]) => void;\n  /** Whether this is a GTN (Global Term Name) field */\n  isGTN?: boolean;\n  /** GTN field name for document integration */\n  gtnName?: any;\n  /** Whether to allow multi-currency selection with dropdown */\n  allowMultiCurrency?: boolean;\n  /** Placeholder text for the input */\n  placeholder?: string;\n  /** Whether the input is disabled */\n  disabled?: boolean;\n  /** Current currency code */\n  currencyCode?: 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 called when input loses focus */\n  onBlur?: () => void;\n  /** Whether the input should auto-focus */\n  autoFocus?: boolean;\n  /** Whether recording is active (for pilot context) */\n  isRecording?: boolean;\n  /** Whether playback is active (for pilot context) */\n  isPlaying?: boolean;\n  /** Handler for adding GTN to document */\n  onAddGTNToDocument?: (keyValuePair: { key: string; value: string }) => void;\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<any>>;\n  /** Optional extra content in the label row (e.g. actions, badges) */\n  labelExtra?: React.ReactNode;\n  /** Input surface style: `'modified'` — Warning colors; `'deleted'` — Error colors, text #475467; `'success'` — Success colors, text #101828. */\n  inputEmphasis?: \"default\" | \"modified\" | \"deleted\" | \"success\";\n}\n\n/**\n * A highly customizable currency input component with label, validation, and styling support.\n * Features currency selection, formatting, validation, GTN integration, risk analysis support,\n * and comprehensive prop support for various use cases.\n *\n * @example\n * ```tsx\n * <CurrencyInputField\n *   id=\"price\"\n *   label=\"Price\"\n *   value={price}\n *   onChange={(value, currency) => setPrice(value)}\n *   currencyCode=\"USD\"\n *   allowMultiCurrency\n *   required\n * />\n * ```\n */\nexport const CurrencyInputField = forwardRef<\n  HTMLInputElement,\n  CurrencyInputFieldProps\n>(\n  (\n    {\n      id,\n      label,\n      value,\n      onChange,\n      errorMessage,\n      defaultValue,\n      required = false,\n      isRequiredConditional = false,\n      tags,\n      className,\n      originalCase = false,\n      tooltip,\n      simpleMode = false,\n      inputFieldClassName = \"\",\n      isAiExtracted = false,\n      confidenceScore,\n      confidenceType = \"high\",\n      confidenceTooltip,\n      sourceMeta = [],\n      onConfidenceScoreClick,\n      isGTN = false,\n      gtnName = null,\n      allowMultiCurrency = false,\n      placeholder,\n      disabled = false,\n      currencyCode = \"USD\",\n      inputStyle,\n      labelClassName,\n      isLiveField = false,\n      onBlur: onBlurProp,\n      autoFocus = false,\n      isRecording = false,\n      isPlaying = false,\n      onAddGTNToDocument,\n      riskDetails,\n      isRiskAnalysisOpen = false,\n      RiskDetailsCard,\n      labelExtra,\n      inputEmphasis = \"default\",\n      ...props\n    },\n    ref\n  ) => {\n    const { t } = useTranslation();\n    const emphasisModifiedSkin = inputEmphasis === \"modified\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisDeletedSkin = inputEmphasis === \"deleted\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const emphasisSuccessSkin = inputEmphasis === \"success\" && !errorMessage && !(isRiskAnalysisOpen && riskDetails?.color);\n    const [isFocused, setIsFocused] = useState(false);\n    const [filteredCurrencyOptions, setFilteredCurrencyOptions] = useState<\n      { label: React.ReactNode; key: string }[]\n    >([]);\n    const [searchKeyForCurrency, setSearchKeyForCurrency] = useState(\"\");\n    const [selectedCurrency, setSelectedCurrency] = useState<string>(\n      currencyCode ? currencyCode : \"USD\"\n    );\n    const [isHovered, setIsHovered] = useState(false);\n\n    const handleAddGTNToDocument = (_value: string) => {\n      if (onAddGTNToDocument) {\n        const keyValuePair = {\n          key: gtnName,\n          value: formatCurrencyUtils(_value, selectedCurrency),\n        };\n        onAddGTNToDocument(keyValuePair);\n      }\n    };\n\n    const formatCurrency = (targetValue: any): string => {\n      if (targetValue === null || targetValue === undefined) return \"\";\n\n      const number = Number(targetValue);\n      if (isNaN(number)) return targetValue;\n\n      return number?.toLocaleString(\"en-US\", {\n        minimumFractionDigits: 2,\n        maximumFractionDigits: 2,\n      });\n    };\n\n    const handleOnChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n      const _value = e.target.value;\n      const numericValue =\n        _value === \"\" || _value === null || _value === undefined\n          ? 0\n          : Number(_value);\n      onChange(numericValue, selectedCurrency);\n      const element = document.getElementById(id);\n      if (element) {\n        element.setAttribute(\n          \"data-selected-value\",\n          JSON.stringify({\n            value: numericValue,\n            currency_code: selectedCurrency,\n          })\n        );\n      }\n      if (element && (isRecording || isPlaying)) {\n        const pilotEvent = new CustomEvent(\"pilot-change\", {\n          bubbles: true,\n          detail: {\n            selector: `#${id}`,\n            value: {\n              value: numericValue,\n              currency_code: selectedCurrency,\n            },\n            type: \"change\",\n          },\n        });\n        element.dispatchEvent(pilotEvent);\n      }\n    };\n\n    const onFocus = () => {\n      setIsFocused(true);\n    };\n\n    const onBlur = () => {\n      setIsFocused(false);\n      if (value === null || value === undefined || value === \"\") {\n        handleOnChange({\n          target: { value: \"0.00\" },\n        } as React.ChangeEvent<HTMLInputElement>);\n      }\n      onBlurProp?.();\n    };\n\n    const getClassName = (): string => {\n      const baseClasses =\n        \"pl-11 border h-8 text-sm block w-full p-2.5 font-inter font-medium focus:outline-none focus:ring-0\";\n\n      if (errorMessage) {\n        return cn(baseClasses, \"rounded-md border-red-300 bg-white dark:bg-black-600 disabled:!text-neutral-400 dark:disabled:!text-neutral-500\", inputFieldClassName);\n      }\n      if (isRiskAnalysisOpen && riskDetails?.color) {\n        return cn(baseClasses, `rounded-md border-${riskDetails.color}-300 bg-${riskDetails.color}-50`, \"text-neutral-900 dark:text-black-200 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800\", inputFieldClassName);\n      }\n      if (emphasisDeletedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisModifiedSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      if (emphasisSuccessSkin) {\n        return cn(baseClasses, \"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)]\", inputFieldClassName);\n      }\n      return cn(baseClasses, \"rounded-lg border-gray-300 dark:border-black-600 bg-white dark:bg-black-600 text-neutral-900 dark:text-black-200 placeholder:text-neutral-400 dark:placeholder:text-black-300 disabled:!text-neutral-400 dark:disabled:!text-neutral-500 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]\", inputFieldClassName);\n    };\n\n    useEffect(() => {\n      if (currencyCode) {\n        setSelectedCurrency(currencyCode);\n      }\n    }, [currencyCode]);\n\n    useEffect(() => {\n      if (selectedCurrency) {\n        const numericValue =\n          value === \"\" || value === null || value === undefined\n            ? 0\n            : Number(value);\n        if (currencyCode !== selectedCurrency) {\n          onChange(numericValue, selectedCurrency);\n        }\n        const element = document.getElementById(id);\n        if (element) {\n          element.setAttribute(\n            \"data-selected-value\",\n            JSON.stringify({\n              value: numericValue,\n              currency_code: selectedCurrency,\n            })\n          );\n          if (isRecording || isPlaying) {\n            const pilotEvent = new CustomEvent(\"pilot-change\", {\n              bubbles: true,\n              detail: {\n                selector: `#${id}`,\n                value: {\n                  value: numericValue,\n                  currency_code: selectedCurrency,\n                },\n                type: \"change\",\n              },\n            });\n            element.dispatchEvent(pilotEvent);\n          }\n        }\n      }\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [selectedCurrency]);\n\n    useEffect(() => {\n      const currencyOptions = CURRENCIES.filter((item) =>\n        (item.value + \" - \" + item.label)\n          .toLowerCase()\n          .includes(searchKeyForCurrency.toLowerCase())\n      ).map((item) => ({\n        label: (\n          <OptionButton\n            text={`${item.value} - ${item.label}`}\n            icon={getFlagComponent(item.value)}\n            showTick={selectedCurrency === item.value}\n            onClick={() => setSelectedCurrency(item.value)}\n            className=\"text-black-900 dark:text-white\"\n          />\n        ),\n        key: item.value,\n      }));\n\n      setFilteredCurrencyOptions(currencyOptions);\n    }, [searchKeyForCurrency, selectedCurrency]);\n\n    useEffect(() => {\n      setSearchKeyForCurrency(\"\");\n    }, [selectedCurrency]);\n\n    // Simple mode rendering\n    if (simpleMode) {\n      return (\n        <label\n          id={id}\n          className={`mb-1 text-xs font-medium text-gray-600 h-full inline-flex items-center gap-1 ${\n            !originalCase ? \"capitalize\" : \"\"\n          } ${labelClassName || \"\"}`}\n        >\n          <span className=\"absolute inset-y-0 left-1 top-0.5 z-10 flex items-center pl-3 cursor-text select-all\">\n            {\"$\"}\n          </span>\n          <input\n            {...props}\n            ref={ref}\n            type={isFocused ? \"number\" : \"text\"}\n            required={required}\n            className={cn(inputFieldClassName, \"pl-8 h-8\")}\n            onChange={handleOnChange}\n            min={0}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            value={!isFocused ? formatCurrency(value) : value}\n            {...(defaultValue && !value\n              ? {\n                  defaultValue: !isFocused\n                    ? formatCurrency(defaultValue)\n                    : defaultValue,\n                }\n              : {})}\n            id={id || label}\n            autoFocus={autoFocus}\n          />\n        </label>\n      );\n    }\n\n    // Full mode rendering\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\"\n            : \"\"\n        )}\n        onMouseEnter={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n      >\n        {isGTN && !isHovered ? (\n          <div className=\"size-1 bg-primary-600 rounded-full animate-blink mt-1.5\" />\n        ) : null}\n        <div className={cn(\"w-full flex flex-col\", className)}>\n          <label\n            htmlFor=\"text\"\n            className={`mb-1 text-xs font-medium text-gray-600 inline-flex items-center gap-1 ${\n              !originalCase ? \"uppercase\" : \"\"\n            } ${labelClassName || \"\"}`}\n          >\n            <div className=\"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1\">\n              <div className=\"inline-flex min-w-0 items-center gap-1 flex-wrap\">\n              <InputLabel label={label || \"\"} required={required || false} isRequiredConditional={isRequiredConditional || false} />\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                  <Tooltip placement=\"top\" title={tooltip}>\n                    <div className=\"cursor-pointer\">\n                      <HelpIcon className=\"w-icon-sm h-icon-sm\" />\n                    </div>\n                  </Tooltip>\n                )}\n                {labelExtra}\n              </div>\n              <div className=\"flex items-center gap-1 justify-self-end\">\n                {(shouldShowConfidenceScore(confidenceScore) && confidenceType) ? (\n                  <Tooltip\n                    placement=\"top-end\"\n                    title={confidenceTooltip ?? \"\"}\n                    hideTooltip={confidenceTooltip === undefined || confidenceTooltip === null}\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 className={cn(\"text-xs font-medium leading-4\", getConfidenceScoreBadgeTextColor(confidenceType))}>\n                        {confidenceScore}%\n                      </span>\n                    </div>\n                  </Tooltip>\n                ) : null}\n                {isGTN && isHovered && onAddGTNToDocument ? (\n                  <button\n                    id=\"btn-currency-input-add-to-document\"\n                    className=\"cursor-pointer\"\n                    onClick={() => handleAddGTNToDocument(formatCurrency(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          <label className=\"relative block\">\n            <span className=\"absolute inset-y-0 left-1 z-1 flex items-center pl-3 text-neutral-900 dark:text-white cursor-text select-all\">\n              {CURRENCY_SYMBOLS[selectedCurrency]}\n            </span>\n\n            <input\n              {...props}\n              ref={ref}\n              placeholder={placeholder}\n              type={isFocused ? \"number\" : \"text\"}\n              required={required}\n              disabled={disabled}\n              className={getClassName()}\n              onChange={handleOnChange}\n              min={0}\n              onFocus={onFocus}\n              onBlur={onBlur}\n              value={!isFocused ? formatCurrency(value) : value}\n              defaultValue={\n                !isFocused ? formatCurrency(defaultValue) : defaultValue\n              }\n              id={id || label}\n              style={inputStyle}\n              autoComplete=\"off\"\n              autoFocus={autoFocus}\n            />\n            <span\n              className={`absolute inset-y-0 right-2 flex items-center h-full cursor-pointer dark:text-black-200 ${\n                allowMultiCurrency ? \"cursor-pointer\" : \"\"\n              }`}\n            >\n              {allowMultiCurrency ? (\n                <Dropdown\n                  menu={{\n                    items: [\n                      ...filteredCurrencyOptions,\n                    ],\n                  }}\n                  trigger={[\"click\"]}\n                  overlayClassName=\"row-option-cell\"\n                  placement=\"bottomRight\"\n                  overlayStyle={{ zIndex: 999 }}\n                  getPopupContainer={() => document.body}\n                  popupRender={(menu) => (\n                    <div\n                      className=\"[&>*:nth-child(2)]:!shadow-none [&>*:nth-child(2)>*]:!px-2 flex flex-col gap-2 p-2 bg-white dark:bg-black-700 border border-solid border-neutral-200 dark:border-black-600 max-h-[200px] w-[330px] text-ellipsis overflow-y-auto z-[999] rounded-md\"\n                    >\n                            <SearchBar\n                              id={`search-bar-currency-input`}\n                              value={searchKeyForCurrency}\n                              onChange={(_value) =>\n                                setSearchKeyForCurrency(_value)\n                              }\n                              className=\"mb-2\"\n                            />\n                      {menu}\n                    </div>\n                  )}\n                >\n                  <div className=\"pl-4 pr-2 py-1.5 text-sm text-gray-700 dark:text-black-200 flex items-center gap-1\">\n                    {getFlagComponent(selectedCurrency)} {selectedCurrency}\n                  </div>\n                </Dropdown>\n              ) : (\n                selectedCurrency\n              )}\n            </span>\n          </label>\n          {errorMessage && (\n            <Typography\n              className=\"text-error-500 mt-1\"\n              appearance=\"custom\"\n              size=\"extra-small\"\n              variant=\"medium\"\n            >\n              {errorMessage}\n            </Typography>\n          )}\n        </div>\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\nCurrencyInputField.displayName = \"CurrencyInputField\";\n"],"names":["CurrencyInputField","forwardRef","id","label","value","onChange","errorMessage","defaultValue","required","isRequiredConditional","tags","className","originalCase","tooltip","simpleMode","inputFieldClassName","isAiExtracted","confidenceScore","confidenceType","confidenceTooltip","sourceMeta","onConfidenceScoreClick","isGTN","gtnName","allowMultiCurrency","placeholder","disabled","currencyCode","inputStyle","labelClassName","isLiveField","onBlurProp","autoFocus","isRecording","isPlaying","onAddGTNToDocument","riskDetails","isRiskAnalysisOpen","RiskDetailsCard","labelExtra","inputEmphasis","props","ref","t","useTranslation","emphasisModifiedSkin","emphasisDeletedSkin","emphasisSuccessSkin","isFocused","setIsFocused","useState","filteredCurrencyOptions","setFilteredCurrencyOptions","searchKeyForCurrency","setSearchKeyForCurrency","selectedCurrency","setSelectedCurrency","isHovered","setIsHovered","handleAddGTNToDocument","_value","keyValuePair","formatCurrencyUtils","formatCurrency","targetValue","number","handleOnChange","numericValue","element","pilotEvent","onFocus","onBlur","getClassName","baseClasses","cn","useEffect","currencyOptions","CURRENCIES","item","jsx","OptionButton","getFlagComponent","jsxs","InputLabel","BoltOutlined","shouldShowConfidenceScore","AIExtractedIndicator","Label","Tooltip","HelpIcon","getConfidenceScoreBadgeClass","AIStarIcon","getConfidenceScoreBadgeColor","getConfidenceScoreBadgeFill","getConfidenceScoreBadgeTextColor","AntTooltip","NoteAddOutlined","CURRENCY_SYMBOLS","Dropdown","menu","SearchBar","Typography"],"mappings":"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"}

package/dist/components/forms/percentage-input/PercentageInputField.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../_virtual/index.cjs.js"),E=require("react"),oe=require("antd"),te=require("react-i18next"),se=require("../../data-display/typography/Typography.cjs.js"),le=require("../../data-display/label/Label.cjs.js"),q=require("@mui/icons-material"),ne=require("../../icons/AIExtractedIndicator.cjs.js"),ce=require("../../icons/AIStarIcon.cjs.js"),de=require("../../icons/HelpIcon.cjs.js"),A=require("../../tooltip/Tooltip.cjs.js"),s=require("../../../utils/confidenceScoreUtils.cjs.js"),ie=require("../shared/InputLabel.cjs.js"),B=E.forwardRef(({id:i,label:u,labelExtra:z,value:n,onChange:v,errorMessage:o,defaultValue:x,disabled:P,max:$,min:D,required:m=!1,isRequiredConditional:L=!1,bg:W,tags:H,color:R,className:O,originalCase:k=!1,tooltip:y,simpleMode:K=!1,inputFieldClassName:U="",isAiExtracted:J=!1,confidenceScore:p,confidenceType:l="high",confidenceTooltip:b,sourceMeta:M=[],onConfidenceScoreClick:Q,isGTN:f=!1,gtnName:V=null,inputStyle:F,withDollarSign:X=!0,labelClassName:j,isLiveField:Y=!1,onBlur:S,onAddGTNToDocument:g,riskDetails:t,isRiskAnalysisOpen:w=!1,RiskDetailsCard:N,placeholder:Z,inputEmphasis:h="default",...C},I)=>{const{t:T}=te.useTranslation(),c=!!(w&&t?.color),G=h==="modified"&&!o&&!c,ee=h==="deleted"&&!o&&!c,re=h==="success"&&!o&&!c,[d,_]=E.useState(!1),ae=r=>{g&&g({key:V,value:r})};return K?e.jsxs("label",{id:i,className:`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-200 inline-flex items-center gap-1 ${k?"":"capitalize"} ${j||""}`,children:[X&&e.jsx("span",{className:"absolute inset-y-0 left-1 flex items-center pl-3",children:"$"}),e.jsx("input",{...C,ref:I,onBlur:S,type:"number",required:m,className:a(U,"pl-8 h-8"),onChange:r=>{v(r.target.value)},value:n,...x&&!n?{defaultValue:x}:{},id:i||u,style:F,autoComplete:"off"})]}):e.jsxs("div",{className:a("flex gap-0.5 relative",d&&f?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[f&&!d?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:a("w-full flex flex-col",O),children:[e.jsx("label",{htmlFor:"text",className:`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${k?"":"uppercase"} ${j||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap dark:text-black-300",children:[e.jsx(ie.InputLabel,{label:u||"",required:m||!1,isRequiredConditional:L||!1}),Y&&e.jsx(q.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),J&&!s.shouldShowConfidenceScore(p)&&e.jsx(ne.AIExtractedIndicator,{}),e.jsx(le.Label,{labels:H}),y&&e.jsx(A,{placement:"top",title:y,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(de.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),z]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[s.shouldShowConfidenceScore(p)&&l?e.jsx(A,{placement:"top-end",title:b??"",hideTooltip:b==null,className:"cursor-pointer",children:e.jsxs("div",{className:a("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",s.getConfidenceScoreBadgeClass(l)),onClick:()=>Q?.(M),children:[e.jsx(ce.AIStarIcon,{size:12,fill:s.getConfidenceScoreBadgeColor(l),fillSecondary:s.getConfidenceScoreBadgeFill(l)}),e.jsxs("span",{className:a("text-xs font-medium leading-4",s.getConfidenceScoreBadgeTextColor(l)),children:[p,"%"]})]})}):null,f&&d&&g?e.jsx("button",{id:"btn-percentage-input-add-to-document",className:"cursor-pointer",onClick:()=>ae(n?.toString()),type:"button",children:e.jsx(oe.Tooltip,{placement:"top",title:T("Add to document"),children:e.jsx(q.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}),e.jsxs("label",{className:"relative block",children:[e.jsx("input",{...C,ref:I,onBlur:S,type:"number",required:m,disabled:P,min:D,max:$,className:a("h-8 text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:outline-none focus:ring-0 block w-full p-2.5 font-inter font-medium disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400",W,o?"border border-red-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]":c&&t?.color?a(`border border-${t.color}-300 bg-${t.color}-50`,"focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]"):ee?"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]":G?"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)]":re?"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]":"border border-gray-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]",R||""),onChange:r=>{v(r.target.value)},value:n,defaultValue:x,id:i||u,style:F,autoComplete:"off",placeholder:Z}),e.jsx("span",{className:"absolute inset-y-0 right-3 flex items-center z-[1000px] h-full dark:text-black-100",children:"%"})]}),o&&e.jsx(se.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:o})]}),d&&t&&w&&N&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:r=>r.stopPropagation(),onMouseDown:r=>r.preventDefault(),onKeyDown:r=>{r.key==="Escape"&&_(!1)},children:e.jsx(N,{riskDetails:t})})]})});B.displayName="PercentageInputField";exports.PercentageInputField=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("../../../_virtual/index.cjs.js"),E=require("react"),oe=require("antd"),te=require("react-i18next"),se=require("../../data-display/typography/Typography.cjs.js"),le=require("../../data-display/label/Label.cjs.js"),q=require("@mui/icons-material"),ce=require("../../icons/AIExtractedIndicator.cjs.js"),ne=require("../../icons/AIStarIcon.cjs.js"),de=require("../../icons/HelpIcon.cjs.js"),A=require("../../tooltip/Tooltip.cjs.js"),s=require("../../../utils/confidenceScoreUtils.cjs.js"),ie=require("../shared/InputLabel.cjs.js"),B=E.forwardRef(({id:i,label:u,labelExtra:z,value:c,onChange:v,errorMessage:o,defaultValue:x,disabled:P,max:$,min:D,required:m=!1,isRequiredConditional:L=!1,bg:W,tags:H,color:R,className:O,originalCase:k=!1,tooltip:y,simpleMode:K=!1,inputFieldClassName:U="",isAiExtracted:J=!1,confidenceScore:p,confidenceType:l="high",confidenceTooltip:b,sourceMeta:M=[],onConfidenceScoreClick:Q,isGTN:f=!1,gtnName:V=null,inputStyle:F,withDollarSign:X=!0,labelClassName:j,isLiveField:Y=!1,onBlur:S,onAddGTNToDocument:g,riskDetails:t,isRiskAnalysisOpen:w=!1,RiskDetailsCard:N,placeholder:Z,inputEmphasis:h="default",...C},I)=>{const{t:T}=te.useTranslation(),n=!!(w&&t?.color),G=h==="modified"&&!o&&!n,ee=h==="deleted"&&!o&&!n,re=h==="success"&&!o&&!n,[d,_]=E.useState(!1),ae=r=>{g&&g({key:V,value:r})};return K?e.jsxs("label",{id:i,className:`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-200 inline-flex items-center gap-1 ${k?"":"capitalize"} ${j||""}`,children:[X&&e.jsx("span",{className:"absolute inset-y-0 left-1 flex items-center pl-3",children:"$"}),e.jsx("input",{...C,ref:I,onBlur:S,type:"number",required:m,className:a(U,"pl-8 h-8"),onChange:r=>{v(r.target.value)},value:c,...x&&!c?{defaultValue:x}:{},id:i||u,style:F,autoComplete:"off"})]}):e.jsxs("div",{className:a("flex gap-0.5 relative",d&&f?"border rounded-lg border-primary-100 bg-primary-50 p-1":""),onMouseEnter:()=>_(!0),onMouseLeave:()=>_(!1),children:[f&&!d?e.jsx("div",{className:"w-1 h-1 bg-primary-600 rounded-full animate-blink mt-1.5"}):null,e.jsxs("div",{className:a("w-full flex flex-col",O),children:[e.jsx("label",{htmlFor:"text",className:`mb-1 text-xs font-medium text-gray-600 dark:text-neutral-300 inline-flex items-center gap-1 ${k?"":"uppercase"} ${j||""}`,children:e.jsxs("div",{className:"grid w-full grid-cols-[minmax(0,1fr)_auto] items-start gap-x-1",children:[e.jsxs("div",{className:"inline-flex min-w-0 items-center gap-1 flex-wrap dark:text-black-300",children:[e.jsx(ie.InputLabel,{label:u||"",required:m||!1,isRequiredConditional:L||!1}),Y&&e.jsx(q.BoltOutlined,{sx:{fontSize:16,color:"var(--color-primary-600)",rotate:"15deg"}}),J&&!s.shouldShowConfidenceScore(p)&&e.jsx(ce.AIExtractedIndicator,{}),e.jsx(le.Label,{labels:H}),y&&e.jsx(A,{placement:"top",title:y,children:e.jsx("div",{className:"cursor-pointer",children:e.jsx(de.HelpIcon,{className:"w-icon-sm h-icon-sm"})})}),z]}),e.jsxs("div",{className:"flex items-center gap-1 justify-self-end",children:[s.shouldShowConfidenceScore(p)&&l?e.jsx(A,{placement:"top-end",title:b??"",hideTooltip:b==null,className:"cursor-pointer",children:e.jsxs("div",{className:a("inline-flex min-w-[50px] items-center gap-1 rounded-md px-1 py-0.5",s.getConfidenceScoreBadgeClass(l)),onClick:()=>Q?.(M),children:[e.jsx(ne.AIStarIcon,{size:12,fill:s.getConfidenceScoreBadgeColor(l),fillSecondary:s.getConfidenceScoreBadgeFill(l)}),e.jsxs("span",{className:a("text-xs font-medium leading-4",s.getConfidenceScoreBadgeTextColor(l)),children:[p,"%"]})]})}):null,f&&d&&g?e.jsx("button",{id:"btn-percentage-input-add-to-document",className:"cursor-pointer",onClick:()=>ae(c?.toString()),type:"button",children:e.jsx(oe.Tooltip,{placement:"top",title:T("Add to document"),children:e.jsx(q.NoteAddOutlined,{className:"text-primary-600",sx:{fontSize:16}})})}):null]})]})}),e.jsxs("label",{className:"relative block",children:[e.jsx("input",{...C,ref:I,onBlur:S,type:"number",required:m,disabled:P,min:D,max:$,className:a("h-8 text-gray-900 dark:bg-black-600 dark:text-neutral-200 text-sm rounded-lg focus:outline-none focus:ring-0 block w-full p-2.5 font-inter font-medium placeholder:text-neutral-400 dark:placeholder:text-black-300 disabled:bg-neutral-50 dark:disabled:!bg-black-800 dark:disabled:placeholder:!text-black-400",W,o?"border border-red-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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&&t?.color?a(`border border-${t.color}-300 bg-${t.color}-50`,"focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]"):ee?"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]":G?"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)]":re?"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]":"border border-gray-300 focus:border-[var(--color-primary-600)] dark:focus:border-[var(--color-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)]",R||""),onChange:r=>{v(r.target.value)},value:c,defaultValue:x,id:i||u,style:F,autoComplete:"off",placeholder:Z}),e.jsx("span",{className:"absolute inset-y-0 right-3 flex items-center z-[1000px] h-full dark:text-black-100",children:"%"})]}),o&&e.jsx(se.Typography,{className:"text-error-500 mt-1",appearance:"custom",size:"extra-small",variant:"medium",children:o})]}),d&&t&&w&&N&&e.jsx("div",{role:"tooltip",tabIndex:0,className:"absolute left-0 right-0 top-[95%] mt-1 z-50 bg-white dark:bg-black-600 rounded-xl",onClick:r=>r.stopPropagation(),onMouseDown:r=>r.preventDefault(),onKeyDown:r=>{r.key==="Escape"&&_(!1)},children:e.jsx(N,{riskDetails:t})})]})});B.displayName="PercentageInputField";exports.PercentageInputField=B;
 //# sourceMappingURL=PercentageInputField.cjs.js.map