@transferwise/components 46.44.1 → 46.46.0

package/build/moneyInput/MoneyInput.mjs

@@ -0,0 +1,363 @@
+import { isNumber, isEmpty, isNull } from '@transferwise/neptune-validation';
+import { Flag } from '@wise/art';
+import classNames from 'classnames';
+import { Component } from 'react';
+import { injectIntl } from 'react-intl';
+import { Size } from '../common/propsValues/size.mjs';
+import { withInputAttributes } from '../inputs/contexts.mjs';
+import { Input } from '../inputs/Input.mjs';
+import { SelectInput, SelectInputOptionContent } from '../inputs/SelectInput.mjs';
+import Title from '../title/Title.mjs';
+import messages from './MoneyInput.messages.mjs';
+import { parseAmount } from './currencyFormatting.mjs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Typography } from '../common/propsValues/typography.mjs';
+import { formatAmount } from '@transferwise/formatting';
+
+const isNumberOrNull = v => isNumber(v) || isNull(v);
+const formatAmountIfSet = ({
+  amount,
+  currency,
+  locale,
+  maxLengthOverride
+}) => {
+  if (maxLengthOverride) {
+    return amount != null ? String(amount) : '';
+  }
+  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';
+};
+const parseNumber = ({
+  amount,
+  currency,
+  locale,
+  maxLengthOverride
+}) => {
+  if (maxLengthOverride && amount.length > maxLengthOverride) {
+    return 0;
+  }
+  return parseAmount(amount, currency, locale);
+};
+const allowedInputKeys = new Set(['Backspace', 'Delete', ',', '.', 'ArrowDown', 'ArrowUp', 'ArrowLeft', 'ArrowRight', 'Enter', 'Escape', 'Tab']);
+class MoneyInput extends Component {
+  static defaultProps = {
+    size: Size.LARGE,
+    classNames: {},
+    selectProps: {}
+  };
+  amountFocused = false;
+  constructor(props) {
+    super(props);
+    this.state = {
+      searchQuery: '',
+      formattedAmount: formatAmountIfSet({
+        amount: props.amount,
+        currency: props.selectedCurrency.currency,
+        locale: props.intl.locale,
+        maxLengthOverride: props.maxLengthOverride
+      }),
+      locale: props.intl.locale
+    };
+  }
+  UNSAFE_componentWillReceiveProps(nextProps) {
+    this.setState({
+      locale: nextProps.intl.locale
+    });
+    if (!this.amountFocused) {
+      this.setState({
+        formattedAmount: formatAmountIfSet({
+          amount: nextProps.amount,
+          currency: nextProps.selectedCurrency.currency,
+          locale: nextProps.intl.locale,
+          maxLengthOverride: nextProps.maxLengthOverride
+        })
+      });
+    }
+  }
+  isInputAllowedForKeyEvent = event => {
+    const {
+      metaKey,
+      key,
+      ctrlKey
+    } = event;
+    const isNumberKey = isNumber(Number.parseInt(key, 10));
+    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);
+  };
+  handleKeyDown = event => {
+    if (!this.isInputAllowedForKeyEvent(event)) {
+      event.preventDefault();
+    }
+  };
+  handlePaste = event => {
+    const paste = event.clipboardData.getData('text');
+    const {
+      locale
+    } = this.state;
+    const parsed = isEmpty(paste) ? null : parseNumber({
+      amount: paste,
+      currency: this.props.selectedCurrency.currency,
+      locale,
+      maxLengthOverride: this.props.maxLengthOverride
+    });
+    if (isNumberOrNull(parsed)) {
+      this.setState({
+        formattedAmount: formatAmountIfSet({
+          amount: parsed,
+          currency: this.props.selectedCurrency.currency,
+          locale,
+          maxLengthOverride: this.props.maxLengthOverride
+        })
+      });
+      this.props.onAmountChange?.(parsed);
+    }
+    event.preventDefault();
+  };
+  onAmountChange = event => {
+    const {
+      value
+    } = event.target;
+    this.setState({
+      formattedAmount: value
+    });
+    const parsed = isEmpty(value) ? null : parseNumber({
+      amount: value,
+      currency: this.props.selectedCurrency.currency,
+      locale: this.state.locale,
+      maxLengthOverride: this.props.maxLengthOverride
+    });
+    if (isNumberOrNull(parsed)) {
+      this.props.onAmountChange?.(parsed);
+    }
+  };
+  onAmountBlur = () => {
+    this.amountFocused = false;
+    this.setAmount();
+  };
+  onAmountFocus = () => {
+    this.amountFocused = true;
+  };
+  getSelectOptions() {
+    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);
+    const formattedOptions = [];
+    let currentGroupOptions;
+    selectOptions.forEach(item => {
+      if (item.header != null) {
+        currentGroupOptions = [];
+        formattedOptions.push({
+          type: 'group',
+          label: item.header,
+          options: currentGroupOptions
+        });
+      } else {
+        (currentGroupOptions ?? formattedOptions).push({
+          type: 'option',
+          value: item,
+          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? '']
+        });
+      }
+    });
+    return formattedOptions;
+  }
+  setAmount() {
+    this.setState(previousState => {
+      const parsed = parseNumber({
+        amount: previousState.formattedAmount,
+        currency: this.props.selectedCurrency.currency,
+        locale: previousState.locale,
+        maxLengthOverride: this.props.maxLengthOverride
+      });
+      if (!isNumberOrNull(parsed)) {
+        return {
+          formattedAmount: previousState.formattedAmount
+        };
+      }
+      return {
+        formattedAmount: formatAmountIfSet({
+          amount: parsed,
+          currency: this.props.selectedCurrency.currency,
+          locale: previousState.locale,
+          maxLengthOverride: this.props.maxLengthOverride
+        })
+      };
+    });
+  }
+  handleSelectChange = value => {
+    this.handleSearchChange('');
+    this.props.onCurrencyChange?.(value);
+  };
+  handleCustomAction = () => {
+    this.handleSearchChange('');
+    this.props.onCustomAction?.();
+  };
+  handleSearchChange = searchQuery => {
+    this.setState({
+      searchQuery
+    });
+    this.props.onSearchChange?.({
+      searchQuery,
+      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery)
+    });
+  };
+  style = className => this.props.classNames[className] || className;
+  render() {
+    const {
+      inputAttributes,
+      id: amountInputId,
+      'aria-labelledby': ariaLabelledByProp,
+      selectedCurrency,
+      onCurrencyChange,
+      size,
+      addon,
+      selectProps,
+      maxLengthOverride
+    } = this.props;
+    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];
+    const selectOptions = this.getSelectOptions();
+    const hasSingleCurrency = () => {
+      if (selectOptions.length !== 0) {
+        const firstItem = selectOptions[0];
+        if (selectOptions.length === 1) {
+          if (firstItem.type === 'option') {
+            return firstItem.value.currency === selectedCurrency.currency;
+          }
+          if (firstItem.type === 'group') {
+            return firstItem.options.length === 1 && !(this.props.onCustomAction && this.props.customActionLabel);
+          }
+        }
+      } else if (selectedCurrency?.currency) {
+        return true;
+      }
+      return false;
+    };
+    const isFixedCurrency = !this.state.searchQuery && hasSingleCurrency() || !onCurrencyChange;
+    const disabled = !this.props.onAmountChange;
+    return /*#__PURE__*/jsxs("div", {
+      role: "group",
+      ...inputAttributes,
+      "aria-labelledby": ariaLabelledBy,
+      className: classNames(this.style('tw-money-input'), this.style('input-group'), this.style(`input-group-${size}`)),
+      children: [/*#__PURE__*/jsx(Input, {
+        id: amountInputId,
+        value: this.state.formattedAmount,
+        inputMode: "decimal",
+        disabled: disabled,
+        maxLength: maxLengthOverride,
+        placeholder: formatAmountIfSet({
+          amount: this.props.placeholder,
+          currency: this.props.selectedCurrency.currency,
+          locale: this.state.locale,
+          maxLengthOverride: this.props.maxLengthOverride
+        }),
+        autoComplete: "off",
+        onKeyDown: this.handleKeyDown,
+        onChange: this.onAmountChange,
+        onFocus: this.onAmountFocus,
+        onBlur: this.onAmountBlur,
+        onPaste: this.handlePaste
+      }), addon && /*#__PURE__*/jsx("span", {
+        className: classNames(this.style('input-group-addon'), this.style(`input-${size}`), disabled ? this.style('disabled') : ''),
+        children: addon
+      }), isFixedCurrency ? /*#__PURE__*/jsxs("div", {
+        className: classNames(this.style('input-group-addon'), this.style(`input-${size}`), this.style('tw-money-input__fixed-currency'), disabled ? this.style('disabled') : ''),
+        children: [(size === 'lg' || size === 'md') && /*#__PURE__*/jsx("span", {
+          className: classNames(this.style('money-input-currency-flag'), this.style('m-r-2')),
+          children: /*#__PURE__*/jsx(Flag, {
+            code: selectedCurrency.currency.toLowerCase(),
+            intrinsicSize: 24
+          })
+        }), /*#__PURE__*/jsx(Title, {
+          as: "span",
+          type: Typography.TITLE_SUBSECTION,
+          className: size === 'lg' ? this.style('m-r-1') : '',
+          children: selectedCurrency.currency.toUpperCase()
+        })]
+      }) : /*#__PURE__*/jsx("div", {
+        className: classNames(this.style('input-group-btn'), this.style('amount-currency-select-btn')),
+        children: /*#__PURE__*/jsx(SelectInput, {
+          items: selectOptions,
+          value: selectedCurrency,
+          compareValues: "currency",
+          renderValue: (currency, withinTrigger) => {
+            return /*#__PURE__*/jsx(SelectInputOptionContent, {
+              title: withinTrigger ? currency.currency.toUpperCase() : currency.label,
+              note: withinTrigger ? undefined : currency.note,
+              icon: /*#__PURE__*/jsx(Flag, {
+                code: currency.currency,
+                intrinsicSize: 24
+              })
+            });
+          },
+          renderFooter: this.props.onCustomAction ? () =>
+          /*#__PURE__*/
+          // eslint-disable-next-line jsx-a11y/click-events-have-key-events
+          jsx("div", {
+            role: "button",
+            tabIndex: 0,
+            onClick: this.handleCustomAction,
+            children: this.props.customActionLabel
+          }) : undefined,
+          placeholder: this.props.intl.formatMessage(messages.selectPlaceholder),
+          filterable: true,
+          filterPlaceholder: this.props.searchPlaceholder,
+          disabled: disabled,
+          size: size,
+          onChange: this.handleSelectChange,
+          onFilterChange: ({
+            queryNormalized
+          }) => {
+            this.handleSearchChange(queryNormalized ?? '');
+          },
+          ...selectProps
+        })
+      })]
+    });
+  }
+}
+function filterCurrenciesForQuery(currencies, query) {
+  if (!query) {
+    return [...currencies];
+  }
+  const options = currencies.filter(option => option.header == null);
+  const filteredOptions = removeDuplicateValueOptions(options).filter(option => currencyOptionFitsQuery(option, query));
+  return sortOptionsLabelsToFirst(filteredOptions, query);
+}
+function removeDuplicateValueOptions(options) {
+  const uniqueValues = new Set();
+  return options.filter(option => {
+    if (!uniqueValues.has(option.value)) {
+      uniqueValues.add(option.value);
+      return true;
+    }
+    return false;
+  });
+}
+function currencyOptionFitsQuery(option, query) {
+  if (!option.value) {
+    return false;
+  }
+  return contains(option.label, query) || contains(option.searchable, query) || contains(option.note, query);
+}
+function contains(property, query) {
+  return property?.toLowerCase().includes(query.toLowerCase());
+}
+function sortOptionsLabelsToFirst(options, query) {
+  return [...options].sort((first, second) => {
+    const firstContains = contains(first.label, query);
+    const secondContains = contains(second.label, query);
+    if (firstContains && secondContains) {
+      return 0;
+    }
+    if (firstContains) {
+      return -1;
+    }
+    if (secondContains) {
+      return 1;
+    }
+    return 0;
+  });
+}
+var MoneyInput$1 = injectIntl(withInputAttributes(MoneyInput, {
+  nonLabelable: true
+}));
+
+export { MoneyInput$1 as default };
+//# sourceMappingURL=MoneyInput.mjs.map

package/build/moneyInput/MoneyInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MoneyInput.mjs","sources":["../../src/moneyInput/MoneyInput.tsx"],"sourcesContent":["import { isEmpty, isNumber, isNull } from '@transferwise/neptune-validation';\nimport { Flag } from '@wise/art';\nimport classNames from 'classnames';\nimport { Component } from 'react';\nimport { injectIntl, WrappedComponentProps } from 'react-intl';\n\nimport { Typography } from '../common';\nimport { Size, SizeLarge, SizeMedium, SizeSmall } from '../common/propsValues/size';\nimport { withInputAttributes, WithInputAttributesProps } from '../inputs/contexts';\nimport { Input } from '../inputs/Input';\nimport {\n  SelectInput,\n  SelectInputItem,\n  SelectInputOptionContent,\n  SelectInputOptionItem,\n  SelectInputProps,\n} from '../inputs/SelectInput';\nimport Title from '../title';\n\nimport messages from './MoneyInput.messages';\nimport { formatAmount, parseAmount } from './currencyFormatting';\n\nexport interface CurrencyOptionItem {\n  header?: never;\n  value: string;\n  label: string;\n  currency: string;\n  note?: string;\n  searchable?: string;\n}\n\nexport interface CurrencyHeaderItem {\n  header: string;\n}\n\nexport type CurrencyItem = CurrencyOptionItem | CurrencyHeaderItem;\n\nconst isNumberOrNull = (v: unknown): v is number | null => isNumber(v) || isNull(v);\n\nconst formatAmountIfSet = ({\n  amount,\n  currency,\n  locale,\n  maxLengthOverride,\n}: {\n  amount: number | null | undefined;\n  currency: string;\n  locale: string;\n  maxLengthOverride?: number;\n}) => {\n  if (maxLengthOverride) {\n    return amount != null ? String(amount) : '';\n  }\n  return typeof amount === 'number' ? formatAmount(amount, currency, locale) : '';\n};\n\nconst parseNumber = ({\n  amount,\n  currency,\n  locale,\n  maxLengthOverride,\n}: {\n  amount: string;\n  currency: string;\n  locale: string;\n  maxLengthOverride?: number;\n}) => {\n  if (maxLengthOverride && amount.length > maxLengthOverride) {\n    return 0;\n  }\n  return parseAmount(amount, currency, locale);\n};\n\nconst allowedInputKeys = new Set([\n  'Backspace',\n  'Delete',\n  ',',\n  '.',\n  'ArrowDown',\n  'ArrowUp',\n  'ArrowLeft',\n  'ArrowRight',\n  'Enter',\n  'Escape',\n  'Tab',\n]);\n\nexport interface MoneyInputProps extends WrappedComponentProps {\n  id?: string;\n  'aria-labelledby'?: string;\n  currencies: readonly CurrencyItem[];\n  selectedCurrency: CurrencyOptionItem;\n  onCurrencyChange?: (value: CurrencyOptionItem) => void;\n  placeholder?: number;\n  amount: number | null;\n  size?: SizeSmall | SizeMedium | SizeLarge;\n  onAmountChange?: (value: number | null) => void;\n  addon?: React.ReactNode;\n  searchPlaceholder?: string;\n  /**\n   * Allows the consumer to react to searching, while the search itself is handled internally.\n   */\n  onSearchChange?: (value: { searchQuery: string; filteredOptions: CurrencyItem[] }) => void;\n  customActionLabel?: React.ReactNode;\n  onCustomAction?: () => void;\n  classNames?: Record<string, string>;\n  selectProps?: Partial<SelectInputProps<CurrencyOptionItem>>;\n  maxLengthOverride?: number;\n}\n\ntype MoneyInputPropsWithInputAttributes = MoneyInputProps & Partial<WithInputAttributesProps>;\n\ninterface MoneyInputState {\n  searchQuery: string;\n  formattedAmount: string;\n  locale: string;\n}\n\nclass MoneyInput extends Component<MoneyInputPropsWithInputAttributes, MoneyInputState> {\n  declare props: MoneyInputPropsWithInputAttributes &\n    Required<Pick<MoneyInputPropsWithInputAttributes, keyof typeof MoneyInput.defaultProps>>;\n\n  static defaultProps = {\n    size: Size.LARGE,\n    classNames: {},\n    selectProps: {},\n  } satisfies Partial<MoneyInputPropsWithInputAttributes>;\n\n  amountFocused = false;\n\n  constructor(props: MoneyInputProps) {\n    super(props);\n    this.state = {\n      searchQuery: '',\n      formattedAmount: formatAmountIfSet({\n        amount: props.amount,\n        currency: props.selectedCurrency.currency,\n        locale: props.intl.locale,\n        maxLengthOverride: props.maxLengthOverride,\n      }),\n      locale: props.intl.locale,\n    };\n  }\n\n  UNSAFE_componentWillReceiveProps(nextProps: MoneyInputProps) {\n    this.setState({ locale: nextProps.intl.locale });\n\n    if (!this.amountFocused) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: nextProps.amount,\n          currency: nextProps.selectedCurrency.currency,\n          locale: nextProps.intl.locale,\n          maxLengthOverride: nextProps.maxLengthOverride,\n        }),\n      });\n    }\n  }\n\n  isInputAllowedForKeyEvent = (event: React.KeyboardEvent<HTMLInputElement>) => {\n    const { metaKey, key, ctrlKey } = event;\n    const isNumberKey = isNumber(Number.parseInt(key, 10));\n\n    return isNumberKey || metaKey || ctrlKey || allowedInputKeys.has(key);\n  };\n\n  handleKeyDown: React.KeyboardEventHandler<HTMLInputElement> = (event) => {\n    if (!this.isInputAllowedForKeyEvent(event)) {\n      event.preventDefault();\n    }\n  };\n\n  handlePaste: React.ClipboardEventHandler<HTMLInputElement> = (event) => {\n    const paste = event.clipboardData.getData('text');\n    const { locale } = this.state;\n    const parsed = isEmpty(paste)\n      ? null\n      : parseNumber({\n          amount: paste,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n          maxLengthOverride: this.props.maxLengthOverride,\n        });\n\n    if (isNumberOrNull(parsed)) {\n      this.setState({\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale,\n          maxLengthOverride: this.props.maxLengthOverride,\n        }),\n      });\n      this.props.onAmountChange?.(parsed);\n    }\n\n    event.preventDefault();\n  };\n\n  onAmountChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    const { value } = event.target;\n    this.setState({\n      formattedAmount: value,\n    });\n    const parsed = isEmpty(value)\n      ? null\n      : parseNumber({\n          amount: value,\n          currency: this.props.selectedCurrency.currency,\n          locale: this.state.locale,\n          maxLengthOverride: this.props.maxLengthOverride,\n        });\n    if (isNumberOrNull(parsed)) {\n      this.props.onAmountChange?.(parsed);\n    }\n  };\n\n  onAmountBlur = () => {\n    this.amountFocused = false;\n    this.setAmount();\n  };\n\n  onAmountFocus = () => {\n    this.amountFocused = true;\n  };\n\n  getSelectOptions() {\n    const selectOptions = filterCurrenciesForQuery(this.props.currencies, this.state.searchQuery);\n\n    const formattedOptions: SelectInputItem<CurrencyOptionItem>[] = [];\n    let currentGroupOptions: SelectInputOptionItem<CurrencyOptionItem>[] | undefined;\n\n    selectOptions.forEach((item) => {\n      if (item.header != null) {\n        currentGroupOptions = [];\n        formattedOptions.push({\n          type: 'group',\n          label: item.header,\n          options: currentGroupOptions,\n        });\n      } else {\n        (currentGroupOptions ?? formattedOptions).push({\n          type: 'option',\n          value: item,\n          filterMatchers: [item.value, item.label, item.note ?? '', item.searchable ?? ''],\n        });\n      }\n    });\n\n    return formattedOptions;\n  }\n\n  setAmount() {\n    this.setState((previousState) => {\n      const parsed = parseNumber({\n        amount: previousState.formattedAmount,\n        currency: this.props.selectedCurrency.currency,\n        locale: previousState.locale,\n        maxLengthOverride: this.props.maxLengthOverride,\n      });\n      if (!isNumberOrNull(parsed)) {\n        return {\n          formattedAmount: previousState.formattedAmount,\n        };\n      }\n      return {\n        formattedAmount: formatAmountIfSet({\n          amount: parsed,\n          currency: this.props.selectedCurrency.currency,\n          locale: previousState.locale,\n          maxLengthOverride: this.props.maxLengthOverride,\n        }),\n      };\n    });\n  }\n\n  handleSelectChange = (value: CurrencyOptionItem) => {\n    this.handleSearchChange('');\n    this.props.onCurrencyChange?.(value);\n  };\n\n  handleCustomAction = () => {\n    this.handleSearchChange('');\n    this.props.onCustomAction?.();\n  };\n\n  handleSearchChange = (searchQuery: string) => {\n    this.setState({ searchQuery });\n    this.props.onSearchChange?.({\n      searchQuery,\n      filteredOptions: filterCurrenciesForQuery(this.props.currencies, searchQuery),\n    });\n  };\n\n  style = (className: string) => this.props.classNames[className] || className;\n\n  render() {\n    const {\n      inputAttributes,\n      id: amountInputId,\n      'aria-labelledby': ariaLabelledByProp,\n      selectedCurrency,\n      onCurrencyChange,\n      size,\n      addon,\n      selectProps,\n      maxLengthOverride,\n    } = this.props;\n    const ariaLabelledBy = ariaLabelledByProp ?? inputAttributes?.['aria-labelledby'];\n\n    const selectOptions = this.getSelectOptions();\n\n    const hasSingleCurrency = () => {\n      if (selectOptions.length !== 0) {\n        const firstItem = selectOptions[0];\n\n        if (selectOptions.length === 1) {\n          if (firstItem.type === 'option') {\n            return firstItem.value.currency === selectedCurrency.currency;\n          }\n          if (firstItem.type === 'group') {\n            return (\n              firstItem.options.length === 1 &&\n              !(this.props.onCustomAction && this.props.customActionLabel)\n            );\n          }\n        }\n      } else if (selectedCurrency?.currency) {\n        return true;\n      }\n\n      return false;\n    };\n\n    const isFixedCurrency = (!this.state.searchQuery && hasSingleCurrency()) || !onCurrencyChange;\n\n    const disabled = !this.props.onAmountChange;\n    return (\n      <div\n        role=\"group\"\n        {...inputAttributes}\n        aria-labelledby={ariaLabelledBy}\n        className={classNames(\n          this.style('tw-money-input'),\n          this.style('input-group'),\n          this.style(`input-group-${size}`),\n        )}\n      >\n        <Input\n          id={amountInputId}\n          value={this.state.formattedAmount}\n          inputMode=\"decimal\"\n          disabled={disabled}\n          maxLength={maxLengthOverride}\n          placeholder={formatAmountIfSet({\n            amount: this.props.placeholder,\n            currency: this.props.selectedCurrency.currency,\n            locale: this.state.locale,\n            maxLengthOverride: this.props.maxLengthOverride,\n          })}\n          autoComplete=\"off\"\n          onKeyDown={this.handleKeyDown}\n          onChange={this.onAmountChange}\n          onFocus={this.onAmountFocus}\n          onBlur={this.onAmountBlur}\n          onPaste={this.handlePaste}\n        />\n        {addon && (\n          <span\n            className={classNames(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {addon}\n          </span>\n        )}\n        {isFixedCurrency ? (\n          <div\n            className={classNames(\n              this.style('input-group-addon'),\n              this.style(`input-${size}`),\n              this.style('tw-money-input__fixed-currency'),\n              disabled ? this.style('disabled') : '',\n            )}\n          >\n            {(size === 'lg' || size === 'md') && (\n              <span\n                className={classNames(this.style('money-input-currency-flag'), this.style('m-r-2'))}\n              >\n                <Flag code={selectedCurrency.currency.toLowerCase()} intrinsicSize={24} />\n              </span>\n            )}\n            <Title\n              as=\"span\"\n              type={Typography.TITLE_SUBSECTION}\n              className={size === 'lg' ? this.style('m-r-1') : ''}\n            >\n              {selectedCurrency.currency.toUpperCase()}\n            </Title>\n          </div>\n        ) : (\n          <div\n            className={classNames(\n              this.style('input-group-btn'),\n              this.style('amount-currency-select-btn'),\n            )}\n          >\n            <SelectInput\n              items={selectOptions}\n              value={selectedCurrency}\n              compareValues=\"currency\"\n              renderValue={(currency, withinTrigger) => {\n                return (\n                  <SelectInputOptionContent\n                    title={withinTrigger ? currency.currency.toUpperCase() : currency.label}\n                    note={withinTrigger ? undefined : currency.note}\n                    icon={<Flag code={currency.currency} intrinsicSize={24} />}\n                  />\n                );\n              }}\n              renderFooter={\n                this.props.onCustomAction\n                  ? () => (\n                      // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n                      <div role=\"button\" tabIndex={0} onClick={this.handleCustomAction}>\n                        {this.props.customActionLabel}\n                      </div>\n                    )\n                  : undefined\n              }\n              placeholder={this.props.intl.formatMessage(messages.selectPlaceholder)}\n              filterable\n              filterPlaceholder={this.props.searchPlaceholder}\n              disabled={disabled}\n              size={size}\n              onChange={this.handleSelectChange}\n              onFilterChange={({ queryNormalized }) => {\n                this.handleSearchChange(queryNormalized ?? '');\n              }}\n              {...selectProps}\n            />\n          </div>\n        )}\n      </div>\n    );\n  }\n}\n\nfunction filterCurrenciesForQuery(\n  currencies: readonly CurrencyItem[],\n  query: string,\n): CurrencyItem[] {\n  if (!query) {\n    return [...currencies];\n  }\n\n  const options = currencies.filter(\n    (option): option is CurrencyOptionItem => option.header == null,\n  );\n  const filteredOptions = removeDuplicateValueOptions(options).filter((option) =>\n    currencyOptionFitsQuery(option, query),\n  );\n\n  return sortOptionsLabelsToFirst(filteredOptions, query);\n}\n\nfunction removeDuplicateValueOptions(options: readonly CurrencyOptionItem[]) {\n  const uniqueValues = new Set<string>();\n  return options.filter((option) => {\n    if (!uniqueValues.has(option.value)) {\n      uniqueValues.add(option.value);\n      return true;\n    }\n    return false;\n  });\n}\n\nfunction currencyOptionFitsQuery(option: CurrencyOptionItem, query: string) {\n  if (!option.value) {\n    return false;\n  }\n\n  return (\n    contains(option.label, query) ||\n    contains(option.searchable, query) ||\n    contains(option.note, query)\n  );\n}\n\nfunction contains(property: string | undefined, query: string) {\n  return property?.toLowerCase().includes(query.toLowerCase());\n}\n\nfunction sortOptionsLabelsToFirst(options: readonly CurrencyOptionItem[], query: string) {\n  return [...options].sort((first, second) => {\n    const firstContains = contains(first.label, query);\n    const secondContains = contains(second.label, query);\n\n    if (firstContains && secondContains) {\n      return 0;\n    }\n    if (firstContains) {\n      return -1;\n    }\n    if (secondContains) {\n      return 1;\n    }\n    return 0;\n  });\n}\n\nexport default injectIntl(withInputAttributes(MoneyInput, { nonLabelable: true }));\n"],"names":["isNumberOrNull","v","isNumber","isNull","formatAmountIfSet","amount","currency","locale","maxLengthOverride","String","formatAmount","parseNumber","length","parseAmount","allowedInputKeys","Set","MoneyInput","Component","defaultProps","size","Size","LARGE","classNames","selectProps","amountFocused","constructor","props","state","searchQuery","formattedAmount","selectedCurrency","intl","UNSAFE_componentWillReceiveProps","nextProps","setState","isInputAllowedForKeyEvent","event","metaKey","key","ctrlKey","isNumberKey","Number","parseInt","has","handleKeyDown","preventDefault","handlePaste","paste","clipboardData","getData","parsed","isEmpty","onAmountChange","value","target","onAmountBlur","setAmount","onAmountFocus","getSelectOptions","selectOptions","filterCurrenciesForQuery","currencies","formattedOptions","currentGroupOptions","forEach","item","header","push","type","label","options","filterMatchers","note","searchable","previousState","handleSelectChange","handleSearchChange","onCurrencyChange","handleCustomAction","onCustomAction","onSearchChange","filteredOptions","style","className","render","inputAttributes","id","amountInputId","ariaLabelledByProp","addon","ariaLabelledBy","hasSingleCurrency","firstItem","customActionLabel","isFixedCurrency","disabled","_jsxs","role","children","_jsx","Input","inputMode","maxLength","placeholder","autoComplete","onKeyDown","onChange","onFocus","onBlur","onPaste","Flag","code","toLowerCase","intrinsicSize","Title","as","Typography","TITLE_SUBSECTION","toUpperCase","SelectInput","items","compareValues","renderValue","withinTrigger","SelectInputOptionContent","title","undefined","icon","renderFooter","tabIndex","onClick","formatMessage","messages","selectPlaceholder","filterable","filterPlaceholder","searchPlaceholder","onFilterChange","queryNormalized","query","filter","option","removeDuplicateValueOptions","currencyOptionFitsQuery","sortOptionsLabelsToFirst","uniqueValues","add","contains","property","includes","sort","first","second","firstContains","secondContains","injectIntl","withInputAttributes","nonLabelable"],"mappings":"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"}

package/build/moneyInput/currencyFormatting.js

@@ -0,0 +1,70 @@
+'use strict';
+
+var formatting = require('@transferwise/formatting');
+var index = require('../common/locale/index.js');
+
+// TODO: do not duplicate this between formatting and components
+const currencyDecimals = {
+  BIF: 0,
+  BYR: 0,
+  CLP: 0,
+  DJF: 0,
+  GNF: 0,
+  JPY: 0,
+  KMF: 0,
+  KRW: 0,
+  MGA: 0,
+  PYG: 0,
+  RWF: 0,
+  VND: 0,
+  VUV: 0,
+  XAF: 0,
+  XOF: 0,
+  XPF: 0,
+  // technically HUF does have decimals, but due to the exchange rate banks
+  // do not accept decimal amounts
+  HUF: 0,
+  BHD: 3,
+  JOD: 3,
+  KWD: 3,
+  OMR: 3,
+  TND: 3
+};
+const DEFAULT_CURRENCY_DECIMALS = 2;
+function isNumberLocaleSupported() {
+  const number = 1234;
+  const numberString = number.toLocaleString && number.toLocaleString(index.DEFAULT_LOCALE);
+  return numberString === '1,234';
+}
+function getValidLocale(locale) {
+  try {
+    const noUnderscoreLocale = locale.replace(/_/, '-');
+    Intl.NumberFormat(noUnderscoreLocale);
+    return noUnderscoreLocale;
+  } catch {
+    return index.DEFAULT_LOCALE;
+  }
+}
+function getCurrencyDecimals(currency) {
+  const upperCaseCurrency = currency.toUpperCase();
+  return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;
+}
+function getDecimalSeparator(locale) {
+  return isNumberLocaleSupported() ? 1.1.toLocaleString(locale)[1] : '.';
+}
+function parseAmount(number, currency, locale = index.DEFAULT_LOCALE) {
+  const validLocale = getValidLocale(locale);
+  const precision = getCurrencyDecimals(currency);
+  const groupSeparator = isNumberLocaleSupported() ? 10000 .toLocaleString(validLocale)[2] : ',';
+  const decimalSeparator = getDecimalSeparator(validLocale);
+  const numberWithStandardDecimalSeparator = (number ? `${number}` : '').replace(new RegExp(`\\${groupSeparator}`, 'g'), '').replace(new RegExp(`\\${decimalSeparator}`, 'g'), '.').replace(/[^0-9.]/g, '');
+  const parsedAmount = parseFloat(parseFloat(numberWithStandardDecimalSeparator).toFixed(precision));
+  return Math.abs(parsedAmount);
+}
+
+Object.defineProperty(exports, "formatAmount", {
+    enumerable: true,
+    get: function () { return formatting.formatAmount; }
+});
+exports.parseAmount = parseAmount;
+//# sourceMappingURL=currencyFormatting.js.map

package/build/moneyInput/currencyFormatting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyFormatting.js","sources":["../../src/moneyInput/currencyFormatting.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\n\nimport { DEFAULT_LOCALE } from '../common/locale';\n\nexport { formatAmount };\n\n// TODO: do not duplicate this between formatting and components\nconst currencyDecimals: Record<string, number> = {\n  BIF: 0,\n  BYR: 0,\n  CLP: 0,\n  DJF: 0,\n  GNF: 0,\n  JPY: 0,\n  KMF: 0,\n  KRW: 0,\n  MGA: 0,\n  PYG: 0,\n  RWF: 0,\n  VND: 0,\n  VUV: 0,\n  XAF: 0,\n  XOF: 0,\n  XPF: 0,\n  // technically HUF does have decimals, but due to the exchange rate banks\n  // do not accept decimal amounts\n  HUF: 0,\n\n  BHD: 3,\n  JOD: 3,\n  KWD: 3,\n  OMR: 3,\n  TND: 3,\n};\n\nconst DEFAULT_CURRENCY_DECIMALS = 2;\n\nfunction isNumberLocaleSupported() {\n  const number = 1234;\n  const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);\n  return numberString === '1,234';\n}\n\nfunction getValidLocale(locale: string) {\n  try {\n    const noUnderscoreLocale = locale.replace(/_/, '-');\n\n    Intl.NumberFormat(noUnderscoreLocale);\n    return noUnderscoreLocale;\n  } catch {\n    return DEFAULT_LOCALE;\n  }\n}\n\nfunction getCurrencyDecimals(currency: string) {\n  const upperCaseCurrency = currency.toUpperCase();\n  return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;\n}\n\nfunction getDecimalSeparator(locale: string) {\n  return isNumberLocaleSupported() ? (1.1).toLocaleString(locale)[1] : '.';\n}\n\nexport function parseAmount(number: string, currency: string, locale = DEFAULT_LOCALE) {\n  const validLocale = getValidLocale(locale);\n\n  const precision = getCurrencyDecimals(currency);\n  const groupSeparator = isNumberLocaleSupported() ? (10000).toLocaleString(validLocale)[2] : ',';\n  const decimalSeparator = getDecimalSeparator(validLocale);\n  const numberWithStandardDecimalSeparator = (number ? `${number}` : '')\n    .replace(new RegExp(`\\\\${groupSeparator}`, 'g'), '')\n    .replace(new RegExp(`\\\\${decimalSeparator}`, 'g'), '.')\n    .replace(/[^0-9.]/g, '');\n  const parsedAmount = parseFloat(\n    parseFloat(numberWithStandardDecimalSeparator).toFixed(precision),\n  );\n  return Math.abs(parsedAmount);\n}\n"],"names":["currencyDecimals","BIF","BYR","CLP","DJF","GNF","JPY","KMF","KRW","MGA","PYG","RWF","VND","VUV","XAF","XOF","XPF","HUF","BHD","JOD","KWD","OMR","TND","DEFAULT_CURRENCY_DECIMALS","isNumberLocaleSupported","number","numberString","toLocaleString","DEFAULT_LOCALE","getValidLocale","locale","noUnderscoreLocale","replace","Intl","NumberFormat","getCurrencyDecimals","currency","upperCaseCurrency","toUpperCase","getDecimalSeparator","parseAmount","validLocale","precision","groupSeparator","decimalSeparator","numberWithStandardDecimalSeparator","RegExp","parsedAmount","parseFloat","toFixed","Math","abs"],"mappings":"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"}

package/build/moneyInput/currencyFormatting.mjs

@@ -0,0 +1,64 @@
+export { formatAmount } from '@transferwise/formatting';
+import { DEFAULT_LOCALE } from '../common/locale/index.mjs';
+
+// TODO: do not duplicate this between formatting and components
+const currencyDecimals = {
+  BIF: 0,
+  BYR: 0,
+  CLP: 0,
+  DJF: 0,
+  GNF: 0,
+  JPY: 0,
+  KMF: 0,
+  KRW: 0,
+  MGA: 0,
+  PYG: 0,
+  RWF: 0,
+  VND: 0,
+  VUV: 0,
+  XAF: 0,
+  XOF: 0,
+  XPF: 0,
+  // technically HUF does have decimals, but due to the exchange rate banks
+  // do not accept decimal amounts
+  HUF: 0,
+  BHD: 3,
+  JOD: 3,
+  KWD: 3,
+  OMR: 3,
+  TND: 3
+};
+const DEFAULT_CURRENCY_DECIMALS = 2;
+function isNumberLocaleSupported() {
+  const number = 1234;
+  const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);
+  return numberString === '1,234';
+}
+function getValidLocale(locale) {
+  try {
+    const noUnderscoreLocale = locale.replace(/_/, '-');
+    Intl.NumberFormat(noUnderscoreLocale);
+    return noUnderscoreLocale;
+  } catch {
+    return DEFAULT_LOCALE;
+  }
+}
+function getCurrencyDecimals(currency) {
+  const upperCaseCurrency = currency.toUpperCase();
+  return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;
+}
+function getDecimalSeparator(locale) {
+  return isNumberLocaleSupported() ? 1.1.toLocaleString(locale)[1] : '.';
+}
+function parseAmount(number, currency, locale = DEFAULT_LOCALE) {
+  const validLocale = getValidLocale(locale);
+  const precision = getCurrencyDecimals(currency);
+  const groupSeparator = isNumberLocaleSupported() ? 10000 .toLocaleString(validLocale)[2] : ',';
+  const decimalSeparator = getDecimalSeparator(validLocale);
+  const numberWithStandardDecimalSeparator = (number ? `${number}` : '').replace(new RegExp(`\\${groupSeparator}`, 'g'), '').replace(new RegExp(`\\${decimalSeparator}`, 'g'), '.').replace(/[^0-9.]/g, '');
+  const parsedAmount = parseFloat(parseFloat(numberWithStandardDecimalSeparator).toFixed(precision));
+  return Math.abs(parsedAmount);
+}
+
+export { parseAmount };
+//# sourceMappingURL=currencyFormatting.mjs.map

package/build/moneyInput/currencyFormatting.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"currencyFormatting.mjs","sources":["../../src/moneyInput/currencyFormatting.ts"],"sourcesContent":["import { formatAmount } from '@transferwise/formatting';\n\nimport { DEFAULT_LOCALE } from '../common/locale';\n\nexport { formatAmount };\n\n// TODO: do not duplicate this between formatting and components\nconst currencyDecimals: Record<string, number> = {\n  BIF: 0,\n  BYR: 0,\n  CLP: 0,\n  DJF: 0,\n  GNF: 0,\n  JPY: 0,\n  KMF: 0,\n  KRW: 0,\n  MGA: 0,\n  PYG: 0,\n  RWF: 0,\n  VND: 0,\n  VUV: 0,\n  XAF: 0,\n  XOF: 0,\n  XPF: 0,\n  // technically HUF does have decimals, but due to the exchange rate banks\n  // do not accept decimal amounts\n  HUF: 0,\n\n  BHD: 3,\n  JOD: 3,\n  KWD: 3,\n  OMR: 3,\n  TND: 3,\n};\n\nconst DEFAULT_CURRENCY_DECIMALS = 2;\n\nfunction isNumberLocaleSupported() {\n  const number = 1234;\n  const numberString = number.toLocaleString && number.toLocaleString(DEFAULT_LOCALE);\n  return numberString === '1,234';\n}\n\nfunction getValidLocale(locale: string) {\n  try {\n    const noUnderscoreLocale = locale.replace(/_/, '-');\n\n    Intl.NumberFormat(noUnderscoreLocale);\n    return noUnderscoreLocale;\n  } catch {\n    return DEFAULT_LOCALE;\n  }\n}\n\nfunction getCurrencyDecimals(currency: string) {\n  const upperCaseCurrency = currency.toUpperCase();\n  return currencyDecimals[upperCaseCurrency] ?? DEFAULT_CURRENCY_DECIMALS;\n}\n\nfunction getDecimalSeparator(locale: string) {\n  return isNumberLocaleSupported() ? (1.1).toLocaleString(locale)[1] : '.';\n}\n\nexport function parseAmount(number: string, currency: string, locale = DEFAULT_LOCALE) {\n  const validLocale = getValidLocale(locale);\n\n  const precision = getCurrencyDecimals(currency);\n  const groupSeparator = isNumberLocaleSupported() ? (10000).toLocaleString(validLocale)[2] : ',';\n  const decimalSeparator = getDecimalSeparator(validLocale);\n  const numberWithStandardDecimalSeparator = (number ? `${number}` : '')\n    .replace(new RegExp(`\\\\${groupSeparator}`, 'g'), '')\n    .replace(new RegExp(`\\\\${decimalSeparator}`, 'g'), '.')\n    .replace(/[^0-9.]/g, '');\n  const parsedAmount = parseFloat(\n    parseFloat(numberWithStandardDecimalSeparator).toFixed(precision),\n  );\n  return Math.abs(parsedAmount);\n}\n"],"names":["currencyDecimals","BIF","BYR","CLP","DJF","GNF","JPY","KMF","KRW","MGA","PYG","RWF","VND","VUV","XAF","XOF","XPF","HUF","BHD","JOD","KWD","OMR","TND","DEFAULT_CURRENCY_DECIMALS","isNumberLocaleSupported","number","numberString","toLocaleString","DEFAULT_LOCALE","getValidLocale","locale","noUnderscoreLocale","replace","Intl","NumberFormat","getCurrencyDecimals","currency","upperCaseCurrency","toUpperCase","getDecimalSeparator","parseAmount","validLocale","precision","groupSeparator","decimalSeparator","numberWithStandardDecimalSeparator","RegExp","parsedAmount","parseFloat","toFixed","Math","abs"],"mappings":"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"}

package/build/navigationOption/NavigationOption.js

@@ -0,0 +1,48 @@
+'use strict';
+
+var classNames = require('classnames');
+var React = require('react');
+var Chevron = require('../chevron/Chevron.js');
+var Option = require('../common/Option/Option.js');
+var jsxRuntime = require('react/jsx-runtime');
+var position = require('../common/propsValues/position.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+
+const NavigationOption = /*#__PURE__*/React.forwardRef(({
+  as: component = 'button',
+  disabled = false,
+  onClick,
+  className,
+  ...rest
+}, reference) => {
+  if ('href' in rest && rest.href) {
+    component = 'a';
+  }
+  return /*#__PURE__*/jsxRuntime.jsx(Option, {
+    ...rest,
+    ref: reference,
+    as: component,
+    className: classNames__default.default('np-navigation-option', className),
+    button: /*#__PURE__*/jsxRuntime.jsx(Chevron, {
+      orientation: position.Position.RIGHT,
+      disabled: disabled,
+      className: "d-block"
+    }),
+    disabled: disabled,
+    onClick: event => {
+      if (disabled) {
+        event.preventDefault();
+        return;
+      }
+      if (onClick) {
+        onClick(event);
+      }
+    }
+  });
+});
+
+module.exports = NavigationOption;
+//# sourceMappingURL=NavigationOption.js.map

package/build/navigationOption/NavigationOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationOption.js","sources":["../../src/navigationOption/NavigationOption.tsx"],"sourcesContent":["import classNames from 'classnames';\nimport { forwardRef } from 'react';\n\nimport Chevron from '../chevron';\nimport { Position } from '../common';\nimport Option from '../common/Option';\nimport { OptionProps, ReferenceType } from '../common/Option/Option';\n\ntype NavigationOptionProps = OptionProps;\n\nconst NavigationOption = forwardRef<ReferenceType, NavigationOptionProps>(\n  ({ as: component = 'button', disabled = false, onClick, className, ...rest }, reference) => {\n    if ('href' in rest && rest.href) {\n      component = 'a';\n    }\n\n    return (\n      <Option\n        {...rest}\n        ref={reference}\n        as={component}\n        className={classNames('np-navigation-option', className)}\n        button={<Chevron orientation={Position.RIGHT} disabled={disabled} className=\"d-block\" />}\n        disabled={disabled}\n        onClick={(event) => {\n          if (disabled) {\n            event.preventDefault();\n            return;\n          }\n\n          if (onClick) {\n            onClick(event);\n          }\n        }}\n      />\n    );\n  },\n);\n\nexport default NavigationOption;\n"],"names":["NavigationOption","forwardRef","as","component","disabled","onClick","className","rest","reference","href","_jsx","Option","ref","classNames","button","Chevron","orientation","Position","RIGHT","event","preventDefault"],"mappings":";;;;;;;;;;;;;AAUA,MAAMA,gBAAgB,gBAAGC,gBAAU,CACjC,CAAC;EAAEC,EAAE,EAAEC,SAAS,GAAG,QAAQ;AAAEC,EAAAA,QAAQ,GAAG,KAAK;EAAEC,OAAO;EAAEC,SAAS;EAAE,GAAGC,IAAAA;AAAM,CAAA,EAAEC,SAAS,KAAI;AACzF,EAAA,IAAI,MAAM,IAAID,IAAI,IAAIA,IAAI,CAACE,IAAI,EAAE;AAC/BN,IAAAA,SAAS,GAAG,GAAG,CAAA;AACjB,GAAA;EAEA,oBACEO,cAAA,CAACC,MAAM,EAAA;AAAA,IAAA,GACDJ,IAAI;AACRK,IAAAA,GAAG,EAAEJ,SAAU;AACfN,IAAAA,EAAE,EAAEC,SAAU;AACdG,IAAAA,SAAS,EAAEO,2BAAU,CAAC,sBAAsB,EAAEP,SAAS,CAAE;IACzDQ,MAAM,eAAEJ,cAAA,CAACK,OAAO,EAAA;MAACC,WAAW,EAAEC,iBAAQ,CAACC,KAAM;AAACd,MAAAA,QAAQ,EAAEA,QAAS;AAACE,MAAAA,SAAS,EAAC,SAAA;AAAS,KAAG,CAAC;AACzFF,IAAAA,QAAQ,EAAEA,QAAS;IACnBC,OAAO,EAAGc,KAAK,IAAI;AACjB,MAAA,IAAIf,QAAQ,EAAE;QACZe,KAAK,CAACC,cAAc,EAAE,CAAA;AACtB,QAAA,OAAA;AACF,OAAA;AAEA,MAAA,IAAIf,OAAO,EAAE;QACXA,OAAO,CAACc,KAAK,CAAC,CAAA;AAChB,OAAA;AACF,KAAA;AAAE,GACF,CAAA,CAAA;AAEN,CAAC;;;;"}