livevegas-ui-kit 0.1.5 → 0.1.6

package/dist/components/BalanceAndBet/index.d.ts

@@ -1,7 +1,6 @@
-interface IBalanceAndBet {
+export interface IBalanceAndBet {
     balance: number;
     bet: number;
     currencyId: string;
 }
 export declare const BalanceAndBet: ({ balance, bet, currencyId }: IBalanceAndBet) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Button/index.d.ts

@@ -1,4 +1,4 @@
-interface IButton {
+export interface IButton {
     icon?: React.ReactNode;
     buttonInfo?: string;
     onClick?: () => void;
@@ -11,4 +11,3 @@ interface IButton {
     isActiveBlue?: boolean;
 }
 export declare const Button: ({ icon, onClick, buttonInfo, isActive, isValueButton, width, height, text, textStyle, isActiveBlue, }: IButton) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Chat/index.d.ts

@@ -1,8 +1,7 @@
 import { IMessage } from '../../api/types';
-interface IChat {
+export interface IChat {
     onSendMessage: (message: string) => void;
     messages: IMessage[];
     isMobile?: boolean;
 }
 export declare const Chat: ({ onSendMessage, messages, isMobile }: IChat) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/Chip/index.d.ts

@@ -1,4 +1,4 @@
-interface IChip {
+export interface IChip {
     chipAmounts: number[];
     amount: number;
     width?: number;
@@ -6,4 +6,3 @@ interface IChip {
     onClick?: (amount: number) => void;
 }
 export declare const Chip: ({ chipAmounts, amount, width, height, onClick, }: IChip) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/components/MobileMenu/index.d.ts

@@ -2,7 +2,7 @@ import { HubConnection } from '@microsoft/signalr';
 import { IUrlParam } from '../../utils/helpers';
 import { IMessage } from '../../api/types';
 import { IHistoryData } from '../History/helpers';
-export interface IToLobby {
+export interface IMobileMenu {
     name: string;
     round: string;
     limit: string;
@@ -18,4 +18,4 @@ export interface IToLobby {
     isLandscape: boolean;
     historyData: IHistoryData;
 }
-export declare const MobileMenu: ({ name, round, partnerId, socket, urlParam, messages, historyData, onSendMessage, isTournamentActive, chipAmounts, messagesSupport, onSendMessageSupport, isLandscape, }: IToLobby) => import("react/jsx-runtime").JSX.Element;
+export declare const MobileMenu: ({ name, round, partnerId, socket, urlParam, messages, historyData, onSendMessage, isTournamentActive, chipAmounts, messagesSupport, onSendMessageSupport, isLandscape, }: IMobileMenu) => import("react/jsx-runtime").JSX.Element;

package/dist/components/index.d.ts

@@ -1,6 +1,12 @@
 export { BalanceAndBet } from './BalanceAndBet';
 export { Button } from './Button';
-export { Chat } from './Chat';
 export { Chip } from './Chip';
+export { Chat } from './Chat';
 export { MobileMenu } from './MobileMenu';
 export { TopIcons } from './TopIcons';
+export type { IBalanceAndBet } from './BalanceAndBet';
+export type { IButton } from './Button';
+export type { IChat } from './Chat';
+export type { IChip } from './Chip';
+export type { IMobileMenu } from './MobileMenu';
+export type { IIcon } from './TopIcons';

package/dist/livevegas-ui-kit.es.js

@@ -1730,171 +1730,6 @@ const Button$1 = ({
     }
   ) });
 };
-const ChatContener = dt.div`
-  display: flex;
-  width: ${({ isMobile }) => isMobile ? "100%" : "285px"};
-  height: ${({ isMobile }) => isMobile ? "100%" : "fit-content"};
-  margin-top: 10px;
-  flex-direction: ${({ isMobile }) => isMobile ? "column-reverse" : "column"};
-  justify-content: end;
-`;
-const SendMessageContener$1 = dt.div`
-  position: relative;
-  height: 40px;
-  ${({ isMobile }) => isMobile && "bottom: 28px"};
-  max-width: ${({ isMobile }) => isMobile ? "90%" : "fit-content"};
-  left: ${({ isMobile }) => isMobile ? "5%" : "43px"};
-  .send-massage {
-    cursor: pointer;
-    position: absolute;
-    right: 10px;
-    top: 10px;
-  }
-`;
-const InputMessage$1 = dt.input`
-  padding-left: 8px;
-  padding-right: 12px;
-  max-width: ${({ isMobile }) => isMobile ? "100%" : "220px"};
-  min-width: ${({ isMobile }) => isMobile ? "90%" : "220px"}; 
-  height: 36px;
-  border-radius: 8px;
-  background: #111111cc;
-  border: 1px solid;
-  backdrop-filter: blur(100px);
-  color: #ffffff;
-  font-family: Inter;
-  font-weight: 500;
-  font-size: 14px;
-  line-height: 16px;
-  border-color: transparent;
-  outline: none;
-  &:focus {
-    border-color: #ffffff;
-    outline: none;
-  }
-`;
-const GetMessageContener = dt.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  ${({ isMobile }) => isMobile ? `height: calc(100% - 40px)` : ""};
-
-  .message-item {
-    width: 100%;
-    display: flex;
-    flex-direction: column;
-    justify-content: end;
-    align-items: end;
-    animation-duration: 8s;
-    animation-name: slidein;
-  }
-
-  .sender-nick {
-    display: flex;
-    height: 16px;
-    gap: 6px;
-    align-items: center;
-  }
-
-  .nickname {
-    font-family: Inter;
-    font-weight: 700;
-    font-size: 12px;
-    line-height: 10px;
-    line-height: 100%;
-    text-align: right;
-    color: #c5f5fa;
-  }
-
-  .time {
-    font-family: Inter;
-    font-weight: 400;
-    font-size: 10px;
-    text-align: right;
-    color: #c5f5fa;
-    line-height: 100%;
-    letter-spacing: 0px;
-  }
-
-  .masssage {
-    font-family: Inter;
-    font-weight: 500;
-    font-size: 12px;
-    line-height: 16px;
-    letter-spacing: 0%;
-    text-align: right;
-    color: #ffffff;
-  }
-
-  @keyframes slidein {
-    from {
-      opacity: 1;
-    }
-
-    to {
-      opacity: 0;
-    }
-  }
-`;
-const InputCursor = ({ onClick }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-  "svg",
-  {
-    onClick: () => onClick,
-    width: "20",
-    height: "20",
-    viewBox: "0 0 20 20",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx("g", { opacity: "0.3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "path",
-      {
-        d: "M10.6193 10.1497L4.89501 11.1043C4.8292 11.1153 4.76744 11.1434 4.71595 11.1858C4.66445 11.2282 4.62503 11.2835 4.60165 11.346L2.62793 16.6333C2.43945 17.1197 2.94789 17.5833 3.41453 17.35L17.0945 10.51C17.1893 10.4626 17.269 10.3899 17.3247 10.2998C17.3804 10.2097 17.4099 10.1059 17.4099 10C17.4099 9.89409 17.3804 9.79027 17.3247 9.7002C17.269 9.61012 17.1893 9.53735 17.0945 9.49004L3.41453 2.65004C2.94789 2.41672 2.43945 2.88108 2.62793 3.36672L4.60241 8.65404C4.62568 8.71667 4.66505 8.77206 4.71656 8.81463C4.76806 8.85719 4.82988 8.88542 4.89577 8.89648L10.6201 9.85028C10.6553 9.85645 10.6872 9.87484 10.7102 9.90223C10.7333 9.92961 10.7459 9.96423 10.7459 10C10.7459 10.0358 10.7333 10.0704 10.7102 10.0978C10.6872 10.1251 10.6553 10.1435 10.6201 10.1497H10.6193Z",
-        fill: "white",
-        fillOpacity: "0.6"
-      }
-    ) })
-  }
-);
-const Chat = ({ onSendMessage, messages, isMobile }) => {
-  const [message, setMessage] = useState("");
-  const sendMessages = (event) => {
-    const messageText = event.target.value;
-    if (messageText.trim().length || message.length === 1) {
-      setMessage(messageText);
-    }
-  };
-  const sendMessage = () => {
-    onSendMessage(message);
-    setMessage("");
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ChatContener, { isMobile: !!isMobile, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(SendMessageContener$1, { isMobile: !!isMobile, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        InputMessage$1,
-        {
-          isMobile: !!isMobile,
-          value: message,
-          onChange: sendMessages,
-          placeholder: "Click to chat",
-          type: "text",
-          onKeyPress: (event) => {
-            if (event.key === "Enter") {
-              sendMessage();
-            }
-          }
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "send-massage", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputCursor, { onClick: sendMessage }) })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(GetMessageContener, { isMobile: !!isMobile, children: messages.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-item", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sender-nick", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "nickname", children: item.senderNickname }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "time", children: item.time })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "masssage", children: item.message })
-    ] }, index2)) })
-  ] });
-};
 const getColor = (chipAmounts, amount) => {
   const chipIndex = chipAmounts.reduce((index2, chip, i) => {
     if (chip === amount) {
@@ -2775,6 +2610,171 @@ const Chip = ({
     amount
   );
 };
+const ChatContener = dt.div`
+  display: flex;
+  width: ${({ isMobile }) => isMobile ? "100%" : "285px"};
+  height: ${({ isMobile }) => isMobile ? "100%" : "fit-content"};
+  margin-top: 10px;
+  flex-direction: ${({ isMobile }) => isMobile ? "column-reverse" : "column"};
+  justify-content: end;
+`;
+const SendMessageContener$1 = dt.div`
+  position: relative;
+  height: 40px;
+  ${({ isMobile }) => isMobile && "bottom: 28px"};
+  max-width: ${({ isMobile }) => isMobile ? "90%" : "fit-content"};
+  left: ${({ isMobile }) => isMobile ? "5%" : "43px"};
+  .send-massage {
+    cursor: pointer;
+    position: absolute;
+    right: 10px;
+    top: 10px;
+  }
+`;
+const InputMessage$1 = dt.input`
+  padding-left: 8px;
+  padding-right: 12px;
+  max-width: ${({ isMobile }) => isMobile ? "100%" : "220px"};
+  min-width: ${({ isMobile }) => isMobile ? "90%" : "220px"}; 
+  height: 36px;
+  border-radius: 8px;
+  background: #111111cc;
+  border: 1px solid;
+  backdrop-filter: blur(100px);
+  color: #ffffff;
+  font-family: Inter;
+  font-weight: 500;
+  font-size: 14px;
+  line-height: 16px;
+  border-color: transparent;
+  outline: none;
+  &:focus {
+    border-color: #ffffff;
+    outline: none;
+  }
+`;
+const GetMessageContener = dt.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  ${({ isMobile }) => isMobile ? `height: calc(100% - 40px)` : ""};
+
+  .message-item {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: end;
+    align-items: end;
+    animation-duration: 8s;
+    animation-name: slidein;
+  }
+
+  .sender-nick {
+    display: flex;
+    height: 16px;
+    gap: 6px;
+    align-items: center;
+  }
+
+  .nickname {
+    font-family: Inter;
+    font-weight: 700;
+    font-size: 12px;
+    line-height: 10px;
+    line-height: 100%;
+    text-align: right;
+    color: #c5f5fa;
+  }
+
+  .time {
+    font-family: Inter;
+    font-weight: 400;
+    font-size: 10px;
+    text-align: right;
+    color: #c5f5fa;
+    line-height: 100%;
+    letter-spacing: 0px;
+  }
+
+  .masssage {
+    font-family: Inter;
+    font-weight: 500;
+    font-size: 12px;
+    line-height: 16px;
+    letter-spacing: 0%;
+    text-align: right;
+    color: #ffffff;
+  }
+
+  @keyframes slidein {
+    from {
+      opacity: 1;
+    }
+
+    to {
+      opacity: 0;
+    }
+  }
+`;
+const InputCursor = ({ onClick }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+  "svg",
+  {
+    onClick: () => onClick,
+    width: "20",
+    height: "20",
+    viewBox: "0 0 20 20",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ jsxRuntimeExports.jsx("g", { opacity: "0.3", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "path",
+      {
+        d: "M10.6193 10.1497L4.89501 11.1043C4.8292 11.1153 4.76744 11.1434 4.71595 11.1858C4.66445 11.2282 4.62503 11.2835 4.60165 11.346L2.62793 16.6333C2.43945 17.1197 2.94789 17.5833 3.41453 17.35L17.0945 10.51C17.1893 10.4626 17.269 10.3899 17.3247 10.2998C17.3804 10.2097 17.4099 10.1059 17.4099 10C17.4099 9.89409 17.3804 9.79027 17.3247 9.7002C17.269 9.61012 17.1893 9.53735 17.0945 9.49004L3.41453 2.65004C2.94789 2.41672 2.43945 2.88108 2.62793 3.36672L4.60241 8.65404C4.62568 8.71667 4.66505 8.77206 4.71656 8.81463C4.76806 8.85719 4.82988 8.88542 4.89577 8.89648L10.6201 9.85028C10.6553 9.85645 10.6872 9.87484 10.7102 9.90223C10.7333 9.92961 10.7459 9.96423 10.7459 10C10.7459 10.0358 10.7333 10.0704 10.7102 10.0978C10.6872 10.1251 10.6553 10.1435 10.6201 10.1497H10.6193Z",
+        fill: "white",
+        fillOpacity: "0.6"
+      }
+    ) })
+  }
+);
+const Chat = ({ onSendMessage, messages, isMobile }) => {
+  const [message, setMessage] = useState("");
+  const sendMessages = (event) => {
+    const messageText = event.target.value;
+    if (messageText.trim().length || message.length === 1) {
+      setMessage(messageText);
+    }
+  };
+  const sendMessage = () => {
+    onSendMessage(message);
+    setMessage("");
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ChatContener, { isMobile: !!isMobile, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(SendMessageContener$1, { isMobile: !!isMobile, children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        InputMessage$1,
+        {
+          isMobile: !!isMobile,
+          value: message,
+          onChange: sendMessages,
+          placeholder: "Click to chat",
+          type: "text",
+          onKeyPress: (event) => {
+            if (event.key === "Enter") {
+              sendMessage();
+            }
+          }
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "send-massage", children: /* @__PURE__ */ jsxRuntimeExports.jsx(InputCursor, { onClick: sendMessage }) })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(GetMessageContener, { isMobile: !!isMobile, children: messages.map((item, index2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "message-item", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "sender-nick", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "nickname", children: item.senderNickname }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "time", children: item.time })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "masssage", children: item.message })
+    ] }, index2)) })
+  ] });
+};
 var SendEventNames = /* @__PURE__ */ ((SendEventNames2) => {
   SendEventNames2["Launch"] = "launch";
   SendEventNames2["GameChange"] = "GameChange";