@lax-wp/design-system 0.14.39 → 0.14.40

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\", 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: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: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

@@ -44,7 +44,7 @@ const Ke = ye(
     allowMultiCurrency: L = !1,
     placeholder: le,
     disabled: ne = !1,
-    currencyCode: u = "USD",
+    currencyCode: m = "USD",
     inputStyle: ce,
     labelClassName: O,
     isLiveField: de = !1,
@@ -60,9 +60,9 @@ const Ke = ye(
     inputEmphasis: _ = "default",
     ...K
   }, J) => {
-    const { t: ue } = Se(), me = _ === "modified" && !i && !(p && c?.color), be = _ === "deleted" && !i && !(p && c?.color), fe = _ === "success" && !i && !(p && c?.color), [m, P] = h(!1), [pe, xe] = h([]), [B, R] = h(""), [o, Y] = h(
-      u || "USD"
-    ), [v, I] = h(!1), ge = (e) => {
+    const { t: me } = Se(), ue = _ === "modified" && !i && !(p && c?.color), be = _ === "deleted" && !i && !(p && c?.color), fe = _ === "success" && !i && !(p && c?.color), [u, P] = h(!1), [pe, ge] = h([]), [B, R] = h(""), [o, Y] = h(
+      m || "USD"
+    ), [v, I] = h(!1), xe = (e) => {
       if (N) {
         const r = {
           key: ae,
@@ -70,7 +70,7 @@ const Ke = ye(
         };
         N(r);
       }
-    }, x = (e) => {
+    }, g = (e) => {
       if (e == null) return "";
       const r = Number(e);
       return isNaN(r) ? e : r?.toLocaleString("en-US", {
@@ -78,13 +78,13 @@ const Ke = ye(
         maximumFractionDigits: 2
       });
     }, $ = (e) => {
-      const r = e.target.value, g = r === "" || r === null || r === void 0 ? 0 : Number(r);
-      z(g, o);
+      const r = e.target.value, x = r === "" || r === null || r === void 0 ? 0 : Number(r);
+      z(x, o);
       const y = document.getElementById(d);
       if (y && y.setAttribute(
         "data-selected-value",
         JSON.stringify({
-          value: g,
+          value: x,
           currency_code: o
         })
       ), y && (U || j)) {
@@ -93,7 +93,7 @@ const Ke = ye(
           detail: {
             selector: `#${d}`,
             value: {
-              value: g,
+              value: x,
               currency_code: o
             },
             type: "change"
@@ -109,14 +109,14 @@ 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", s) : p && c?.color ? n(e, `rounded-md border-${c.color}-300 bg-${c.color}-50`, "text-neutral-900 dark:text-black-200 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) : ue ? 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: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(() => {
-      u && Y(u);
-    }, [u]), k(() => {
+      m && Y(m);
+    }, [m]), k(() => {
       if (o) {
         const e = a === "" || a === null || a === void 0 ? 0 : Number(a);
-        u !== o && z(e, o);
+        m !== o && z(e, o);
         const r = document.getElementById(d);
         if (r && (r.setAttribute(
           "data-selected-value",
@@ -125,7 +125,7 @@ const Ke = ye(
             currency_code: o
           })
         ), U || j)) {
-          const g = new CustomEvent("pilot-change", {
+          const x = new CustomEvent("pilot-change", {
             bubbles: !0,
             detail: {
               selector: `#${d}`,
@@ -136,7 +136,7 @@ const Ke = ye(
               type: "change"
             }
           });
-          r.dispatchEvent(g);
+          r.dispatchEvent(x);
         }
       }
     }, [o]), k(() => {
@@ -155,7 +155,7 @@ const Ke = ye(
         ),
         key: r.value
       }));
-      xe(e);
+      ge(e);
     }, [B, o]), k(() => {
       R("");
     }, [o]), ee ? /* @__PURE__ */ l(
@@ -170,16 +170,16 @@ const Ke = ye(
             {
               ...K,
               ref: J,
-              type: m ? "number" : "text",
+              type: u ? "number" : "text",
               required: S,
               className: n(s, "pl-8 h-8"),
               onChange: $,
               min: 0,
               onFocus: q,
               onBlur: Q,
-              value: m ? a : x(a),
+              value: u ? a : g(a),
               ...b && !a ? {
-                defaultValue: m ? b : x(b)
+                defaultValue: u ? b : g(b)
               } : {},
               id: d || F,
               autoFocus: W
@@ -261,9 +261,9 @@ const Ke = ye(
                       {
                         id: "btn-currency-input-add-to-document",
                         className: "cursor-pointer",
-                        onClick: () => ge(x(a)),
+                        onClick: () => xe(g(a)),
                         type: "button",
-                        children: /* @__PURE__ */ t(ke, { placement: "top", title: ue("Add to document"), children: /* @__PURE__ */ t(
+                        children: /* @__PURE__ */ t(ke, { placement: "top", title: me("Add to document"), children: /* @__PURE__ */ t(
                           Be,
                           {
                             className: "text-primary-600",
@@ -286,7 +286,7 @@ const Ke = ye(
                   ...K,
                   ref: J,
                   placeholder: le,
-                  type: m ? "number" : "text",
+                  type: u ? "number" : "text",
                   required: S,
                   disabled: ne,
                   className: he(),
@@ -294,8 +294,8 @@ const Ke = ye(
                   min: 0,
                   onFocus: q,
                   onBlur: Q,
-                  value: m ? a : x(a),
-                  defaultValue: m ? b : x(b),
+                  value: u ? a : g(a),
+                  defaultValue: u ? b : g(b),
                   id: d || F,
                   style: ce,
                   autoComplete: "off",

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":"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"}
+{"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\", 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: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: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/icon-picker/IconPicker.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),j=require("../../../_virtual/index.cjs.js"),f=require("react"),v=require("react-window"),N=require("@mui/icons-material"),I=require("@mui/material"),w=require("antd"),y=require("../../data-display/typography/Typography.cjs.js"),P=require("../input-field/InputField.cjs.js"),x=require("../../../types/icon-picker.cjs.js"),q=require("../../../utils/countryFlags.cjs.js"),S=require("../shared/InputLabel.cjs.js"),R=require("../../icon/icons.generated.cjs.js");function O(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const a in e)if(a!=="default"){const s=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(n,a,s.get?s:{enumerable:!0,get:()=>e[a]})}}return n.default=e,Object.freeze(n)}const h=O(N),D=Object.keys(h).filter(e=>e?.endsWith("Rounded")),T=[...D||[],...(x.COUNTRY_CODES||[]).map(e=>`flag-${e}`)],L=e=>{if(e?.startsWith("flag-")){const n=e?.replace("flag-","");return x.countryNameFromCode(n||"")||n}return e.replaceAll(/([A-Z])/g," $1").trim()},F=({onChange:e,selectedIcon:n,setOpen:a})=>{const[s,p]=f.useState(""),c=(T||[]).filter(r=>{if(r?.startsWith("flag-")){const u=r?.replace("flag-","");return u?.toLowerCase()?.includes(s?.trim()?.toLowerCase()||"")||x.countryNameFromCode(u||"")?.toLowerCase()?.includes(s?.trim()?.toLowerCase()||"")}return r?.trim()?.toLowerCase()?.includes(s?.trim()?.toLowerCase()||"")}),m=(r,u)=>{if(u.stopPropagation(),n===r){e?.(null);return}e?.(r),a?.(!1)};return t.jsxs("div",{className:"flex flex-col gap-3",onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),r.stopPropagation())},children:[t.jsx(P.InputField,{id:"input-field-icon-picker",placeholder:"Search icons...",onChange:r=>p(r||""),fieldSuffix:t.jsx(h.Search,{className:"!w-4 !h-4 text-neutral-400"})}),t.jsx(v.FixedSizeGrid,{columnCount:5,rowCount:Math.ceil((c?.length||0)/5),columnWidth:40,rowHeight:40,width:220,height:240,children:({columnIndex:r,rowIndex:u,style:l})=>{const g=u*5+r,i=c?.[g];return i?t.jsx("div",{style:l,className:"p-1",children:t.jsx(w.Tooltip,{title:L(i),placement:"bottom",children:t.jsx(I.IconButton,{type:"button",className:j("flex items-center justify-center  !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700",{"!bg-primary-50 dark:!bg-black-800":n===i}),onClick:d=>m(i,d),onKeyDown:d=>{d.key==="Enter"&&(d.preventDefault(),d.stopPropagation())},children:t.jsx(b,{iconName:i,className:"!w-5 !h-5 text-neutral-900 dark:text-white"})})})}):null}})]})},b=({iconName:e,sx:n,className:a,isHovering:s})=>{if(e?.startsWith?.("flag-")){const c=e?.replace("flag-","");return q.getFlagComponent?.(c||"",s||!1)||t.jsx("div",{children:"-"})}const p=h?.[e];return p?t.jsx(p,{sx:n,className:a,isHovering:s}):t.jsx("div",{children:"-"})},E=({selectedIcon:e,onChange:n,label:a,required:s=!1,allowClear:p=!0,disabled:c=!1,errorMessage:m,dropdownPosition:r="bottom",className:u})=>{const[l,g]=f.useState(!1),i=f.useRef(!1),d=f.useRef(null),k=f.useRef(!1);f.useEffect(()=>{k.current&&!l&&d.current?.focus(),k.current=l},[l]);const C=o=>{o.stopPropagation(),n?.("")};return t.jsx(w.Popover,{arrow:!1,placement:r,trigger:"click",getPopupContainer:o=>o?.parentElement||document.body,open:l,onOpenChange:o=>{o?(i.current&&g(!0),i.current=!1):g(!1)},content:t.jsx(F,{onChange:n,selectedIcon:e,setOpen:g}),children:t.jsxs("div",{className:"flex flex-col gap-1",children:[a?t.jsx(S.InputLabel,{label:a||"",required:s||!1}):null,t.jsxs("button",{ref:d,type:"button",id:`btn-icon-picker-icon-${e?"selected":"unselected"}`,className:`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${c?"cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800":"bg-white dark:bg-black-800"} ${m?"border-red-500":"focus:border-primary-600 dark:focus:border-primary-400"} flex items-center justify-between gap-2 ${u}`,disabled:c,"aria-haspopup":"dialog","aria-expanded":l,onClick:o=>{if(c){o.preventDefault(),o.stopPropagation();return}o.detail>0&&(i.current=!0)},onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),l||o.currentTarget.closest("form")?.querySelector('button[type="submit"]')?.click())},children:[e?t.jsx(b,{iconName:e,className:"!w-5 !h-5 text-neutral-900 dark:text-white"}):t.jsx(y.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"Select Icon"}),t.jsxs("span",{className:"flex shrink-0 items-center gap-1",children:[e&&p&&!c?t.jsx(h.CloseRounded,{className:"!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500",onClick:C}):null,t.jsx(R.KeyboardArrowDownIcon,{className:j("h-4 w-4 shrink-0 text-neutral-400 transition-transform duration-200",{"rotate-180":l})})]})]}),m&&t.jsx(y.Typography,{size:"extra-small",className:"text-red-500 font-medium",children:m})]})})},W=f.lazy(()=>Promise.resolve({default:e=>t.jsx(f.Suspense,{fallback:t.jsx("div",{className:"min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md"}),children:t.jsx(E,{...e})})}));exports.IconPicker=W;exports.IconRenderer=b;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),C=require("../../../_virtual/index.cjs.js"),d=require("react"),v=require("react-window"),I=require("@mui/icons-material"),N=require("@mui/material"),j=require("antd"),y=require("../../data-display/typography/Typography.cjs.js"),P=require("../input-field/InputField.cjs.js"),x=require("../../../types/icon-picker.cjs.js"),S=require("../../../utils/countryFlags.cjs.js"),q=require("../shared/InputLabel.cjs.js");function R(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const s in e)if(s!=="default"){const a=Object.getOwnPropertyDescriptor(e,s);Object.defineProperty(n,s,a.get?a:{enumerable:!0,get:()=>e[s]})}}return n.default=e,Object.freeze(n)}const h=R(I),O=Object.keys(h).filter(e=>e?.endsWith("Rounded")),D=[...O||[],...(x.COUNTRY_CODES||[]).map(e=>`flag-${e}`)],T=e=>{if(e?.startsWith("flag-")){const n=e?.replace("flag-","");return x.countryNameFromCode(n||"")||n}return e.replaceAll(/([A-Z])/g," $1").trim()},L=({onChange:e,selectedIcon:n,setOpen:s})=>{const[a,p]=d.useState(""),c=(D||[]).filter(r=>{if(r?.startsWith("flag-")){const i=r?.replace("flag-","");return i?.toLowerCase()?.includes(a?.trim()?.toLowerCase()||"")||x.countryNameFromCode(i||"")?.toLowerCase()?.includes(a?.trim()?.toLowerCase()||"")}return r?.trim()?.toLowerCase()?.includes(a?.trim()?.toLowerCase()||"")}),m=(r,i)=>{if(i.stopPropagation(),n===r){e?.(null);return}e?.(r),s?.(!1)};return t.jsxs("div",{className:"flex flex-col gap-3",onKeyDown:r=>{r.key==="Enter"&&(r.preventDefault(),r.stopPropagation())},children:[t.jsx(P.InputField,{id:"input-field-icon-picker",placeholder:"Search icons...",onChange:r=>p(r||""),fieldSuffix:t.jsx(h.Search,{className:"!w-4 !h-4 text-neutral-400"})}),t.jsx(v.FixedSizeGrid,{columnCount:5,rowCount:Math.ceil((c?.length||0)/5),columnWidth:40,rowHeight:40,width:220,height:240,children:({columnIndex:r,rowIndex:i,style:f})=>{const g=i*5+r,l=c?.[g];return l?t.jsx("div",{style:f,className:"p-1",children:t.jsx(j.Tooltip,{title:T(l),placement:"bottom",children:t.jsx(N.IconButton,{type:"button",className:C("flex items-center justify-center  !rounded-md hover:bg-neutral-200 dark:hover:bg-black-700",{"!bg-primary-50 dark:!bg-black-800":n===l}),onClick:u=>m(l,u),onKeyDown:u=>{u.key==="Enter"&&(u.preventDefault(),u.stopPropagation())},children:t.jsx(b,{iconName:l,className:"!w-5 !h-5 text-neutral-900 dark:text-white"})})})}):null}})]})},b=({iconName:e,sx:n,className:s,isHovering:a})=>{if(e?.startsWith?.("flag-")){const c=e?.replace("flag-","");return S.getFlagComponent?.(c||"",a||!1)||t.jsx("div",{children:"-"})}const p=h?.[e];return p?t.jsx(p,{sx:n,className:s,isHovering:a}):t.jsx("div",{children:"-"})},F=({selectedIcon:e,onChange:n,label:s,required:a=!1,allowClear:p=!0,disabled:c=!1,errorMessage:m,dropdownPosition:r="bottom",className:i})=>{const[f,g]=d.useState(!1),l=d.useRef(!1),u=d.useRef(null),k=d.useRef(!1);d.useEffect(()=>{k.current&&!f&&u.current?.focus(),k.current=f},[f]);const w=o=>{o.stopPropagation(),n?.("")};return t.jsx(j.Popover,{arrow:!1,placement:r,trigger:"click",getPopupContainer:o=>o?.parentElement||document.body,open:f,onOpenChange:o=>{o?(l.current&&g(!0),l.current=!1):g(!1)},content:t.jsx(L,{onChange:n,selectedIcon:e,setOpen:g}),children:t.jsxs("div",{className:"flex flex-col gap-1",children:[s?t.jsx(q.InputLabel,{label:s||"",required:a||!1}):null,t.jsxs("button",{ref:u,type:"button",id:`btn-icon-picker-icon-${e?"selected":"unselected"}`,className:`lax-form-trigger min-w-[83px] h-8 py-1.5 px-3 rounded-md border ${c?"cursor-not-allowed opacity-60 bg-neutral-50 dark:bg-black-800":"bg-white dark:bg-black-800"} ${m?"border-red-500":"focus:border-primary-600 dark:focus:border-primary-400"} flex items-center justify-between gap-2 ${i}`,disabled:c,onClick:o=>{if(c){o.preventDefault(),o.stopPropagation();return}o.detail>0&&(l.current=!0)},onKeyDown:o=>{o.key==="Enter"&&(o.preventDefault(),f||o.currentTarget.closest("form")?.querySelector('button[type="submit"]')?.click())},children:[e?t.jsx(b,{iconName:e,className:"!w-5 !h-5 text-neutral-900 dark:text-white"}):t.jsx(y.Typography,{size:"small",variant:"regular",appearance:"subtitle",children:"Select Icon"}),e&&p&&!c?t.jsx(h.CloseRounded,{className:"!w-5 !h-5 hover:bg-neutral-100 dark:hover:bg-black-800 rounded-full transition-colors cursor-pointer text-neutral-400 dark:text-neutral-500",onClick:w}):null]}),m&&t.jsx(y.Typography,{size:"extra-small",className:"text-red-500 font-medium",children:m})]})})},E=d.lazy(()=>Promise.resolve({default:e=>t.jsx(d.Suspense,{fallback:t.jsx("div",{className:"min-w-20 h-8 animate-pulse bg-neutral-100 dark:bg-black-800 rounded-md"}),children:t.jsx(F,{...e})})}));exports.IconPicker=E;exports.IconRenderer=b;
 //# sourceMappingURL=IconPicker.cjs.js.map