@bonlineza/luxity-lib 2.39.6 → 2.39.7

package/CurrencyInputFormatter.js

@@ -1,104 +1,114 @@
-import React from 'react';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
+  (global = global || self, factory(global.CurrencyInputFormatter = {}, global.React));
+}(this, (function (exports, React) { 'use strict';
+
+  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
+
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
         }
       }
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  function _objectWithoutPropertiesLoose(source, excluded) {
+    if (source == null) return {};
+    var target = {};
+    var sourceKeys = Object.keys(source);
+    var key, i;
+
+    for (i = 0; i < sourceKeys.length; i++) {
+      key = sourceKeys[i];
+      if (excluded.indexOf(key) >= 0) continue;
+      target[key] = source[key];
     }
 
     return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  var sourceKeys = Object.keys(source);
-  var key, i;
-
-  for (i = 0; i < sourceKeys.length; i++) {
-    key = sourceKeys[i];
-    if (excluded.indexOf(key) >= 0) continue;
-    target[key] = source[key];
   }
 
-  return target;
-}
+  function _objectWithoutProperties(source, excluded) {
+    if (source == null) return {};
 
-function _objectWithoutProperties(source, excluded) {
-  if (source == null) return {};
+    var target = _objectWithoutPropertiesLoose(source, excluded);
 
-  var target = _objectWithoutPropertiesLoose(source, excluded);
+    var key, i;
 
-  var key, i;
+    if (Object.getOwnPropertySymbols) {
+      var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
 
-  if (Object.getOwnPropertySymbols) {
-    var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
-
-    for (i = 0; i < sourceSymbolKeys.length; i++) {
-      key = sourceSymbolKeys[i];
-      if (excluded.indexOf(key) >= 0) continue;
-      if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
-      target[key] = source[key];
+      for (i = 0; i < sourceSymbolKeys.length; i++) {
+        key = sourceSymbolKeys[i];
+        if (excluded.indexOf(key) >= 0) continue;
+        if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
+        target[key] = source[key];
+      }
     }
+
+    return target;
   }
 
-  return target;
-}
-
-var _excluded = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
-var unMask = function unMask() {
-  var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-  return value.replace(/\D/g, '');
-};
-/**
- * Currency Input which formats the value to a specific format
- */
-
-var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
-  var value = _ref.value,
-      onChange = _ref.onChange,
-      prefix = _ref.prefix,
-      allowNegativeValue = _ref.allowNegativeValue,
-      groupSeparator = _ref.groupSeparator,
-      decimalSeparator = _ref.decimalSeparator,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
-  var handleValueChange = function handleValueChange(event) {
-    var inputValue = event.target.value;
-    var unmaskedValue = unMask(inputValue);
-    onChange(unmaskedValue);
+  var _excluded = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
+  var unMask = function unMask() {
+    var value = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    return value.replace(/\D/g, '');
+  };
+  /**
+   * Currency Input which formats the value to a specific format
+   */
+
+  var CurrencyInputFormatter = function CurrencyInputFormatter(_ref) {
+    var value = _ref.value,
+        onChange = _ref.onChange,
+        prefix = _ref.prefix,
+        allowNegativeValue = _ref.allowNegativeValue,
+        groupSeparator = _ref.groupSeparator,
+        decimalSeparator = _ref.decimalSeparator,
+        rest = _objectWithoutProperties(_ref, _excluded);
+
+    var handleValueChange = function handleValueChange(event) {
+      var inputValue = event.target.value;
+      var unmaskedValue = unMask(inputValue);
+      onChange(unmaskedValue);
+    };
+
+    var formatCurrency = function formatCurrency(originalValue) {
+      var numericValue = Number(originalValue);
+      var formattedValue = numericValue.toLocaleString('en-US');
+      return prefix + formattedValue;
+    };
+
+    var formattedValue = formatCurrency(value);
+    return /*#__PURE__*/React.createElement("input", _extends({}, rest, {
+      type: "text",
+      value: formattedValue,
+      onChange: handleValueChange
+    }));
   };
 
-  var formatCurrency = function formatCurrency(originalValue) {
-    var numericValue = Number(originalValue);
-    var formattedValue = numericValue.toLocaleString('en-US');
-    return prefix + formattedValue;
+  CurrencyInputFormatter.defaultProps = {
+    value: '',
+    prefix: 'R',
+    groupSeparator: ',',
+    decimalSeparator: '.',
+    allowNegativeValue: false,
+    onChange: function onChange() {}
   };
 
-  var formattedValue = formatCurrency(value);
-  return /*#__PURE__*/React.createElement("input", _extends({}, rest, {
-    type: "text",
-    value: formattedValue,
-    onChange: handleValueChange
-  }));
-};
-
-CurrencyInputFormatter.defaultProps = {
-  value: '',
-  prefix: 'R',
-  groupSeparator: ',',
-  decimalSeparator: '.',
-  allowNegativeValue: false,
-  onChange: function onChange() {}
-};
-
-export default CurrencyInputFormatter;
-export { unMask };
+  exports.default = CurrencyInputFormatter;
+  exports.unMask = unMask;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+})));

package/CurrencySelect.js

@@ -1,236 +1,244 @@
-import React, { forwardRef } from 'react';
-import styled, { css, ThemeProvider } from 'styled-components';
-
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+(function (global, factory) {
+  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react'), require('styled-components')) :
+  typeof define === 'function' && define.amd ? define(['react', 'styled-components'], factory) :
+  (global = global || self, global.CurrencySelect = factory(global.React, global.styled));
+}(this, (function (React, styled) { 'use strict';
+
+  var React__default = 'default' in React ? React['default'] : React;
+  var styled__default = 'default' in styled ? styled['default'] : styled;
+
+  function _extends() {
+    _extends = Object.assign ? Object.assign.bind() : function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
         }
       }
+
+      return target;
+    };
+    return _extends.apply(this, arguments);
+  }
+
+  function _taggedTemplateLiteral(strings, raw) {
+    if (!raw) {
+      raw = strings.slice(0);
     }
 
-    return target;
+    return Object.freeze(Object.defineProperties(strings, {
+      raw: {
+        value: Object.freeze(raw)
+      }
+    }));
+  }
+
+  var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+  /* position relative is required for the Body element to be positioned correctly */
+
+  var relativeInlineStyle = styled.css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
+  var topMiddleBodyStyle = styled.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
+  var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
+    return styled.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
+  };
+  var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
+    return styled.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
+  };
+  var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
+    return styled.css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
   };
-  return _extends.apply(this, arguments);
-}
 
-function _taggedTemplateLiteral(strings, raw) {
-  if (!raw) {
-    raw = strings.slice(0);
-  }
+  var _templateObject$1;
 
-  return Object.freeze(Object.defineProperties(strings, {
-    raw: {
-      value: Object.freeze(raw)
+  var getBodyStyle = function getBodyStyle() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _props$$toolTipPositi = props.$toolTipPosition,
+        $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
+
+    switch ($toolTipPosition) {
+      case 'top':
+        return topMiddleBodyStyle;
+
+      case 'bottom':
+        return getBottomMiddleBodyStyle(props);
+
+      default:
+        return null;
     }
-  }));
-}
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-/* position relative is required for the Body element to be positioned correctly */
-
-var relativeInlineStyle = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: relative;\n"])));
-var topMiddleBodyStyle = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  z-index: 1;\n  bottom: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n"])));
-var getTopMiddleArrowAfterStyle = function getTopMiddleArrowAfterStyle(props) {
-  return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  /*Bottom Arrow*/\n  top: 100%; /* At the bottom of the tooltip */\n  left: calc(50% - ", ");\n  border-width: ", ";\n  border-style: solid;\n  border-color: ", " transparent transparent transparent;\n"])), props.$apexWidth, props.$apexWidth, props.theme.colors.base);
-};
-var getBottomMiddleBodyStyle = function getBottomMiddleBodyStyle(props) {
-  return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 100%;\n  left: calc(50% - ", " / 2);\n"])), props.$bodyWidth);
-};
-var getBottomMiddleArrowAfterStyle = function getBottomMiddleArrowAfterStyle(props) {
-  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  /*Top Arrow*/\n  bottom: 100%; /* At the top of the tooltip */\n  top: initial;\n  left: 50%;\n  border-style: solid;\n  border-color: transparent transparent ", " transparent;\n"])), props.theme.colors.base);
-};
-
-var _templateObject$1;
-
-var getBodyStyle = function getBodyStyle() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var _props$$toolTipPositi = props.$toolTipPosition,
-      $toolTipPosition = _props$$toolTipPositi === void 0 ? '' : _props$$toolTipPositi;
-
-  switch ($toolTipPosition) {
-    case 'top':
-      return topMiddleBodyStyle;
-
-    case 'bottom':
-      return getBottomMiddleBodyStyle(props);
-
-    default:
-      return null;
-  }
-};
+  };
 
-var getAfterStyling = function getAfterStyling() {
-  var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  var $toolTipPosition = props.$toolTipPosition;
+  var getAfterStyling = function getAfterStyling() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var $toolTipPosition = props.$toolTipPosition;
 
-  switch ($toolTipPosition) {
-    case 'top':
-      return getTopMiddleArrowAfterStyle(props);
+    switch ($toolTipPosition) {
+      case 'top':
+        return getTopMiddleArrowAfterStyle(props);
 
-    case 'bottom':
-      return getBottomMiddleArrowAfterStyle(props);
+      case 'bottom':
+        return getBottomMiddleArrowAfterStyle(props);
 
-    default:
-      return '';
-  }
-};
-
-var Body = styled.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
-  return props.$bodyWidth;
-}, function (props) {
-  return props.theme.colors.base || 'black';
-}, function (props) {
-  return getBodyStyle(props);
-}, function (props) {
-  return getAfterStyling(props);
-});
-
-var _templateObject$2;
-var Container = styled.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  &:hover ", " {\n    opacity: 1;\n    visibility: visible;\n  }\n"])), relativeInlineStyle, Body);
-
-var theme = {
-  breakpoints: ['40em', '52em', '64em'],
-  space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
-  fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
-  marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
-  letterSpacings: ['-0.5px', '0px', '+0.5px'],
-  radii: ['0px', '2px', '4px', '8px'],
-  borderRadius: '6px',
-  colors: {
-    primary: '#000',
-    base: '#4e4949',
-    baseLt: '#817c7c',
-    borderColor: '#d8d8d8',
-    ntrlMin: '#fff',
-    ntrlMinTen: '#e6e6e6',
-    gray: '#efefef',
-    darkerGray: '#454141'
-  },
-  rareStepColors: {
-    primary: '#202b58',
-    secondary: '#ef5c2d',
-    ntrlMin: '#ffffff',
-    ntrl40: '#f4f4f4',
-    ntrl50: '#808080',
-    ntrl60: '#e8e8e8',
-    ntrl70: '#252525',
-    ntrlMax: '#000000'
-  },
-  rareStepFontWeights: {
-    normal: 400,
-    medium: 500,
-    semiBold: 600,
-    bold: 700
-  },
-  rareStepFontSize: {
-    h1: '36px',
-    h2: '30px',
-    h3: '24px',
-    h4: '20px',
-    h5: '16px',
-    h6: '14px',
-    footerTitle: '16px'
-  },
-  rareStepPageSizes: {
-    mobile: '500px',
-    tablet: '768px',
-    desktop: '992px',
-    screenl: '1280px',
-    screenxl: '1680px',
-    screenxxl: '1920px',
-    container: '1600px'
-  }
-};
-
-var themed = (function (Component) {
-  return /*#__PURE__*/forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/React.createElement(Component, _extends({}, props, {
-      ref: ref
-    })));
+      default:
+        return '';
+    }
+  };
+
+  var Body = styled__default.span(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteral(["\n  ", ";\n  visibility: hidden;\n  opacity: 0;\n  width: ", ";\n  transition: visibility 0.3s linear, opacity 0.3s linear;\n  background-color: ", ";\n  color: white;\n  text-align: center;\n  border-radius: 5px;\n  ", "\n  &::after {\n    content: ' ';\n    position: absolute;\n    ", "\n  }\n"])), relativeInlineStyle, function (props) {
+    return props.$bodyWidth;
+  }, function (props) {
+    return props.theme.colors.base || 'black';
+  }, function (props) {
+    return getBodyStyle(props);
+  }, function (props) {
+    return getAfterStyling(props);
   });
-});
-
-/* eslint-disable react/require-default-props */
-
-var Tooltip = function Tooltip(_ref) {
-  var _ref$children = _ref.children,
-      children = _ref$children === void 0 ? null : _ref$children,
-      _ref$toolTipText = _ref.toolTipText,
-      toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
-      _ref$toolTipPosition = _ref.toolTipPosition,
-      toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
-      _ref$bodyWidth = _ref.bodyWidth,
-      bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
-      _ref$apexWidth = _ref.apexWidth,
-      apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
-      _ref$containerClassNa = _ref.containerClassName,
-      containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
-      _ref$bodyClassName = _ref.bodyClassName,
-      bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
-  return /*#__PURE__*/React.createElement(Container, {
-    className: containerClassName
-  }, children, /*#__PURE__*/React.createElement(Body, {
-    $toolTipPosition: toolTipPosition,
-    $bodyWidth: bodyWidth,
-    $apexWidth: apexWidth,
-    className: bodyClassName
-  }, toolTipText));
-};
-
-var Tooltip$1 = themed(Tooltip);
-
-var CurrencySelect = function CurrencySelect(_ref) {
-  var currency = _ref.currency,
-      currencyOptions = _ref.currencyOptions,
-      onCurrencyChange = _ref.onCurrencyChange,
-      _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
-      isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
-      _ref$tooltipContent = _ref.tooltipContent,
-      tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
-
-  if (!currencyOptions || currencyOptions.length === 0) {
-    return null;
-  }
 
-  var selectedOption = currencyOptions.find(function (opt) {
-    return opt.value === currency;
+  var _templateObject$2;
+  var Container = styled__default.div(_templateObject$2 || (_templateObject$2 = _taggedTemplateLiteral(["\n  ", ";\n  cursor: pointer;\n  &:hover ", " {\n    opacity: 1;\n    visibility: visible;\n  }\n"])), relativeInlineStyle, Body);
+
+  var theme = {
+    breakpoints: ['40em', '52em', '64em'],
+    space: ['0px', '4px', '8px', '16px', '32px', '64px', '128px', '256px', '512px'],
+    fontSizes: ['12px', '14px', '16px', '20px', '24px', '32px', '48px', '64px', '72px'],
+    marginPaddings: ['0.5rem', '1rem', '1.5rem', '2rem', '2.5rem', '3rem', '3.5rem', '4rem', '4.5rem', '5rem', '5.5rem', '6rem'],
+    letterSpacings: ['-0.5px', '0px', '+0.5px'],
+    radii: ['0px', '2px', '4px', '8px'],
+    borderRadius: '6px',
+    colors: {
+      primary: '#000',
+      base: '#4e4949',
+      baseLt: '#817c7c',
+      borderColor: '#d8d8d8',
+      ntrlMin: '#fff',
+      ntrlMinTen: '#e6e6e6',
+      gray: '#efefef',
+      darkerGray: '#454141'
+    },
+    rareStepColors: {
+      primary: '#202b58',
+      secondary: '#ef5c2d',
+      ntrlMin: '#ffffff',
+      ntrl40: '#f4f4f4',
+      ntrl50: '#808080',
+      ntrl60: '#e8e8e8',
+      ntrl70: '#252525',
+      ntrlMax: '#000000'
+    },
+    rareStepFontWeights: {
+      normal: 400,
+      medium: 500,
+      semiBold: 600,
+      bold: 700
+    },
+    rareStepFontSize: {
+      h1: '36px',
+      h2: '30px',
+      h3: '24px',
+      h4: '20px',
+      h5: '16px',
+      h6: '14px',
+      footerTitle: '16px'
+    },
+    rareStepPageSizes: {
+      mobile: '500px',
+      tablet: '768px',
+      desktop: '992px',
+      screenl: '1280px',
+      screenxl: '1680px',
+      screenxxl: '1920px',
+      container: '1600px'
+    }
+  };
+
+  var themed = (function (Component) {
+    return /*#__PURE__*/React.forwardRef(function (props, ref) {
+      return /*#__PURE__*/React__default.createElement(styled.ThemeProvider, {
+        theme: theme
+      }, /*#__PURE__*/React__default.createElement(Component, _extends({}, props, {
+        ref: ref
+      })));
+    });
   });
 
-  if (!selectedOption) {
-    return null;
-  }
+  /* eslint-disable react/require-default-props */
+
+  var Tooltip = function Tooltip(_ref) {
+    var _ref$children = _ref.children,
+        children = _ref$children === void 0 ? null : _ref$children,
+        _ref$toolTipText = _ref.toolTipText,
+        toolTipText = _ref$toolTipText === void 0 ? '' : _ref$toolTipText,
+        _ref$toolTipPosition = _ref.toolTipPosition,
+        toolTipPosition = _ref$toolTipPosition === void 0 ? 'top' : _ref$toolTipPosition,
+        _ref$bodyWidth = _ref.bodyWidth,
+        bodyWidth = _ref$bodyWidth === void 0 ? '8em' : _ref$bodyWidth,
+        _ref$apexWidth = _ref.apexWidth,
+        apexWidth = _ref$apexWidth === void 0 ? '5px' : _ref$apexWidth,
+        _ref$containerClassNa = _ref.containerClassName,
+        containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
+        _ref$bodyClassName = _ref.bodyClassName,
+        bodyClassName = _ref$bodyClassName === void 0 ? '' : _ref$bodyClassName;
+    return /*#__PURE__*/React__default.createElement(Container, {
+      className: containerClassName
+    }, children, /*#__PURE__*/React__default.createElement(Body, {
+      $toolTipPosition: toolTipPosition,
+      $bodyWidth: bodyWidth,
+      $apexWidth: apexWidth,
+      className: bodyClassName
+    }, toolTipText));
+  };
 
-  return /*#__PURE__*/React.createElement(Tooltip$1, {
-    toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
-    toolTipPosition: "bottom",
-    bodyWidth: "160px"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "currency-select-container ".concat(isCurrencySelectionDisabled ? 'disabled' : '')
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "currency-flag"
-  }, /*#__PURE__*/React.createElement("img", {
-    src: selectedOption.flagSrc,
-    alt: "".concat(currency, " flag")
-  })), /*#__PURE__*/React.createElement("select", {
-    value: currency,
-    onChange: function onChange(e) {
-      return onCurrencyChange(e.target.value);
-    },
-    className: "currency-select",
-    disabled: isCurrencySelectionDisabled
-  }, currencyOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement("option", {
-      key: option.value,
-      value: option.value
-    }, option.value, " (", option.symbol, ")");
-  }))));
-};
-
-export default CurrencySelect;
+  var Tooltip$1 = themed(Tooltip);
+
+  var CurrencySelect = function CurrencySelect(_ref) {
+    var currency = _ref.currency,
+        currencyOptions = _ref.currencyOptions,
+        onCurrencyChange = _ref.onCurrencyChange,
+        _ref$isCurrencySelect = _ref.isCurrencySelectionDisabled,
+        isCurrencySelectionDisabled = _ref$isCurrencySelect === void 0 ? false : _ref$isCurrencySelect,
+        _ref$tooltipContent = _ref.tooltipContent,
+        tooltipContent = _ref$tooltipContent === void 0 ? '' : _ref$tooltipContent;
+
+    if (!currencyOptions || currencyOptions.length === 0) {
+      return null;
+    }
+
+    var selectedOption = currencyOptions.find(function (opt) {
+      return opt.value === currency;
+    });
+
+    if (!selectedOption) {
+      return null;
+    }
+
+    return /*#__PURE__*/React__default.createElement(Tooltip$1, {
+      toolTipText: isCurrencySelectionDisabled ? tooltipContent : '',
+      toolTipPosition: "bottom",
+      bodyWidth: "160px"
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "currency-select-container ".concat(isCurrencySelectionDisabled ? 'disabled' : '')
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "currency-flag"
+    }, /*#__PURE__*/React__default.createElement("img", {
+      src: selectedOption.flagSrc,
+      alt: "".concat(currency, " flag")
+    })), /*#__PURE__*/React__default.createElement("select", {
+      value: currency,
+      onChange: function onChange(e) {
+        return onCurrencyChange(e.target.value);
+      },
+      className: "currency-select",
+      disabled: isCurrencySelectionDisabled
+    }, currencyOptions.map(function (option) {
+      return /*#__PURE__*/React__default.createElement("option", {
+        key: option.value,
+        value: option.value
+      }, option.value, " (", option.symbol, ")");
+    }))));
+  };
+
+  return CurrencySelect;
+
+})));