heroes-of-chess-components 0.6.14 → 0.6.17

package/dist/lib/HocComponents/HCards/HPlayerCard/HCardPlayerActions.js

@@ -0,0 +1,78 @@
+import { CardPlayerActions } from "../Cards.styled";
+import HCoinLabel from "../../HCoinLabel/HCoinLabel";
+import HInput from "../../HInput/HInput";
+import HButton from "../../HButton/HButton";
+import { HocIconCoin, HocIconDiamond } from "../../../assets/Icons/ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HCardPlayerActions = function HCardPlayerActions(_ref) {
+  var totalCoins = _ref.totalCoins,
+    totalDiamonds = _ref.totalDiamonds,
+    handleCoinChange = _ref.handleCoinChange,
+    handleDiamondChange = _ref.handleDiamondChange,
+    giveCoins = _ref.giveCoins,
+    giveDiamonds = _ref.giveDiamonds,
+    coinAmounts = _ref.coinAmounts,
+    diamondAmounts = _ref.diamondAmounts,
+    handleForm = _ref.handleForm,
+    handleSessionQR = _ref.handleSessionQR;
+  return /*#__PURE__*/_jsxs(CardPlayerActions, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "player-coins-container",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "player-coins",
+        children: [/*#__PURE__*/_jsx(HCoinLabel, {
+          value: totalCoins,
+          label: "Coins",
+          direction: "column",
+          style: {
+            marginBottom: "10px"
+          }
+        }), /*#__PURE__*/_jsx(HInput, {
+          iconDisabled: !coinAmounts,
+          width: "100%",
+          placeholder: "Coins",
+          value: coinAmounts,
+          onChange: handleCoinChange,
+          type: "number",
+          icon: HocIconCoin,
+          iconDirection: "row-reverse",
+          iconSize: "25px",
+          onIconClick: giveCoins
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "player-coins",
+        children: [/*#__PURE__*/_jsx(HCoinLabel, {
+          isCoin: false,
+          value: totalDiamonds,
+          label: "Diamonds",
+          direction: "column",
+          style: {
+            marginBottom: "10px"
+          }
+        }), /*#__PURE__*/_jsx(HInput, {
+          iconDisabled: !diamondAmounts,
+          placeholder: "Diamonds",
+          value: diamondAmounts,
+          onChange: handleDiamondChange,
+          type: "number",
+          icon: HocIconDiamond,
+          iconDirection: "row-reverse",
+          iconSize: "25px",
+          onIconClick: giveDiamonds
+        })]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "buttons-actions",
+      children: [/*#__PURE__*/_jsx(HButton, {
+        text: "Check",
+        onClick: handleForm,
+        fontSize: "var(--p16)"
+      }), /*#__PURE__*/_jsx(HButton, {
+        text: "QR Code",
+        onClick: handleSessionQR,
+        fontSize: "var(--p16)"
+      })]
+    })]
+  });
+};
+export default HCardPlayerActions;

package/dist/lib/HocComponents/HCards/HPlayerCard/HCardPlayerInfo.js

@@ -0,0 +1,51 @@
+import { CardPlayerInformation } from "../Cards.styled";
+import HCoinLabel from "../../HCoinLabel/HCoinLabel";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function truncateText(text) {
+  if ((text === null || text === void 0 ? void 0 : text.length) > 40) {
+    return (text === null || text === void 0 ? void 0 : text.substring(0, 40)) + "...";
+  }
+  return text;
+}
+var formatDate = function formatDate(date) {
+  date = new Date(date); // Convierte la fecha a objeto Date
+  var day = ("0" + date.getDate()).slice(-2); // Asegura dos dígitos para el día
+  var month = ("0" + (date.getMonth() + 1)).slice(-2); // Meses son de 0-11, añade 1 y asegura dos dígitos
+  var year = date.getFullYear(); // Año completo
+  return day + "/" + month + "/" + year; // Concatena en formato dd/mm/yyyy
+};
+var HCardPlayerInfo = function HCardPlayerInfo(_ref) {
+  var name = _ref.name,
+    category = _ref.category,
+    level = _ref.level,
+    totalCoins = _ref.totalCoins,
+    totalCoinsDeposits = _ref.totalCoinsDeposits;
+  return /*#__PURE__*/_jsxs(CardPlayerInformation, {
+    children: [/*#__PURE__*/_jsxs("div", {
+      className: "player-info",
+      children: [/*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("h3", {
+          children: truncateText(name)
+        }), /*#__PURE__*/_jsxs("p", {
+          className: "player-category",
+          children: ["Category: ", category]
+        })]
+      }), /*#__PURE__*/_jsxs("p", {
+        className: "player-level",
+        children: ["LV ", level]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "player-coins",
+      children: [/*#__PURE__*/_jsx(HCoinLabel, {
+        value: totalCoins,
+        label: "Total Coins",
+        direction: "column"
+      }), /*#__PURE__*/_jsx(HCoinLabel, {
+        value: totalCoinsDeposits,
+        label: "Coins Deposits",
+        direction: "column"
+      })]
+    })]
+  });
+};
+export default HCardPlayerInfo;

package/dist/lib/HocComponents/HCards/HProductCard/HCardProductInfo.js

@@ -0,0 +1,82 @@
+import { CardProductInformation } from "../Cards.styled";
+import HCoinLabel from "../../HCoinLabel/HCoinLabel";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function truncateText(text) {
+  if ((text === null || text === void 0 ? void 0 : text.length) > 40) {
+    return (text === null || text === void 0 ? void 0 : text.substring(0, 40)) + "...";
+  }
+  return text;
+}
+var formatDate = function formatDate(date) {
+  date = new Date(date); // Convierte la fecha a objeto Date
+  var day = ("0" + date.getDate()).slice(-2); // Asegura dos dígitos para el día
+  var month = ("0" + (date.getMonth() + 1)).slice(-2); // Meses son de 0-11, añade 1 y asegura dos dígitos
+  var year = date.getFullYear(); // Año completo
+  return day + "/" + month + "/" + year; // Concatena en formato dd/mm/yyyy
+};
+var HCardProductInfo = function HCardProductInfo(_ref) {
+  var title = _ref.title,
+    ownerFront = _ref.ownerFront,
+    purchaseDate = _ref.purchaseDate,
+    colorStyle = _ref.colorStyle,
+    purchaseSize = _ref.purchaseSize,
+    purchasePrimer = _ref.purchasePrimer,
+    purchasePrice = _ref.purchasePrice;
+  var getElapsedTime = function getElapsedTime(timestamp) {
+    var now = Date.now();
+    var elapsed = now - timestamp;
+    var days = Math.floor(elapsed / (1000 * 60 * 60 * 24));
+    var hours = Math.floor(elapsed % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));
+    var minutes = Math.floor(elapsed % (1000 * 60 * 60) / (1000 * 60));
+    return {
+      days: days,
+      formatted: "".concat(days, "d ").concat(hours, "h ").concat(minutes, "m")
+    };
+  };
+  var getColorByElapsedTime = function getColorByElapsedTime(days) {
+    if (days <= 2) return "green";
+    if (days <= 5) return "orange";
+    return "red";
+  };
+  return /*#__PURE__*/_jsxs(CardProductInformation, {
+    children: [/*#__PURE__*/_jsx("h3", {
+      children: truncateText(title)
+    }), /*#__PURE__*/_jsxs("p", {
+      children: ["Owner: ", ownerFront]
+    }), /*#__PURE__*/_jsxs("p", {
+      children: ["Elapsed time:", /*#__PURE__*/_jsxs("span", {
+        style: {
+          color: getColorByElapsedTime(getElapsedTime(purchaseDate).days),
+          fontSize: "18px"
+        },
+        children: [" ", getElapsedTime(purchaseDate).formatted]
+      })]
+    }), /*#__PURE__*/_jsxs("div", {
+      className: "extraInfo",
+      children: [/*#__PURE__*/_jsxs("div", {
+        className: "color",
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "Color"
+        }), /*#__PURE__*/_jsx("div", {
+          style: colorStyle
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        className: "size",
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "Size"
+        }), /*#__PURE__*/_jsxs("div", {
+          children: [purchaseSize, " "]
+        })]
+      }), /*#__PURE__*/_jsxs("div", {
+        children: [/*#__PURE__*/_jsx("p", {
+          children: "Primer"
+        }), /*#__PURE__*/_jsx("p", {
+          children: purchasePrimer === true ? "YES" : "NO"
+        })]
+      }), /*#__PURE__*/_jsx(HCoinLabel, {
+        value: purchasePrice
+      })]
+    })]
+  });
+};
+export default HCardProductInfo;

package/dist/lib/HocComponents/HCards/HProductCard/HCardProductsActions.js

@@ -0,0 +1,33 @@
+import { CardProductActions } from "../Cards.styled";
+import HDropdown from "../../HDropdown/HDropdown";
+import { HocIconDelete } from "../../../assets/Icons/ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HCardProductsActions = function HCardProductsActions(_ref) {
+  var _purchase$status;
+  var statusOptions = _ref.statusOptions,
+    newStatus = _ref.newStatus,
+    purchase = _ref.purchase,
+    setShowSecurity = _ref.setShowSecurity;
+  return /*#__PURE__*/_jsxs(CardProductActions, {
+    children: [/*#__PURE__*/_jsx(HDropdown, {
+      options: statusOptions,
+      label: "Status",
+      name: "newStatus-".concat(purchase._id),
+      id: "newStatus-".concat(purchase._id),
+      onChange: function onChange(e) {
+        return newStatus(e, purchase);
+      },
+      value: purchase.status
+    }), ((_purchase$status = purchase.status) === null || _purchase$status === void 0 ? void 0 : _purchase$status.toLowerCase()) === "open" && /*#__PURE__*/_jsx("div", {
+      className: "delete",
+      onClick: function onClick() {
+        return setShowSecurity(purchase._id);
+      },
+      children: /*#__PURE__*/_jsx("img", {
+        src: HocIconDelete,
+        alt: "delete"
+      })
+    })]
+  });
+};
+export default HCardProductsActions;

package/dist/lib/HocComponents/HCircularButton/HCircularButton.js

@@ -0,0 +1,80 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["handleClick", "position", "margin", "background", "width", "height", "imgSrc", "imgWidth", "imgHeight", "right", "left", "top", "bottom", "text", "textPosition", "disabled", "imgAlt", "styleContainer"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { CircularButton, CircularButtonWrapper, ButtonText } from "./HCircularButton.styled";
+import { HocIconBackArrow } from "../../assets/Icons/ui";
+import { useSounds } from "../../hooks";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var formatCssValue = function formatCssValue(value) {
+  if (typeof value === "number") return "".concat(value, "px");
+  return value;
+};
+var HCircularButton = function HCircularButton(_ref) {
+  var handleClick = _ref.handleClick,
+    position = _ref.position,
+    margin = _ref.margin,
+    background = _ref.background,
+    width = _ref.width,
+    height = _ref.height,
+    imgSrc = _ref.imgSrc,
+    imgWidth = _ref.imgWidth,
+    imgHeight = _ref.imgHeight,
+    right = _ref.right,
+    left = _ref.left,
+    top = _ref.top,
+    bottom = _ref.bottom,
+    text = _ref.text,
+    _ref$textPosition = _ref.textPosition,
+    textPosition = _ref$textPosition === void 0 ? "left" : _ref$textPosition,
+    disabled = _ref.disabled,
+    _ref$imgAlt = _ref.imgAlt,
+    imgAlt = _ref$imgAlt === void 0 ? "back" : _ref$imgAlt,
+    styleContainer = _ref.styleContainer,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useSounds = useSounds(),
+    playSound = _useSounds.playSound,
+    HOC_SOUNDS = _useSounds.HOC_SOUNDS;
+  return /*#__PURE__*/_jsxs(CircularButtonWrapper, {
+    position: position,
+    right: formatCssValue(right),
+    left: formatCssValue(left),
+    top: formatCssValue(top),
+    bottom: formatCssValue(bottom),
+    margin: formatCssValue(margin),
+    style: styleContainer,
+    children: [text && textPosition === "left" && /*#__PURE__*/_jsx(ButtonText, {
+      children: text
+    }), /*#__PURE__*/_jsx(CircularButton, _objectSpread(_objectSpread({
+      onClick: function onClick() {
+        if (!imgSrc) {
+          playSound(HOC_SOUNDS.goBack);
+        }
+        handleClick && handleClick();
+      },
+      position: position,
+      background: background,
+      width: width,
+      height: height,
+      disabled: disabled
+    }, props), {}, {
+      children: /*#__PURE__*/_jsx("img", {
+        src: imgSrc || HocIconBackArrow,
+        alt: imgAlt !== null && imgAlt !== void 0 ? imgAlt : "BACK",
+        style: {
+          width: imgWidth || "65%",
+          height: imgHeight || "65%",
+          objectFit: "contain"
+        }
+      })
+    })), text && textPosition === "right" && /*#__PURE__*/_jsx(ButtonText, {
+      children: text
+    })]
+  });
+};
+export default HCircularButton;

package/dist/lib/HocComponents/HCircularButton/HCircularButton.styled.js

@@ -0,0 +1,43 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CircularButtonWrapper = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  z-index: 99;\n  position: ", ";\n  right: ", ";\n  left: ", ";\n  bottom: ", ";\n  top: ", ";\n"])), function (_ref) {
+  var position = _ref.position;
+  return position !== null && position !== void 0 ? position : "fixed";
+}, function (_ref2) {
+  var right = _ref2.right,
+    left = _ref2.left;
+  return right !== undefined ? right : left === undefined ? "10px" : undefined;
+}, function (_ref3) {
+  var left = _ref3.left;
+  return left !== undefined ? left : undefined;
+}, function (_ref4) {
+  var bottom = _ref4.bottom,
+    top = _ref4.top;
+  return bottom !== undefined ? bottom : top === undefined ? "10px" : undefined;
+}, function (_ref5) {
+  var top = _ref5.top;
+  return top !== undefined ? top : undefined;
+});
+export var CircularButton = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  opacity: ", ";\n  pointer-events: ", ";\n"])), function (_ref6) {
+  var width = _ref6.width;
+  return width !== null && width !== void 0 ? width : "70px";
+}, function (_ref7) {
+  var height = _ref7.height;
+  return height !== null && height !== void 0 ? height : "70px";
+}, function (_ref8) {
+  var _ref9, _theme$background;
+  var theme = _ref8.theme,
+    background = _ref8.background;
+  return (_ref9 = (_theme$background = theme === null || theme === void 0 ? void 0 : theme[background]) !== null && _theme$background !== void 0 ? _theme$background : background) !== null && _ref9 !== void 0 ? _ref9 : theme.shadePurpleDark;
+}, function (_ref0) {
+  var disabled = _ref0.disabled;
+  return disabled ? 0.6 : 1;
+}, function (_ref1) {
+  var disabled = _ref1.disabled;
+  return disabled ? "none" : "auto";
+});
+export var ButtonText = styled.p(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin: 0 12px;\n  white-space: nowrap;\n  color: ", ";\n  font-weight: var(--weight-bold);\n  font-size: var(--p16);\n"])), function (_ref10) {
+  var theme = _ref10.theme;
+  return theme.purpleMedium;
+});

package/dist/lib/HocComponents/HCircularTextButton/HCircularTextButton.js

@@ -0,0 +1,37 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["margin", "background", "width", "height", "color", "fontSize", "fontWeight", "text"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { CircularTextButton } from "./HCircularTextButton.styled";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HCircularTextButton = function HCircularTextButton(_ref) {
+  var margin = _ref.margin,
+    background = _ref.background,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '60px' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '60px' : _ref$height,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'purpleLight' : _ref$color,
+    fontSize = _ref.fontSize,
+    fontWeight = _ref.fontWeight,
+    text = _ref.text,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsx(CircularTextButton, _objectSpread(_objectSpread({
+    margin: margin,
+    background: background,
+    width: width,
+    height: height,
+    color: color,
+    $fontSize: fontSize,
+    $fontWeight: fontWeight
+  }, props), {}, {
+    children: text
+  }));
+};
+export default HCircularTextButton;

package/dist/lib/HocComponents/HCircularTextButton/HCircularTextButton.styled.js

@@ -0,0 +1,37 @@
+var _templateObject;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CircularTextButton = styled.p(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", ";\n  height: ", ";\n  background: ", ";\n  border-radius: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: ", ";\n  font-weight: ", ";\n  font-size: ", ";\n  margin: ", ";\n"])), function (_ref) {
+  var width = _ref.width;
+  return width !== null && width !== void 0 ? width : "80px";
+}, function (_ref2) {
+  var height = _ref2.height;
+  return height !== null && height !== void 0 ? height : "80px";
+}, function (_ref3) {
+  var _ref4, _theme$background;
+  var theme = _ref3.theme,
+    background = _ref3.background;
+  return (_ref4 = (_theme$background = theme === null || theme === void 0 ? void 0 : theme[background]) !== null && _theme$background !== void 0 ? _theme$background : background) !== null && _ref4 !== void 0 ? _ref4 : theme.shadePurpleDark;
+}, function (_ref5) {
+  var _ref6, _theme$color;
+  var color = _ref5.color,
+    theme = _ref5.theme;
+  return (_ref6 = (_theme$color = theme === null || theme === void 0 ? void 0 : theme[color]) !== null && _theme$color !== void 0 ? _theme$color : color) !== null && _ref6 !== void 0 ? _ref6 : theme.purpleMedium;
+}, function (_ref7) {
+  var $fontWeight = _ref7.$fontWeight;
+  if (!$fontWeight) return "var(--weight-bold)";
+  if ($fontWeight !== null && $fontWeight !== void 0 && $fontWeight.startsWith("weight-")) {
+    return "var(--".concat($fontWeight, ", var(--weight-bold))");
+  }
+  return $fontWeight; // 400, 700, 'inherit', etc.
+}, function (_ref8) {
+  var $fontSize = _ref8.$fontSize;
+  if (!$fontSize) return "var(--h5)";
+  if ($fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("h") || $fontSize !== null && $fontSize !== void 0 && $fontSize.startsWith("p")) {
+    return "var(--".concat($fontSize, ", var(--h5))");
+  }
+  return $fontSize;
+}, function (_ref9) {
+  var margin = _ref9.margin;
+  return margin !== null && margin !== void 0 ? margin : "0";
+});

package/dist/lib/HocComponents/HCoinLabel/HCoin.styled.js

@@ -0,0 +1,53 @@
+var _templateObject, _templateObject2, _templateObject3;
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+import styled from "styled-components";
+export var CoinContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", "!important;\n  width: 100%;\n  min-width: auto;\n  border-radius: 20px;\n\n  font-weight: var(--weight-regular) !important;\n  padding-right: 10px;\n\n  text-align: center;\n  z-index: 10;\n  display: flex;\n  align-items: center;\n  img,\n  svg {\n    width: 53px;\n    height: 46px;\n    margin-right: 10px;\n  }\n\n  p {\n    font-size: ", "!important;\n    font-weight: ", "!important;\n    color: ", " !important;\n  }\n"])), function (_ref) {
+  var theme = _ref.theme,
+    background = _ref.background;
+  return background ? theme[background] : background ? background : theme.shadePurpleDark2;
+}, function (_ref2) {
+  var $valueSize = _ref2.$valueSize;
+  if (!$valueSize) return "var(--p16)";
+  if ($valueSize !== null && $valueSize !== void 0 && $valueSize.startsWith("h") || $valueSize !== null && $valueSize !== void 0 && $valueSize.startsWith("p")) {
+    return "var(--".concat($valueSize, ", var(--p16))");
+  }
+  return $valueSize;
+}, function (_ref3) {
+  var $valueWeight = _ref3.$valueWeight;
+  if (!$valueWeight) return "var(--weight-regular)";
+  if ($valueWeight !== null && $valueWeight !== void 0 && $valueWeight.startsWith("weight-")) {
+    return "var(--".concat($valueWeight, ", var(--weight-regular))");
+  }
+  return $valueWeight; // 400, 700, 'inherit', etc.
+}, function (_ref4) {
+  var theme = _ref4.theme,
+    color = _ref4.color;
+  return theme[color] ? theme[color] : color ? color : theme.purpleLight;
+});
+export var CoinLabel = styled.label(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  font-size: ", "!important;\n\n  font-weight: ", "!important;\n\n  color: ", " !important; /* Color del label */\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n"])), function (_ref5) {
+  var $labelSize = _ref5.$labelSize;
+  if (!$labelSize) return "var(--p16)";
+  if ($labelSize !== null && $labelSize !== void 0 && $labelSize.startsWith("h") || $labelSize !== null && $labelSize !== void 0 && $labelSize.startsWith("p")) {
+    return "var(--".concat($labelSize, ", var(--p16))");
+  }
+  return $labelSize;
+}, function (_ref6) {
+  var $labelWeight = _ref6.$labelWeight;
+  if (!$labelWeight) return "var(--weight-regular)";
+  if ($labelWeight !== null && $labelWeight !== void 0 && $labelWeight.startsWith("weight-")) {
+    return "var(--".concat($labelWeight, ", var(--weight-regular))");
+  }
+  return $labelWeight; // 400, 700, 'inherit', etc.
+}, function (_ref7) {
+  var _ref8, _theme$$labelColor;
+  var $labelColor = _ref7.$labelColor,
+    theme = _ref7.theme;
+  return (_ref8 = (_theme$$labelColor = theme[$labelColor]) !== null && _theme$$labelColor !== void 0 ? _theme$$labelColor : $labelColor) !== null && _ref8 !== void 0 ? _ref8 : theme.purpleMedium;
+});
+export var CoinLabelContainer = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: ", " !important;\n  width: ", " !important;\n"])), function (_ref9) {
+  var direction = _ref9.direction;
+  return direction || "column";
+}, function (_ref0) {
+  var width = _ref0.width;
+  return width || "auto";
+});

package/dist/lib/HocComponents/HCoinLabel/HCoinLabel.js

@@ -0,0 +1,67 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+var _excluded = ["value", "isCoin", "label", "direction", "labelColor", "customSrc", "background", "color", "width", "valueSize", "labelSize", "iconSize", "valueWeight"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+import { HocIconCoin, HocIconDiamond } from "../../assets/Icons/ui";
+import { formatNumber } from "../../functions/formatNumber";
+import { CoinContainer, CoinLabel, CoinLabelContainer } from "./HCoin.styled";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HCoinLabel = function HCoinLabel(_ref) {
+  var value = _ref.value,
+    _ref$isCoin = _ref.isCoin,
+    isCoin = _ref$isCoin === void 0 ? true : _ref$isCoin,
+    label = _ref.label,
+    _ref$direction = _ref.direction,
+    direction = _ref$direction === void 0 ? "column" : _ref$direction,
+    _ref$labelColor = _ref.labelColor,
+    labelColor = _ref$labelColor === void 0 ? "" : _ref$labelColor,
+    customSrc = _ref.customSrc,
+    background = _ref.background,
+    color = _ref.color,
+    width = _ref.width,
+    _ref$valueSize = _ref.valueSize,
+    valueSize = _ref$valueSize === void 0 ? "16px" : _ref$valueSize,
+    _ref$labelSize = _ref.labelSize,
+    labelSize = _ref$labelSize === void 0 ? "16px" : _ref$labelSize,
+    _ref$iconSize = _ref.iconSize,
+    iconSize = _ref$iconSize === void 0 ? "38px" : _ref$iconSize,
+    _ref$valueWeight = _ref.valueWeight,
+    valueWeight = _ref$valueWeight === void 0 ? "var(--weight-regular)" : _ref$valueWeight,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_jsxs(CoinLabelContainer, _objectSpread(_objectSpread({
+    direction: direction,
+    width: width
+  }, props), {}, {
+    children: [label && /*#__PURE__*/_jsx(CoinLabel, {
+      $labelColor: labelColor,
+      $labelSize: labelSize,
+      children: label
+    }), /*#__PURE__*/_jsxs(CoinContainer, {
+      $valueSize: valueSize,
+      $specialButton2: true,
+      background: background,
+      color: color,
+      style: {
+        marginLeft: !isCoin ? "10px" : "0px"
+      },
+      $valueWeight: valueWeight,
+      children: [/*#__PURE__*/_jsx("img", {
+        src: customSrc ? customSrc : isCoin ? HocIconCoin : HocIconDiamond,
+        alt: customSrc ? "customlabel" : isCoin ? "coin" : "diamond",
+        style: {
+          width: iconSize !== null && iconSize !== void 0 ? iconSize : "38px",
+          height: iconSize !== null && iconSize !== void 0 ? iconSize : "38px",
+          marginLeft: !isCoin ? "-10px" : "0px"
+        }
+      }), /*#__PURE__*/_jsx("p", {
+        children: Number(value) ? formatNumber(value) : value
+      })]
+    })]
+  }));
+};
+export default HCoinLabel;