@stokr/components-library 2.3.47 → 2.3.48

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/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/package.json

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