@bonlineza/luxity-lib 2.34.1 → 2.34.2

package/CountryCodeSelect.js

@@ -6578,7 +6578,6 @@
     var ReactSelectWrapper = function ReactSelectWrapper(props) {
       return /*#__PURE__*/React__default.createElement(index$1, props);
     };
-
     ReactSelectWrapper.defaultProps = {
       isMulti: false,
       isSearchable: false,
@@ -6607,16 +6606,15 @@
         };
       });
     };
-
     var CountryCodeSelect = function CountryCodeSelect(_ref) {
       var countryData = _ref.countryData,
-          className = _ref.className,
-          classNamePrefix = _ref.classNamePrefix,
-          defaultCountryCode = _ref.defaultCountryCode,
-          onChange = _ref.onChange,
-          isSearchable = _ref.isSearchable,
-          name = _ref.name,
-          renderNoData = _ref.renderNoData;
+        className = _ref.className,
+        classNamePrefix = _ref.classNamePrefix,
+        defaultCountryCode = _ref.defaultCountryCode,
+        onChange = _ref.onChange,
+        isSearchable = _ref.isSearchable,
+        name = _ref.name,
+        renderNoData = _ref.renderNoData;
       return /*#__PURE__*/React__default.createElement(React.Fragment, null, countryData.length ? /*#__PURE__*/React__default.createElement(ReactSelectWrapper, {
         name: name,
         className: className,
@@ -6629,7 +6627,6 @@
         isSearchable: isSearchable
       }) : renderNoData());
     };
-
     CountryCodeSelect.defaultProps = {
       isSearchable: true,
       defaultCountryCode: 'ZA',

package/CurrencyInputFormatter.js

@@ -7,56 +7,33 @@
   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 _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, 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];
+  function _objectWithoutProperties(e, t) {
+    if (null == e) return {};
+    var o,
+      r,
+      i = _objectWithoutPropertiesLoose(e, t);
+    if (Object.getOwnPropertySymbols) {
+      var s = Object.getOwnPropertySymbols(e);
+      for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);
     }
-
-    return target;
+    return i;
   }
-
-  function _objectWithoutProperties(source, excluded) {
-    if (source == null) return {};
-
-    var target = _objectWithoutPropertiesLoose(source, excluded);
-
-    var key, i;
-
-    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];
-      }
+  function _objectWithoutPropertiesLoose(r, e) {
+    if (null == r) return {};
+    var t = {};
+    for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+      if (e.includes(n)) continue;
+      t[n] = r[n];
     }
-
-    return target;
+    return t;
   }
 
   var _excluded = ["value", "onChange", "prefix", "allowNegativeValue", "groupSeparator", "decimalSeparator"];
@@ -64,31 +41,28 @@
     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);
-
+      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",
@@ -96,7 +70,6 @@
       onChange: handleValueChange
     }));
   };
-
   CurrencyInputFormatter.defaultProps = {
     value: '',
     prefix: 'R',

package/CurrencySelect.js

@@ -1,47 +1,216 @@
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('react')) :
-  typeof define === 'function' && define.amd ? define(['react'], factory) :
-  (global = global || self, global.CurrencySelect = factory(global.React));
-}(this, (function (React) { 'use strict';
+  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';
 
-  React = React && Object.prototype.hasOwnProperty.call(React, 'default') ? React['default'] : React;
+  var React__default = 'default' in React ? React['default'] : React;
+  var styled__default = 'default' in styled ? styled['default'] : styled;
+
+  function _extends() {
+    return _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
+      }
+      return n;
+    }, _extends.apply(null, arguments);
+  }
+  function _taggedTemplateLiteral(e, t) {
+    return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, {
+      raw: {
+        value: Object.freeze(t)
+      }
+    }));
+  }
+
+  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);
+  };
+
+  var _templateObject$1;
+  var getBodyStyle = function getBodyStyle() {
+    var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+    var _props$toolTipPositio = props.toolTipPosition,
+      toolTipPosition = _props$toolTipPositio === void 0 ? '' : _props$toolTipPositio;
+    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;
+    switch (toolTipPosition) {
+      case 'top':
+        return getTopMiddleArrowAfterStyle(props);
+      case 'bottom':
+        return getBottomMiddleArrowAfterStyle(props);
+      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);
+  });
+
+  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
+      })));
+    });
+  });
+
+  var Tooltip = function Tooltip(_ref) {
+    var children = _ref.children,
+      toolTipText = _ref.toolTipText,
+      toolTipPosition = _ref.toolTipPosition,
+      bodyWidth = _ref.bodyWidth,
+      apexWidth = _ref.apexWidth,
+      containerClassName = _ref.containerClassName,
+      bodyClassName = _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));
+  };
+  Tooltip.defaultProps = {
+    children: null,
+    toolTipText: '',
+    toolTipPosition: 'top',
+    bodyWidth: '8em',
+    apexWidth: '5px',
+    containerClassName: '',
+    bodyClassName: ''
+  };
+  var Tooltip$1 = themed(Tooltip);
 
   var CurrencySelect = function CurrencySelect(_ref) {
     var currency = _ref.currency,
-        currencyOptions = _ref.currencyOptions,
-        onCurrencyChange = _ref.onCurrencyChange;
-
+      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.createElement("div", {
-      className: "currency-select-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    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.createElement("img", {
+    }, /*#__PURE__*/React__default.createElement("img", {
       src: selectedOption.flagSrc,
       alt: "".concat(currency, " flag")
-    })), /*#__PURE__*/React.createElement("select", {
+    })), /*#__PURE__*/React__default.createElement("select", {
       value: currency,
       onChange: function onChange(e) {
         return onCurrencyChange(e.target.value);
       },
-      className: "currency-select"
+      className: "currency-select",
+      disabled: isCurrencySelectionDisabled
     }, currencyOptions.map(function (option) {
-      return /*#__PURE__*/React.createElement("option", {
+      return /*#__PURE__*/React__default.createElement("option", {
         key: option.value,
         value: option.value
       }, option.value, " (", option.symbol, ")");
-    })));
+    }))));
   };
 
   return CurrencySelect;

package/GALink.js

@@ -7,20 +7,13 @@
   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 _extends = Object.assign ? Object.assign.bind() : function (n) {
+      for (var e = 1; e < arguments.length; e++) {
+        var t = arguments[e];
+        for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
       }
-
-      return target;
-    };
-    return _extends.apply(this, arguments);
+      return n;
+    }, _extends.apply(null, arguments);
   }
 
   var Event = function Event(instance, track) {
@@ -28,7 +21,6 @@
     var action = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : '';
     var label = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : '';
     var value = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : '';
-
     if (track) {
       instance.event({
         category: category,
@@ -42,12 +34,10 @@
   var GALink = function GALink(props) {
     var gaOnClick = function gaOnClick(event) {
       Event(props.instance, props.track, 'Link', "Click on ".concat(props.href), props.label);
-
       if (typeof props.onClick === 'function') {
         props.onClick(event);
       }
     };
-
     return /*#__PURE__*/React.createElement("a", _extends({
       href: "/"
     }, props, {