react-gldn-kit 0.0.3 → 0.0.4

package/dist/lib/components/BattlesCard/index.js

@@ -43,26 +43,20 @@ var classnames_1 = __importDefault(require("classnames"));
 var ArrowSvg_1 = require("components/ui/Icons/ArrowSvg");
 var HOCImageLoader_1 = require("components/HOCs/HOCImageLoader");
 var Text_1 = require("components/Text");
+var Logos_1 = require("components/ui/Logos");
 var store_1 = require("zustandStore/languages/store");
 var selectors_1 = require("zustandStore/languages/selectors");
-var styles = __importStar(require("./BattlesCard.module.css"));
-var Logos_1 = require("components/ui/Logos");
 var ui_1 = require("types/ui");
+var styles = __importStar(require("./BattlesCard.module.css"));
 var BattlesCard = function (props) {
     var _a, _b;
     var id = props.id, handleClick = props.handleClick, providerName = props.providerName, name = props.name, classes = props.classes, isInHouse = props.isInHouse, isFinished = props.isFinished, detailsText = props.detailsText, battleText = props.battleText, imagePath = props.imagePath, _c = props.appType, appType = _c === void 0 ? ui_1.EAppType.Unknown : _c, _d = props.endDate, endDate = _d === void 0 ? 0 : _d, _e = props.startDate, startDate = _e === void 0 ? 0 : _e, _f = props.prize, prize = _f === void 0 ? 0 : _f;
     var activeLanguage = (0, store_1.useZustandLanguagesKitStore)(selectors_1.languageSelectors.getActiveLanguageNameKitSelector);
     var path = imagePath ||
         "/image/tournaments/".concat(id, "_[").concat(activeLanguage, "]").concat(isFinished ? '_finished' : '', ".webp");
-    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperContent }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [new Date(startDate).toLocaleString('default', {
-                                                month: 'numeric',
-                                                day: 'numeric',
-                                            }), "-", new Date(endDate).toLocaleString('default', {
-                                                month: 'numeric',
-                                                day: 'numeric',
-                                            })] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
+    return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperBattlesCard, classes) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.imageWrapper }, { children: [(0, jsx_runtime_1.jsx)(HOCImageLoader_1.HOCImageLoader, __assign({ src: path.replace("[".concat(activeLanguage, "]"), activeLanguage), classes: styles.image }, { children: (0, jsx_runtime_1.jsx)("img", { src: imagePath || path.replace("[".concat(activeLanguage, "]"), 'en'), className: styles.image }) })), isInHouse && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.wrapperContent }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(Logos_1.Logo, { appType: appType, isMobile: false }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.date }, { children: [startDate, " - ", endDate] }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.prizeWrapper }, { children: [(0, jsx_runtime_1.jsx)(Text_1.Text, { idT: "tournaments.prize", specValue: '' }), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.prize }, { children: prize }))] }))] })))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.textBox }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.providerName, (_a = {},
                             _a[styles.full] = isInHouse,
-                            _a)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleText, specValue: providerName }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: name })), (0, jsx_runtime_1.jsxs)("div", __assign({ onClick: handleClick, className: (0, classnames_1.default)(styles.details, (_b = {},
+                            _a)) }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: battleText, specValue: providerName }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.name }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: name }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ onClick: handleClick, className: (0, classnames_1.default)(styles.details, (_b = {},
                             _b[styles.dark] = isFinished,
                             _b)) }, { children: [(0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: detailsText }) }), (0, jsx_runtime_1.jsx)(ArrowSvg_1.ArrowSvg, { classes: styles.arrowSvg, width: "16", height: "9" })] }))] }))] })));
 };

package/dist/lib/components/ui/CountDown/index.js

@@ -41,13 +41,15 @@ exports.CountDown = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
+var Text_1 = require("components/Text");
 var useCountDown_1 = require("hooks/useCountDown");
+var useTranslate_1 = require("hooks/useTranslate");
 var styles = __importStar(require("./CountDown.module.css"));
-var Text_1 = require("components/Text");
 var CountDown = function (props) {
     var wrapperClasses = props.wrapperClasses, timeBlockClasses = props.timeBlockClasses, timeClasses = props.timeClasses, callbackEndTime = props.callbackEndTime, type = props.type, names = props.names;
     var day = names.day, hours = names.hours, min = names.min, seconds = names.seconds, shortMM = names.shortMM, shortDay = names.shortDay, shortHH = names.shortHH, shortSec = names.shortSec;
     var time = (0, useCountDown_1.useCountDown)(props);
+    var getText = (0, useTranslate_1.useTranslate)('', '').getText;
     (0, react_1.useEffect)(function () {
         var timeRemaining = time.timeRemaining;
         if (!timeRemaining) {
@@ -59,7 +61,7 @@ var CountDown = function (props) {
         return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCardCounters, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowCounter }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[0][0] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[0][1] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dayName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: day }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.dots }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.itemDot }), (0, jsx_runtime_1.jsx)("div", { className: styles.itemDot })] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowCounter }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[1][0] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[1][1] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dayName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: hours }) }))] }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.dots }, { children: [(0, jsx_runtime_1.jsx)("div", { className: styles.itemDot }), (0, jsx_runtime_1.jsx)("div", { className: styles.itemDot })] })), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: styles.rowCounter }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[2][0] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeCardBlock }, { children: formatTime[2][1] }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.dayName }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: min }) }))] })] })));
     }
     if (type === 'row') {
-        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCountDown, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[0] || 0, (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortDay[0] })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[1] || 0, (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortHH[0] })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[2] || 0, (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortMM[0] })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[3] || 0, (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortSec[0] })] }))] })));
+        return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCountDown, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[0] || 0, getText(shortDay)[0]] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[1] || 0, getText(shortHH)[0]] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[2] || 0, getText(shortMM)[0]] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.row, timeBlockClasses) }, { children: [time.formatTime[3] || 0, getText(shortSec)[0]] }))] })));
     }
     return ((0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.wrapperCountDown, wrapperClasses) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[0] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortDay }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[1] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortHH }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[2] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortMM }) }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: (0, classnames_1.default)(styles.timeBlock, timeBlockClasses) }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)(styles.time, timeClasses) }, { children: time.formatTime[3] || 0 })), (0, jsx_runtime_1.jsx)("div", __assign({ className: styles.timeInfo }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { idT: shortSec }) }))] }))] })));
 };

package/dist/lib/components/ui/Leaderboard/index.js

@@ -39,10 +39,10 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var Pagination_1 = require("../Pagination");
 var User_1 = require("./components/User");
+var Text_1 = require("components/Text");
 var constants_1 = require("./constants");
 var ui_1 = require("types/ui");
 var styles = __importStar(require("./Leaderboard.module.css"));
-var Text_1 = require("components/Text");
 var Leaderboard = function (props) {
     var title = props.title, users = props.users, currentUserId = props.currentUserId, isMobile = props.isMobile, currencyName = props.currencyName, boardText = props.boardText;
     var rating = boardText.rating, profile = boardText.profile, wager = boardText.wager;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-gldn-kit",
-  "version": "0.0.3",
+  "version": "0.0.4",
   "description": "",
   "main": "./dist/index.js",
   "keywords": [],