heroes-of-chess-components 0.6.13 → 0.6.15

package/dist/lib/HocComponents/HModal/HModalSecurityCode.js

@@ -0,0 +1,38 @@
+import HModal from "./HModal";
+import { jsx as _jsx } from "react/jsx-runtime";
+var HModalSecurityCode = function HModalSecurityCode(_ref) {
+  var title = _ref.title,
+    text = _ref.text,
+    _ref$cancelText = _ref.cancelText,
+    cancelText = _ref$cancelText === void 0 ? "Cancella" : _ref$cancelText,
+    _ref$confirmText = _ref.confirmText,
+    confirmText = _ref$confirmText === void 0 ? "Acquista" : _ref$confirmText,
+    showModal = _ref.showModal,
+    onCloseFunction = _ref.onCloseFunction,
+    onConfirmFunction = _ref.onConfirmFunction,
+    _ref$masterSecurityCo = _ref.masterSecurityCode,
+    masterSecurityCode = _ref$masterSecurityCo === void 0 ? false : _ref$masterSecurityCo,
+    customer = _ref.customer;
+  var checkDisabled = function checkDisabled(input) {
+    if (masterSecurityCode) {
+      return "hoc575".toUpperCase() !== input.toUpperCase();
+    } else {
+      var _customer$securityCod;
+      return (customer === null || customer === void 0 || (_customer$securityCod = customer.securityCode) === null || _customer$securityCod === void 0 ? void 0 : _customer$securityCod.toUpperCase()) !== input.toUpperCase();
+    }
+  };
+  return /*#__PURE__*/_jsx(HModal, {
+    cancelText: cancelText,
+    confirmText: confirmText,
+    title: title !== null && title !== void 0 ? title : "Codice di sicurezza",
+    text: text !== null && text !== void 0 ? text : "Inserisci il codice di sicurezza",
+    placeholderInput: "",
+    showModal: showModal,
+    onCloseFunction: onCloseFunction,
+    onConfirmFunction: onConfirmFunction,
+    isInput: true,
+    inputType: "password",
+    checkDisabled: checkDisabled
+  });
+};
+export default HModalSecurityCode;

package/dist/lib/HocComponents/HModalData/HModalData.js

@@ -0,0 +1,167 @@
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+import { useEffect } from "react";
+import { useSounds } from "../../hooks";
+import useBooking from "../../hooks/useBooking";
+import HBox from "../HBox/HBox";
+import HCircularButton from "../HCircularButton/HCircularButton";
+import HModal from "../HModal/HModal";
+import HText from "../HText/HText";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var HModalData = function HModalData(_ref) {
+  var _group$dataDays;
+  var event = _ref.event,
+    group = _ref.group,
+    showModal = _ref.showModal,
+    setShowModal = _ref.setShowModal,
+    titleDate = _ref.titleDate,
+    _ref$list = _ref.list,
+    list = _ref$list === void 0 ? false : _ref$list,
+    _ref$text = _ref.text,
+    text = _ref$text === void 0 ? "" : _ref$text,
+    _ref$showButtonAccept = _ref.showButtonAccept,
+    showButtonAccept = _ref$showButtonAccept === void 0 ? false : _ref$showButtonAccept,
+    _ref$showButtonCancel = _ref.showButtonCancel,
+    showButtonCancel = _ref$showButtonCancel === void 0 ? false : _ref$showButtonCancel,
+    getNow = _ref.getNow,
+    daySelected = _ref.daySelected,
+    onConfirmFunction = _ref.onConfirmFunction;
+  var _useSounds = useSounds(),
+    playSound = _useSounds.playSound,
+    HOC_SOUNDS = _useSounds.HOC_SOUNDS;
+  useEffect(function () {
+    if (showModal) playSound(HOC_SOUNDS.openModal);
+  }, [showModal]);
+  var _useBooking = useBooking(),
+    calculateStats = _useBooking.calculateStats;
+  function getStats() {
+    var participants = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+    var boys = 0,
+      girls = 0,
+      totalAge = 0,
+      totalLevel = 0,
+      countAge = 0,
+      countLevel = 0;
+    participants.forEach(function (p) {
+      if (p.gender === "male") boys++;
+      if (p.gender === "female") girls++;
+      if (p.birthDate) {
+        var _p$birthDate$split$ma = p.birthDate.split("/").map(Number),
+          _p$birthDate$split$ma2 = _slicedToArray(_p$birthDate$split$ma, 3),
+          d = _p$birthDate$split$ma2[0],
+          m = _p$birthDate$split$ma2[1],
+          y = _p$birthDate$split$ma2[2];
+        var today = getNow();
+        var age = today.getFullYear() - y;
+        if (today.getMonth() + 1 < m || today.getMonth() + 1 === m && today.getDate() < d) age--;
+        totalAge += age;
+        countAge++;
+      }
+      if (typeof p.customerLevel === "number") {
+        totalLevel += p.customerLevel;
+        countLevel++;
+      }
+    });
+    return {
+      boys: boys,
+      girls: girls,
+      avgAge: countAge ? (totalAge / countAge).toFixed(1) : "-",
+      avgLevel: countLevel ? (totalLevel / countLevel).toFixed(1) : "-"
+    };
+  }
+  var groupDay = group === null || group === void 0 || (_group$dataDays = group.dataDays) === null || _group$dataDays === void 0 ? void 0 : _group$dataDays.find(function (day) {
+    return day.dayNumber === Number(daySelected);
+  });
+  var possibleGroupArray = group && [].concat(_toConsumableArray((groupDay === null || groupDay === void 0 ? void 0 : groupDay.children) || []), _toConsumableArray((groupDay === null || groupDay === void 0 ? void 0 : groupDay.specialChildren) || []), _toConsumableArray((groupDay === null || groupDay === void 0 ? void 0 : groupDay.changedChildren) || []), _toConsumableArray((groupDay === null || groupDay === void 0 ? void 0 : groupDay.superSpecialChildren) || []));
+  var stats = getStats((event === null || event === void 0 ? void 0 : event.participants) || possibleGroupArray || []);
+  var statsArray = calculateStats(stats);
+  return /*#__PURE__*/_jsx(HModal, {
+    title: titleDate ? titleDate : "",
+    showModal: showModal,
+    showButtonCancel: showButtonCancel,
+    showButtonAccept: showButtonAccept,
+    onCloseFunction: function onCloseFunction() {
+      return setShowModal(false);
+    },
+    confirmText: "Continua",
+    onConfirmFunction: onConfirmFunction,
+    children: /*#__PURE__*/_jsxs(HBox, {
+      width: "100%",
+      direction: "column",
+      children: [/*#__PURE__*/_jsx(HBox, {
+        width: "100%",
+        justify: "space-evenly",
+        wrap: "wrap",
+        children: statsArray.map(function (item) {
+          return /*#__PURE__*/_jsxs(HBox, {
+            direction: "column",
+            gap: "0px",
+            children: [/*#__PURE__*/_jsx(HText, {
+              as: "h6",
+              width: "60px",
+              height: "48px",
+              style: {
+                display: "flex",
+                alignItems: "center",
+                justifyContent: "center"
+              },
+              children: item.label
+            }), /*#__PURE__*/_jsx(HCircularButton, {
+              imgSrc: item.icon,
+              position: "static",
+              width: "40px",
+              height: "40px"
+            }), /*#__PURE__*/_jsx(HText, {
+              as: "h6",
+              children: item.value
+            })]
+          }, item.label);
+        })
+      }), list && /*#__PURE__*/_jsx(HBox, {
+        direction: "column",
+        background: "white",
+        color: "purpleMedium",
+        width: "90%",
+        justify: "start",
+        height: "200px",
+        borderRadius: "20px 0px 0px 20px",
+        border: "4px solid #7025BE",
+        overflowY: "auto",
+        padding: "10px 15px",
+        gap: "0px",
+        children: ((event === null || event === void 0 ? void 0 : event.participants) || possibleGroupArray || []).map(function (participant, index) {
+          return /*#__PURE__*/_jsxs(HBox, {
+            justify: "space-between",
+            width: "100%",
+            padding: "0px 10px",
+            children: [/*#__PURE__*/_jsxs(HText, {
+              as: "h6",
+              children: [participant.name, " ", participant.lastName]
+            }), /*#__PURE__*/_jsxs(HText, {
+              as: "h6",
+              children: ["LV ", participant === null || participant === void 0 ? void 0 : participant.customerLevel]
+            })]
+          }, index);
+        })
+      }), text && /*#__PURE__*/_jsx(HBox, {
+        width: "90%",
+        justify: "center",
+        padding: "10px 0px",
+        children: /*#__PURE__*/_jsx(HText, {
+          color: "purpleMedium",
+          as: "h4",
+          children: text
+        })
+      })]
+    })
+  });
+};
+export default HModalData;

package/dist/lib/HocComponents/HNavbar/HHeader/Header.styled.js

@@ -0,0 +1,48 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+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";
+import { Link } from "react-router-dom";
+export var Header = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+export var Container = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: 0 auto;\n  background: ", ";\n  color: white;\n  position: relative;\n  padding: 0 10px;\n"])), function (_ref) {
+  var theme = _ref.theme;
+  return theme.shadePurpleDark;
+});
+export var Nav = styled.nav(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  max-width: 1200px;\n  margin: auto;\n  height: 80px;\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  align-items: center;\n  h1 {\n    text-align: center;\n    font-size: var(--h3);\n  }\n  button {\n    cursor: pointer;\n    height: 30px;\n    width: 30px;\n    border-radius: 50%;\n    border: none;\n    background-color: ", ";\n    color: ", ";\n    &:focus {\n      outline: none;\n    }\n    transition: all 0.5s ease;\n    svg {\n      margin-top: 2px;\n    }\n  }\n"])), function (props) {
+  return props.theme.titleColor;
+}, function (props) {
+  return props.theme.pageBackground;
+});
+export var LeftBox = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  gap: 10px;\n  justify-content: flex-start;\n  align-items: center;\n  h6 {\n    font-size: var(--h6);\n    font-weight: var(--weight-medium);\n  }\n  p {\n    font-size: var(--p12);\n    font-weight: var(--weight-light);\n  }\n  hr {\n    width: 1px;\n    height: 50px;\n  }\n"])));
+export var CharacterContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n"])));
+export var CharacterWrapper = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  gap: 10px;\n"])));
+export var Character = styled.img(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  cursor: pointer;\n"])));
+export var ProfileWrapper = styled(Link)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: inherit;\n"])));
+export var CoinBox = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  display: flex;\n\n  ", "\n  img {\n    width: 27px;\n    height: 27px;\n    transform: translateX(10px);\n  }\n  div {\n    display: flex;\n    align-items: center;\n    padding: 0px 15px;\n    border-radius: 50px;\n    background: ", ";\n    p {\n      font-size: var(--h6);\n      font-weight: var(--weight-medium);\n      color: ", ";\n    }\n  }\n  section {\n    display: flex;\n  }\n"])), function (_ref2) {
+  var isMobile = _ref2.isMobile;
+  return isMobile === "true" ? " flex-direction: column;gap: 5px;scale: 0.8;transform: translateX(-25px);" : "";
+}, function (_ref3) {
+  var theme = _ref3.theme;
+  return theme.shadePurpleLight;
+}, function (_ref4) {
+  var theme = _ref4.theme;
+  return theme.purpleDark;
+});
+export var CentralBox = styled(Link)(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["\n  position: absolute;\n  top: 85%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  z-index: 1;\n  height: 140px;\n  width: 140px;\n  img {\n    width: 100%;\n    height: 100%;\n  }\n"])));
+export var RightBox = styled.div(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: 10px;\n"])));
+export var LinkIcon = styled(Link)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  height: 80px;\n  display: flex;\n  align-items: center;\n  position: relative;\n  margin-left: ", ";\n\n  img {\n    width: 25px;\n    height: 25px;\n  }\n"])), function (_ref5) {
+  var left = _ref5.left;
+  return left === "true" ? "10px" : "0";
+});
+export var HeaderNotificationMenuContainer = styled.div(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  position: fixed;\n  top: 85px;\n  right: 10px;\n  z-index: 4;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n"])));
+export var HeaderNotificationMenuWrapper = styled.div(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  width: auto;\n  max-width: 400px;\n  height: auto;\n  background: ", ";\n  color: white;\n  border-radius: 10px;\n  padding: 20px 10px;\n  font-size: var(--p14);\n  cursor: ", ";\n  h6 {\n    font-size: var(--p14);\n    font-weight: var(--weight-bold);\n  }\n  hr {\n    margin: 10px 0;\n  }\n"])), function (_ref6) {
+  var theme = _ref6.theme;
+  return theme.shadePurpleDark;
+}, function (_ref7) {
+  var cursorOff = _ref7.cursorOff;
+  return cursorOff === "true" ? "default" : "pointer";
+});
+export var ExistMessage = styled.div(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n  position: absolute !important;\n  top: 18px;\n  right: -5px;\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n  background: ", ";\n"])), function (_ref8) {
+  var theme = _ref8.theme,
+    status = _ref8.status;
+  return status === "true" ? theme.goldColor : "transparent";
+});

package/dist/lib/HocComponents/HNavbar/HHeaderCharacter/HeaderCharacter.js

@@ -0,0 +1,353 @@
+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); }
+function _regeneratorRuntime() { "use strict"; /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ _regeneratorRuntime = function _regeneratorRuntime() { return r; }; var t, r = {}, e = Object.prototype, n = e.hasOwnProperty, o = "function" == typeof Symbol ? Symbol : {}, i = o.iterator || "@@iterator", a = o.asyncIterator || "@@asyncIterator", u = o.toStringTag || "@@toStringTag"; function c(t, r, e, n) { return Object.defineProperty(t, r, { value: e, enumerable: !n, configurable: !n, writable: !n }); } try { c({}, ""); } catch (t) { c = function c(t, r, e) { return t[r] = e; }; } function h(r, e, n, o) { var i = e && e.prototype instanceof Generator ? e : Generator, a = Object.create(i.prototype); return c(a, "_invoke", function (r, e, n) { var o = 1; return function (i, a) { if (3 === o) throw Error("Generator is already running"); if (4 === o) { if ("throw" === i) throw a; return { value: t, done: !0 }; } for (n.method = i, n.arg = a;;) { var u = n.delegate; if (u) { var c = d(u, n); if (c) { if (c === f) continue; return c; } } if ("next" === n.method) n.sent = n._sent = n.arg;else if ("throw" === n.method) { if (1 === o) throw o = 4, n.arg; n.dispatchException(n.arg); } else "return" === n.method && n.abrupt("return", n.arg); o = 3; var h = s(r, e, n); if ("normal" === h.type) { if (o = n.done ? 4 : 2, h.arg === f) continue; return { value: h.arg, done: n.done }; } "throw" === h.type && (o = 4, n.method = "throw", n.arg = h.arg); } }; }(r, n, new Context(o || [])), !0), a; } function s(t, r, e) { try { return { type: "normal", arg: t.call(r, e) }; } catch (t) { return { type: "throw", arg: t }; } } r.wrap = h; var f = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} var l = {}; c(l, i, function () { return this; }); var p = Object.getPrototypeOf, y = p && p(p(x([]))); y && y !== e && n.call(y, i) && (l = y); var v = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(l); function g(t) { ["next", "throw", "return"].forEach(function (r) { c(t, r, function (t) { return this._invoke(r, t); }); }); } function AsyncIterator(t, r) { function e(o, i, a, u) { var c = s(t[o], t, i); if ("throw" !== c.type) { var h = c.arg, f = h.value; return f && "object" == _typeof(f) && n.call(f, "__await") ? r.resolve(f.__await).then(function (t) { e("next", t, a, u); }, function (t) { e("throw", t, a, u); }) : r.resolve(f).then(function (t) { h.value = t, a(h); }, function (t) { return e("throw", t, a, u); }); } u(c.arg); } var o; c(this, "_invoke", function (t, n) { function i() { return new r(function (r, o) { e(t, n, r, o); }); } return o = o ? o.then(i, i) : i(); }, !0); } function d(r, e) { var n = e.method, o = r.i[n]; if (o === t) return e.delegate = null, "throw" === n && r.i["return"] && (e.method = "return", e.arg = t, d(r, e), "throw" === e.method) || "return" !== n && (e.method = "throw", e.arg = new TypeError("The iterator does not provide a '" + n + "' method")), f; var i = s(o, r.i, e.arg); if ("throw" === i.type) return e.method = "throw", e.arg = i.arg, e.delegate = null, f; var a = i.arg; return a ? a.done ? (e[r.r] = a.value, e.next = r.n, "return" !== e.method && (e.method = "next", e.arg = t), e.delegate = null, f) : a : (e.method = "throw", e.arg = new TypeError("iterator result is not an object"), e.delegate = null, f); } function w(t) { this.tryEntries.push(t); } function m(r) { var e = r[4] || {}; e.type = "normal", e.arg = t, r[4] = e; } function Context(t) { this.tryEntries = [[-1]], t.forEach(w, this), this.reset(!0); } function x(r) { if (null != r) { var e = r[i]; if (e) return e.call(r); if ("function" == typeof r.next) return r; if (!isNaN(r.length)) { var o = -1, a = function e() { for (; ++o < r.length;) if (n.call(r, o)) return e.value = r[o], e.done = !1, e; return e.value = t, e.done = !0, e; }; return a.next = a; } } throw new TypeError(_typeof(r) + " is not iterable"); } return GeneratorFunction.prototype = GeneratorFunctionPrototype, c(v, "constructor", GeneratorFunctionPrototype), c(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = c(GeneratorFunctionPrototype, u, "GeneratorFunction"), r.isGeneratorFunction = function (t) { var r = "function" == typeof t && t.constructor; return !!r && (r === GeneratorFunction || "GeneratorFunction" === (r.displayName || r.name)); }, r.mark = function (t) { return Object.setPrototypeOf ? Object.setPrototypeOf(t, GeneratorFunctionPrototype) : (t.__proto__ = GeneratorFunctionPrototype, c(t, u, "GeneratorFunction")), t.prototype = Object.create(v), t; }, r.awrap = function (t) { return { __await: t }; }, g(AsyncIterator.prototype), c(AsyncIterator.prototype, a, function () { return this; }), r.AsyncIterator = AsyncIterator, r.async = function (t, e, n, o, i) { void 0 === i && (i = Promise); var a = new AsyncIterator(h(t, e, n, o), i); return r.isGeneratorFunction(e) ? a : a.next().then(function (t) { return t.done ? t.value : a.next(); }); }, g(v), c(v, u, "Generator"), c(v, i, function () { return this; }), c(v, "toString", function () { return "[object Generator]"; }), r.keys = function (t) { var r = Object(t), e = []; for (var n in r) e.unshift(n); return function t() { for (; e.length;) if ((n = e.pop()) in r) return t.value = n, t.done = !1, t; return t.done = !0, t; }; }, r.values = x, Context.prototype = { constructor: Context, reset: function reset(r) { if (this.prev = this.next = 0, this.sent = this._sent = t, this.done = !1, this.delegate = null, this.method = "next", this.arg = t, this.tryEntries.forEach(m), !r) for (var e in this) "t" === e.charAt(0) && n.call(this, e) && !isNaN(+e.slice(1)) && (this[e] = t); }, stop: function stop() { this.done = !0; var t = this.tryEntries[0][4]; if ("throw" === t.type) throw t.arg; return this.rval; }, dispatchException: function dispatchException(r) { if (this.done) throw r; var e = this; function n(t) { a.type = "throw", a.arg = r, e.next = t; } for (var o = e.tryEntries.length - 1; o >= 0; --o) { var i = this.tryEntries[o], a = i[4], u = this.prev, c = i[1], h = i[2]; if (-1 === i[0]) return n("end"), !1; if (!c && !h) throw Error("try statement without catch or finally"); if (null != i[0] && i[0] <= u) { if (u < c) return this.method = "next", this.arg = t, n(c), !0; if (u < h) return n(h), !1; } } }, abrupt: function abrupt(t, r) { for (var e = this.tryEntries.length - 1; e >= 0; --e) { var n = this.tryEntries[e]; if (n[0] > -1 && n[0] <= this.prev && this.prev < n[2]) { var o = n; break; } } o && ("break" === t || "continue" === t) && o[0] <= r && r <= o[2] && (o = null); var i = o ? o[4] : {}; return i.type = t, i.arg = r, o ? (this.method = "next", this.next = o[2], f) : this.complete(i); }, complete: function complete(t, r) { if ("throw" === t.type) throw t.arg; return "break" === t.type || "continue" === t.type ? this.next = t.arg : "return" === t.type ? (this.rval = this.arg = t.arg, this.method = "return", this.next = "end") : "normal" === t.type && r && (this.next = r), f; }, finish: function finish(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[2] === t) return this.complete(e[4], e[3]), m(e), f; } }, "catch": function _catch(t) { for (var r = this.tryEntries.length - 1; r >= 0; --r) { var e = this.tryEntries[r]; if (e[0] === t) { var n = e[4]; if ("throw" === n.type) { var o = n.arg; m(e); } return o; } } throw Error("illegal catch attempt"); }, delegateYield: function delegateYield(r, e, n) { return this.delegate = { i: x(r), r: e, n: n }, "next" === this.method && (this.arg = t), f; } }, r; }
+function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
+function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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 _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _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(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+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(r) { if (Array.isArray(r)) return r; }
+//ANCHOR Dependencies
+import { useState, useEffect } from "react";
+
+//ANCHOR Imports
+import close from "../../assets/icons/close.svg";
+import { baseURLAxios } from "../../config/axios";
+import { characters } from "../../data/Characters.js";
+import store from "../../assets/icons/store.svg";
+//ANCHOR Styled Components
+import { CloseIcon, CharacterContainer, CharacterWrapper, TopContainer, ImgContainer, ImgWrapper, BlackBox, ImgMargin, SearchContainer, SearchInput, CustomSelect, LinkStore, SelectType, SelectTypeWrapper } from "./HeaderCharacter.styled.js";
+import { useSounds } from "../../../hooks/useSounds.jsx";
+import { PuffLoaderComponent } from "../crossFolder/PuffLoader.jsx";
+import HSearchInput from "../../HSearchInput/HSearchInput.jsx";
+
+//SECTION React Function
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HeaderCharacter(_ref) {
+  var api = _ref.api,
+    setApi = _ref.setApi,
+    showCharacter = _ref.showCharacter,
+    allPets = _ref.allPets;
+  //NOTE - Filter by name
+  var _useState = useState(""),
+    _useState2 = _slicedToArray(_useState, 2),
+    filterNameAvatar = _useState2[0],
+    setFilterNameAvatar = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    filterNamePet = _useState4[0],
+    setFilterNamePet = _useState4[1];
+  var _useState5 = useState(""),
+    _useState6 = _slicedToArray(_useState5, 2),
+    petImg = _useState6[0],
+    setPetImg = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    dataPets = _useState8[0],
+    setDataPets = _useState8[1];
+  var _useSounds = useSounds(),
+    playSeleccionarPilar = _useSounds.playSeleccionarPilar,
+    playToggleSecundario = _useSounds.playToggleSecundario;
+  var _useState9 = useState([]),
+    _useState0 = _slicedToArray(_useState9, 2),
+    petsWithImages = _useState0[0],
+    setPetsWithImages = _useState0[1];
+  useEffect(function () {
+    if (api && api.profileInfo.pet && dataPets.length === 0) {
+      baseURLAxios.put("/getAllPets", {
+        userId: api._id
+      }).then(function (res) {
+        setDataPets(res.data.pets.pets);
+        var updatedPetsWithImages = res.data.pets.pets.map(function (pet) {
+          var petInfo = allPets.find(function (p) {
+            return p.originalName === pet.name;
+          });
+          var selectedImage;
+          if (pet.elo < 2000) {
+            if (petInfo.backImg[0] === "/") {
+              selectedImage = petInfo.backImg;
+            } else {
+              selectedImage = petInfo.backImg[0];
+            }
+            if (petInfo.originalName === api.profileInfo.pet) {
+              setPetImg(selectedImage);
+            }
+          } else if (pet.elo >= 2000 && pet.elo < 2500) {
+            if (petInfo.backImg[0] === "/") {
+              selectedImage = petInfo.backImg;
+            } else {
+              selectedImage = petInfo.backImg[1];
+            }
+            if (petInfo.originalName === api.profileInfo.pet) {
+              setPetImg(selectedImage);
+            }
+            pet.name = petInfo.evoName[0];
+          } else {
+            if (petInfo.backImg[0] === "/") {
+              selectedImage = petInfo.backImg;
+            } else {
+              selectedImage = petInfo.backImg[2];
+            }
+            if (petInfo.originalName === api.profileInfo.pet) {
+              setPetImg(selectedImage);
+            }
+            pet.name = petInfo.evoName[1];
+          }
+          return _objectSpread(_objectSpread({}, pet), {}, {
+            img: selectedImage,
+            originalName: petInfo.originalName
+          });
+        });
+        setPetsWithImages(updatedPetsWithImages);
+      })["catch"](function (err) {
+        console.log(err);
+      });
+    }
+  }, [api, dataPets]);
+  var updateName = function updateName(e) {
+    if (type === "avatar") {
+      setFilterNameAvatar(e.target.value);
+    } else if (type === "pets") {
+      setFilterNamePet(e.target.value);
+    }
+  };
+
+  //NOTE - Filter by type
+  var _useState1 = useState("all"),
+    _useState10 = _slicedToArray(_useState1, 2),
+    filterType = _useState10[0],
+    setFilterType = _useState10[1];
+  var updateType = function updateType(e) {
+    if (e.target.value === "Gratuiti") {
+      setFilterType("");
+    } else {
+      setFilterType(e.target.value);
+    }
+  };
+
+  //NOTE - Filter out characters without a price
+  var charactersWithoutPrice = characters.filter(function (character) {
+    return character.price === undefined;
+  });
+
+  //NOTE - Filter out characters with a price
+  var charactersWithPrice = characters.filter(function (character) {
+    return character.price !== undefined && api.claims.characters.includes(character.name);
+  });
+
+  //NOTE - Merge the two arrays
+  charactersWithoutPrice.push.apply(charactersWithoutPrice, _toConsumableArray(charactersWithPrice));
+  var filteredCharactersByType = charactersWithoutPrice.filter(function (character) {
+    return character.type.toLowerCase() === filterType.toLowerCase() || filterType === "all";
+  });
+  var filteredCharacters = filteredCharactersByType.filter(function (character) {
+    return character.name.toLowerCase().includes(filterNameAvatar.toLowerCase());
+  });
+  var filteredPet = petsWithImages.filter(function (character) {
+    return character.name.toLowerCase().includes(filterNamePet.toLowerCase());
+  });
+  var _useState11 = useState(false),
+    _useState12 = _slicedToArray(_useState11, 2),
+    open = _useState12[0],
+    setOpen = _useState12[1];
+
+  //NOTE - Functionality to update the character
+  var updateCharacter = function updateCharacter(name, img) {
+    if (!open) {
+      setOpen(true);
+    }
+    if (type === "avatar") {
+      setApi(_objectSpread(_objectSpread({}, api), {}, {
+        profileInfo: _objectSpread(_objectSpread({}, api.profileInfo), {}, {
+          character: name
+        })
+      }));
+    } else if (type === "pets") {
+      setApi(_objectSpread(_objectSpread({}, api), {}, {
+        profileInfo: _objectSpread(_objectSpread({}, api.profileInfo), {}, {
+          pet: name
+        })
+      }));
+      setPetImg(img);
+    }
+  };
+
+  //NOTE - Functionality to save the character
+  var saveCharacter = /*#__PURE__*/function () {
+    var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee() {
+      var res;
+      return _regeneratorRuntime().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return baseURLAxios.put("/customerid/".concat(api._id), {
+              profileInfo: api.profileInfo
+            });
+          case 3:
+            res = _context.sent;
+            if (!(res.data.code === 11000)) {
+              _context.next = 6;
+              break;
+            }
+            throw new Error("Duplicate key error");
+          case 6:
+            _context.next = 11;
+            break;
+          case 8:
+            _context.prev = 8;
+            _context.t0 = _context["catch"](0);
+            console.error(_context.t0);
+          case 11:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 8]]);
+    }));
+    return function saveCharacter() {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  var renderDropdown = function renderDropdown() {
+    // que no se repitan los tipos
+    var array = characters.map(function (character) {
+      return character.type;
+    });
+    var uniqueArray = _toConsumableArray(new Set(array));
+    uniqueArray = uniqueArray.map(function (type) {
+      if (type === "") {
+        return "Gratuiti";
+      } else {
+        return type;
+      }
+    });
+    uniqueArray.sort(function (a, b) {
+      return a.toLowerCase().charCodeAt(0) - b.toLowerCase().charCodeAt(0);
+    });
+    return uniqueArray.map(function (type, index) {
+      return /*#__PURE__*/_jsx("option", {
+        value: type,
+        children: type.charAt(0).toUpperCase() + type.slice(1)
+      }, index);
+    });
+  };
+  useEffect(function () {
+    if (open) {
+      saveCharacter();
+    }
+  }, [api]);
+  var _useState13 = useState("avatar"),
+    _useState14 = _slicedToArray(_useState13, 2),
+    type = _useState14[0],
+    setType = _useState14[1];
+  return /*#__PURE__*/_jsxs(CharacterContainer, {
+    children: [/*#__PURE__*/_jsx(BlackBox, {
+      onClick: showCharacter
+    }), /*#__PURE__*/_jsxs(CharacterWrapper, {
+      children: [/*#__PURE__*/_jsx(CloseIcon, {
+        onClick: showCharacter,
+        children: /*#__PURE__*/_jsx("img", {
+          src: close,
+          alt: "close icon"
+        })
+      }), /*#__PURE__*/_jsxs(TopContainer, {
+        children: [type === "pets" && !petImg && /*#__PURE__*/_jsx(PuffLoaderComponent, {
+          color: "white",
+          margin: "0px 0px"
+        }), type === "pets" && petImg && /*#__PURE__*/_jsx("img", {
+          src: petImg,
+          alt: "character"
+        }), type !== "pets" && /*#__PURE__*/_jsx("img", {
+          src: api.profileInfo.picture,
+          alt: "character"
+        }), /*#__PURE__*/_jsxs("div", {
+          className: "personalize",
+          children: [/*#__PURE__*/_jsx("h3", {
+            children: "Personalize identity"
+          }), /*#__PURE__*/_jsxs(SelectType, {
+            children: [/*#__PURE__*/_jsx(SelectTypeWrapper, {
+              selected: type === "avatar",
+              onClick: function onClick() {
+                playToggleSecundario();
+                setType("avatar");
+              },
+              children: "Avatar"
+            }), /*#__PURE__*/_jsx(SelectTypeWrapper, {
+              selected: type === "pets",
+              onClick: function onClick() {
+                playToggleSecundario();
+                setType("pets");
+              },
+              children: "Pets"
+            })]
+          }), /*#__PURE__*/_jsxs("div", {
+            style: {
+              display: "flex"
+            },
+            children: [/*#__PURE__*/_jsx(HSearchInput, {
+              type: "text",
+              placeholder: "Search",
+              onChange: updateName
+            }), type !== "pets" && /*#__PURE__*/_jsxs(CustomSelect, {
+              onChange: updateType,
+              children: [/*#__PURE__*/_jsx("option", {
+                value: "all",
+                children: "All"
+              }), renderDropdown()]
+            })]
+          })]
+        })]
+      }), /*#__PURE__*/_jsxs(ImgContainer, {
+        children: [(type === "pets" && filteredPet.length === 0 || type === "avatar" && filteredCharacters.length === 0) && /*#__PURE__*/_jsx("div", {
+          style: {
+            width: "100%",
+            display: "flex",
+            justifyContent: "center",
+            alignItems: "center"
+          },
+          children: /*#__PURE__*/_jsx(PuffLoaderComponent, {
+            margin: "0px auto"
+          })
+        }), /*#__PURE__*/_jsx(ImgMargin, {
+          children: /*#__PURE__*/_jsxs(ImgWrapper, {
+            children: [(type === "avatar" ? filteredCharacters : filteredPet).map(function (character, index) {
+              return /*#__PURE__*/_jsxs("div", {
+                onClick: function onClick() {
+                  playSeleccionarPilar();
+                  updateCharacter(type === "avatar" ? character.name : character.originalName, character.img);
+                },
+                children: [/*#__PURE__*/_jsx("img", {
+                  src: character.img,
+                  alt: character.name
+                }), /*#__PURE__*/_jsx("p", {
+                  children: character.name
+                })]
+              }, index);
+            }), type !== "pets" && /*#__PURE__*/_jsx("div", {
+              children: /*#__PURE__*/_jsxs(LinkStore, {
+                to: "/storecharacter/".concat(api._id),
+                onClick: showCharacter,
+                children: [/*#__PURE__*/_jsx("img", {
+                  src: store,
+                  alt: "store icon"
+                }), /*#__PURE__*/_jsx("p", {
+                  children: "Acquista altri"
+                })]
+              })
+            })]
+          })
+        })]
+      })]
+    })]
+  });
+}