@stokr/components-library 2.3.47 → 2.3.49

package/dist/components/Input/Select.js

@@ -106,7 +106,7 @@ var Select = function Select(props) {
     active: hasFocus,
     error: error && touched,
     htmlFor: id
-  }, label), /*#__PURE__*/_react.default.createElement(_reactSelect.default, _extends({
+  }, label), /*#__PURE__*/_react.default.createElement(_reactSelect.default, _extends({}, otherProps, {
     id: id,
     name: name,
     options: options,
@@ -153,7 +153,7 @@ var Select = function Select(props) {
       IndicatorSeparator: null,
       MenuList: SelectMenuListWithScroll
     }
-  }, otherProps)));
+  })));
 };
 exports.Select = Select;
 Select.propTypes = {

package/dist/components/Input/Select.stories.js

@@ -89,6 +89,7 @@ exports.SelectOptionStrings = SelectOptionStrings;
 SelectOptionStrings.args = {
   label: 'click LABEL here for options',
   value: null,
+  search: true,
   //menuHeight: 100,
   options: [{
     key: 'other option key',

package/dist/components/Text/Text.styles.js

@@ -13,7 +13,7 @@ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(
 var Text = _styledComponents.default.div.withConfig({
   displayName: "Textstyles__Text",
   componentId: "sc-xkpyal-0"
-})(["display:block;", " ", " ", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:17px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", " ", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", " @media screen and (max-width:991px) and (min-width:768px){", "}}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " ", " a{text-decoration:underline;transition:color 0.2s;color:", ";&:hover{color:", ";}}", "}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], function (_ref) {
+})(["display:block;", " ", " ", " ", " h1{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.18;letter-spacing:0.8px;text-transform:uppercase;margin-top:1em;margin-bottom:32px;", "}h2{font-family:'Open Sans';font-weight:300;font-size:34px;line-height:1.18em;letter-spacing:1.5px;margin-top:1em;margin-bottom:0.18em;", " ", "}h4{font-family:'Open Sans';font-weight:300;font-size:17px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;opacity:0.5;", " ", "}h3{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;margin-top:1em;margin-bottom:0.27em;text-transform:uppercase;", " @media screen and (max-width:991px) and (min-width:768px){", "}}h5{font-family:'Open Sans';font-weight:800;font-size:22px;line-height:1.27em;letter-spacing:0.8px;text-transform:uppercase;}p{font-family:'Open Sans';font-weight:300;font-size:16px;line-height:1.5em;letter-spacing:0.6px;margin:1em 0;", " ", " a{text-decoration:underline;transition:color 0.2s;color:inherit;&:hover{color:", ";}}", "}ul{margin:16px;li{font-size:14px;font-weight:300;font-style:normal;font-stretch:normal;line-height:2;letter-spacing:0.6px;}@media screen and (max-width:479px){padding-left:15px;}}> *:first-child{margin-top:0;}> *:last-child{margin-bottom:0;}"], function (_ref) {
   var withMarginBottom = _ref.withMarginBottom;
   return withMarginBottom && "\n      margin-bottom: 32px;\n    ";
 }, function (_ref2) {
@@ -32,8 +32,6 @@ var Text = _styledComponents.default.div.withConfig({
 }, _rwd.default.XLarge(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      font-size: 20px;\n\n      ", "\n\n    "])), function (props) {
   return props.small && "\n        font-size:16px;\n      ";
 }), function (props) {
-  return _theme.default.cPrimary;
-}, function (props) {
   return _theme.default.cText;
 }, function (props) {
   return props.success && "\n      color: ".concat(_theme.default.cProgressDone, ";\n    ");

package/dist/hooks/useTimer.js

@@ -18,7 +18,6 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 /**
  * Enhanced timer hook that works with TimerService to avoid context re-renders
- * Based on your existing useCooldown hook but with better state management
  */
 var useTimer = function useTimer(timerId) {
   var initialDuration = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
@@ -34,11 +33,16 @@ var useTimer = function useTimer(timerId) {
     _useState6 = _slicedToArray(_useState5, 2),
     isTimerActive = _useState6[0],
     setIsTimerActive = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = _slicedToArray(_useState7, 2),
+    wasTimerStarted = _useState8[0],
+    setWasTimerStarted = _useState8[1];
   var timerIdRef = (0, _react.useRef)(timerId);
   var startTimer = (0, _react.useCallback)(function (duration) {
     setIsTimerActive(true);
     setHasTimerFinished(false);
     setSecondsRemaining(duration);
+    setWasTimerStarted(true);
     _TimerService.default.startTimer(timerIdRef.current, duration, function (remaining, isExpired) {
       setSecondsRemaining(remaining);
       if (isExpired) {
@@ -66,15 +70,34 @@ var useTimer = function useTimer(timerId) {
     }
   }, [isTimerActive, secondsRemaining, hasTimerFinished, startTimer]);
 
-  // Check for existing timer on mount
+  // Check for existing timer on mount and sync periodically
   (0, _react.useEffect)(function () {
     var existingTimer = _TimerService.default.getTimerInfo(timerIdRef.current);
     if (existingTimer) {
       setSecondsRemaining(existingTimer.remaining);
       setHasTimerFinished(existingTimer.isExpired);
       setIsTimerActive(existingTimer.isActive);
+      setWasTimerStarted(true);
     }
-  }, []);
+
+    // Sync with timer service every second
+    var syncInterval = setInterval(function () {
+      var timerInfo = _TimerService.default.getTimerInfo(timerIdRef.current);
+      if (timerInfo) {
+        setSecondsRemaining(timerInfo.remaining);
+        setHasTimerFinished(timerInfo.isExpired);
+        setIsTimerActive(timerInfo.isActive);
+      } else if (wasTimerStarted) {
+        // Timer was started but now doesn't exist = it expired
+        setHasTimerFinished(true);
+        setIsTimerActive(false);
+        setSecondsRemaining(0);
+      }
+    }, 1000);
+    return function () {
+      return clearInterval(syncInterval);
+    };
+  }, [wasTimerStarted]);
 
   // Cleanup on unmount
   (0, _react.useEffect)(function () {

package/dist/index.js

@@ -1224,6 +1224,17 @@ Object.keys(_scrollUtils).forEach(function (key) {
     }
   });
 });
+var _moment = require("./utils/moment");
+Object.keys(_moment).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _moment[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _moment[key];
+    }
+  });
+});
 var _FA = require("./components/2FA");
 Object.keys(_FA).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/utils/formatCurrencyValue.js

@@ -28,7 +28,10 @@ var formatCurrencyValue = function formatCurrencyValue(currency, value) {
       lusdt: ['USDT', 2],
       'bitcoin-private': ['EUR', 2],
       'lbtc-private': ['BTC', 8],
-      bmn1: ['BMN1', 2]
+      bmn1: ['BMN1', 2],
+      'btc-fb': ['BTC', 8],
+      'usdc-fb': ['USDC', 2],
+      'usdq-fb': ['USDQ', 2]
     }[currency] || [currency, tokenDecimals],
     _ref2 = _slicedToArray(_ref, 2),
     symbol = _ref2[0],
@@ -49,7 +52,10 @@ var getCurrencySymbol = function getCurrencySymbol(currencySelected) {
     'lusdt-bfx': 'USDT',
     'lbtc-bfx': 'LBTC',
     'btc-bfx': 'BTC',
-    bmn1: 'BMN1'
+    bmn1: 'BMN1',
+    'btc-fb': 'BTC',
+    'usdc-fb': 'USDC',
+    'usdq-fb': 'USDQ'
   }[currencySelected] || currencySelected;
 };
 exports.getCurrencySymbol = getCurrencySymbol;

package/dist/utils/moment.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+Object.defineProperty(exports, "moment", {
+  enumerable: true,
+  get: function get() {
+    return _moment.default;
+  }
+});
+Object.defineProperty(exports, "momentTimezone", {
+  enumerable: true,
+  get: function get() {
+    return _momentTimezone.default;
+  }
+});
+exports.momentUtils = void 0;
+var _moment = _interopRequireDefault(require("moment"));
+var _momentTimezone = _interopRequireDefault(require("moment-timezone"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// Re-export moment and moment-timezone for use in other repos
+// Export moment as default for convenience
+var _default = _moment.default; // Common moment utilities that might be useful across projects
+exports.default = _default;
+var momentUtils = {
+  /**
+   * Format a date to a readable string
+   * @param {Date|string|moment} date - The date to format
+   * @param {string} format - The format string (default: 'DD MMM YYYY')
+   * @returns {string} - Formatted date string
+   */
+  formatDate: function formatDate(date) {
+    var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'DD MMM YYYY';
+    return (0, _moment.default)(date).format(format);
+  },
+  /**
+   * Format a date to a readable string with time
+   * @param {Date|string|moment} date - The date to format
+   * @param {string} format - The format string (default: 'DD MMM YYYY - hh:mm')
+   * @returns {string} - Formatted date string
+   */
+  formatDateTime: function formatDateTime(date) {
+    var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'DD MMM YYYY - hh:mm';
+    return (0, _moment.default)(date).format(format);
+  }
+};
+exports.momentUtils = momentUtils;

package/dist/utils/scrollUtils.js

@@ -4,8 +4,9 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.scrollToElement = exports.default = void 0;
+exports.useScrollActions = exports.scrollToElement = exports.default = exports.ScrollToTop = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _reactRouterDom = require("react-router-dom");
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 /**
@@ -121,5 +122,20 @@ var useScrollActions = function useScrollActions() {
     scrollToElementWithOffset: scrollToElementWithOffset
   };
 };
+exports.useScrollActions = useScrollActions;
+var ScrollToTop = function ScrollToTop() {
+  var _useLocation = (0, _reactRouterDom.useLocation)(),
+    pathname = _useLocation.pathname;
+  (0, _react.useEffect)(function () {
+    // Reset scroll position on route change
+    window.scrollTo({
+      top: 0,
+      left: 0,
+      behavior: 'smooth'
+    });
+  }, [pathname]);
+  return null;
+};
+exports.ScrollToTop = ScrollToTop;
 var _default = useScrollActions;
 exports.default = _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.3.47",
+  "version": "2.3.49",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",