@stokr/components-library 2.2.1 → 2.2.3

package/dist/static/images/two-sided-document.svg

@@ -0,0 +1,26 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="231.5" height="84.066" viewBox="0 0 231.5 84.066">
+  <g id="Icon" transform="translate(1.5 1.5)">
+    <g id="Group" transform="translate(94.262)">
+      <g id="Card_Illustration" data-name="Card Illustration">
+        <path id="Stroke_7" data-name="Stroke 7" d="M119.47,81.066H14.381A14.343,14.343,0,0,1,0,66.761V14.3A14.343,14.343,0,0,1,14.381,0H119.47a14.344,14.344,0,0,1,14.382,14.3V66.761A14.344,14.344,0,0,1,119.47,81.066Z" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_13" data-name="Stroke 13" d="M0,.471H105.574" transform="translate(12.254 55.615)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_15" data-name="Stroke 15" d="M0,.471H105.574" transform="translate(12.254 65.041)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+      </g>
+      <rect id="Rectangle" width="7.541" height="17.91" transform="translate(128.197 16.967)" fill="#fff"/>
+    </g>
+    <g id="Group-2" data-name="Group">
+      <g id="Card_Illustration-2" data-name="Card Illustration">
+        <path id="Stroke_7-2" data-name="Stroke 7" d="M119.47,81.066H14.381A14.343,14.343,0,0,1,0,66.761V14.3A14.343,14.343,0,0,1,14.381,0H119.47a14.344,14.344,0,0,1,14.382,14.3V66.761A14.344,14.344,0,0,1,119.47,81.066Z" fill="#fff" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_1" data-name="Stroke 1" d="M0,6.6A12,12,0,0,1,10.84,0,12,12,0,0,1,21.68,6.6" transform="translate(17.91 34.877)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_3" data-name="Stroke 3" d="M32.049,15.553A15.794,15.794,0,0,1,16.024,31.107,15.794,15.794,0,0,1,0,15.553,15.794,15.794,0,0,1,16.024,0,15.794,15.794,0,0,1,32.049,15.553Z" transform="translate(12.254 14.139)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_5" data-name="Stroke 5" d="M9.426,4.713A4.713,4.713,0,1,1,4.714,0" transform="translate(23.566 20.738)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_9" data-name="Stroke 9" d="M0,.471H55.615" transform="translate(62.213 14.139)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_11" data-name="Stroke 11" d="M0,.471H55.615" transform="translate(62.213 35.82)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_13-2" data-name="Stroke 13" d="M0,.471H105.574" transform="translate(12.254 55.615)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_15-2" data-name="Stroke 15" d="M0,.471H105.574" transform="translate(12.254 65.041)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+        <path id="Stroke_17" data-name="Stroke 17" d="M0,.471H55.615" transform="translate(62.213 45.246)" fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="3"/>
+      </g>
+      <rect id="Rectangle-2" data-name="Rectangle" width="7.541" height="17.91" transform="translate(128.197 16.967)" fill="#fff"/>
+    </g>
+  </g>
+</svg>

package/dist/static/images/upload.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40.812" height="49.5"><g fill="none" stroke="#9b9b9b" stroke-miterlimit="10" stroke-width="4"><path data-name="Stroke 1" d="M7.764 30.15l-6.35 6.35"/><path data-name="Stroke 3" d="M39.398 36.5L20.35 17.452l-7.936 7.937"/><path data-name="Stroke 5" d="M20.914 17.532V49.5"/><path data-name="Stroke 8" d="M39.514 2h-38.1"/></g></svg>

package/dist/utils/customHooks.js

@@ -60,10 +60,14 @@ var useCooldown = function useCooldown(cooldownInSeconds) {
     _useState2 = _slicedToArray(_useState, 2),
     isDisabled = _useState2[0],
     setIsDisabled = _useState2[1];
-  var _useState3 = (0, _react.useState)(0),
+  var _useState3 = (0, _react.useState)(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    secondsRemaining = _useState4[0],
-    setSecondsRemaining = _useState4[1];
+    hasTimerFinished = _useState4[0],
+    sethasTimerFinished = _useState4[1];
+  var _useState5 = (0, _react.useState)(0),
+    _useState6 = _slicedToArray(_useState5, 2),
+    secondsRemaining = _useState6[0],
+    setSecondsRemaining = _useState6[1];
   var lastCalled = (0, _react.useRef)(null);
   var startCooldown = function startCooldown(actionCallback) {
     if (!isDisabled) {
@@ -80,6 +84,7 @@ var useCooldown = function useCooldown(cooldownInSeconds) {
     setSecondsRemaining(cooldownInSeconds - secondsPassed);
     if (secondsPassed >= cooldownInSeconds) {
       setIsDisabled(false);
+      sethasTimerFinished(true);
     }
   }, [cooldownInSeconds]);
   (0, _react.useEffect)(function () {
@@ -95,7 +100,8 @@ var useCooldown = function useCooldown(cooldownInSeconds) {
   return {
     isDisabled: isDisabled,
     secondsRemaining: secondsRemaining,
-    startCooldown: startCooldown
+    startCooldown: startCooldown,
+    hasTimerFinished: hasTimerFinished
   };
 };
 exports.useCooldown = useCooldown;

package/dist/utils/formatCurrencyValue.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCurrencySymbol = exports.formatCurrencyValue = void 0;
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var formatCurrencyValue = function formatCurrencyValue(currency, value) {
+  var tokenDecimals = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 2;
+  var _ref = {
+      tether: ['USDT', 2],
+      gemini: ['GUSD', 2],
+      ether: ['ETH', 4],
+      artid: ['ARTID', 2],
+      bitcoin: ['BTC', 6],
+      lbtc: ['LBTC', 6],
+      'lusdt-bfx': ['USDT', 2],
+      'lbtc-bfx': ['BTC', 6],
+      'btc-bfx': ['BTC', 6],
+      euro: ['EUR', 2],
+      lusdt: ['USDT', 2],
+      'bitcoin-private': ['EUR', 2],
+      'lbtc-private': ['BTC', 6]
+    }[currency] || [currency, tokenDecimals],
+    _ref2 = _slicedToArray(_ref, 2),
+    symbol = _ref2[0],
+    decimals = _ref2[1];
+  return "".concat(symbol, " ").concat(parseFloat(Math.abs(value)).toFixed(decimals));
+};
+exports.formatCurrencyValue = formatCurrencyValue;
+var getCurrencySymbol = function getCurrencySymbol(currencySelected) {
+  return {
+    euro: '€',
+    ether: 'ETH',
+    tether: 'USDT',
+    bitcoin: 'BTC',
+    lbtc: 'LBTC',
+    lusdt: 'USDT',
+    'lusdt-bfx': 'USDT',
+    'lbtc-bfx': 'LBTC',
+    'btc-bfx': 'BTC'
+  }[currencySelected] || currencySelected;
+};
+exports.getCurrencySymbol = getCurrencySymbol;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stokr/components-library",
-  "version": "2.2.1",
+  "version": "2.2.3",
   "description": "STOKR - Components Library",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -47,7 +47,9 @@
     "http-server": "^14.1.1",
     "js-cookie": "^3.0.5",
     "mobile-detect": "^1.4.5",
+    "moment": "^2.30.1",
     "prop-types": "^15.8.1",
+    "qrcode.react": "^3.1.0",
     "react": "^18.2.0",
     "react-app-rewired": "^2.2.1",
     "react-collapse": "^5.1.1",