livevegas-ui-kit 1.0.3 → 1.0.4

package/README.md

@@ -1,69 +1,69 @@
-# React + TypeScript + Vite
-
-This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
-
-Currently, two official plugins are available:
-
-- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
-- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
-
-## Expanding the ESLint configuration
-
-If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
-
-```js
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-
-      // Remove tseslint.configs.recommended and replace with this
-      ...tseslint.configs.recommendedTypeChecked,
-      // Alternatively, use this for stricter rules
-      ...tseslint.configs.strictTypeChecked,
-      // Optionally, add this for stylistic rules
-      ...tseslint.configs.stylisticTypeChecked,
-
-      // Other configs...
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
-
-You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
-
-```js
-// eslint.config.js
-import reactX from 'eslint-plugin-react-x'
-import reactDom from 'eslint-plugin-react-dom'
-
-export default tseslint.config([
-  globalIgnores(['dist']),
-  {
-    files: ['**/*.{ts,tsx}'],
-    extends: [
-      // Other configs...
-      // Enable lint rules for React
-      reactX.configs['recommended-typescript'],
-      // Enable lint rules for React DOM
-      reactDom.configs.recommended,
-    ],
-    languageOptions: {
-      parserOptions: {
-        project: ['./tsconfig.node.json', './tsconfig.app.json'],
-        tsconfigRootDir: import.meta.dirname,
-      },
-      // other options...
-    },
-  },
-])
-```
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      ...tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      ...tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      ...tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default tseslint.config([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```

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

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

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

@@ -1,5 +1,5 @@
 
-export interface IChip {
+interface IChip {
     chipAmounts: number[];
     amount: number;
     width?: number;
@@ -7,3 +7,4 @@ export 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

@@ -18,5 +18,9 @@ export interface IToLobby {
     messagesSupport: IMessage[];
     isLandscape: boolean;
     historyData: IHistoryData;
+    streamVolume: number;
+    effectsVolume: number;
+    setEffectsVolume: (volume: number) => void;
+    setStreamVolume: (volume: number) => void;
 }
-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, streamVolume, effectsVolume, setEffectsVolume, setStreamVolume, }: IToLobby) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,9 +1,10 @@
 import { PropsWithChildren } from 'react';
 
-export interface IPopupWrapper {
+interface IPopupWrapper {
     header: string;
     close: () => void;
     width: number;
     height: number;
 }
 export declare const PopupWrapper: ({ header, close, width, height, children, }: PropsWithChildren<IPopupWrapper>) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1 +1,8 @@
-export declare const Settings: () => import("react/jsx-runtime").JSX.Element;
+interface ISettings {
+    streamVolume: number;
+    effectsVolume: number;
+    setEffectsVolume: (volume: number) => void;
+    setStreamVolume: (volume: number) => void;
+}
+export declare const Settings: ({ streamVolume, effectsVolume, setEffectsVolume, setStreamVolume, }: ISettings) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/TopIcons/Elements.d.ts

@@ -12,5 +12,9 @@ export interface IElements {
     isMobile?: boolean;
     historyData: IHistoryData;
     isLandscape?: boolean;
+    streamVolume: number;
+    effectsVolume: number;
+    setEffectsVolume: (volume: number) => void;
+    setStreamVolume: (volume: number) => void;
 }
-export declare const Elements: ({ activeAction, messages, onSendMessage, chipAmounts, messagesSupport, onSendMessageSupport, isMobile, historyData, isLandscape }: IElements) => import("react/jsx-runtime").JSX.Element;
+export declare const Elements: ({ activeAction, messages, onSendMessage, chipAmounts, messagesSupport, onSendMessageSupport, isMobile, historyData, isLandscape, streamVolume, effectsVolume, setEffectsVolume, setStreamVolume, }: IElements) => import("react/jsx-runtime").JSX.Element;

package/dist/components/TopIcons/helper.d.ts

@@ -11,6 +11,11 @@ export declare enum BUTTONS_TYPE {
     closeMenu = 10,
     Limit = 11
 }
+export interface Ibuttons {
+    name?: string;
+    buttonType: BUTTONS_TYPE;
+    icon: JSX.Element;
+}
 export declare const buttons: ({
     name: string;
     buttonType: BUTTONS_TYPE;

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

@@ -1,7 +1,7 @@
 import { IMessage } from '../../api/types';
 import { IHistoryData } from '../History/helpers';
 
-export interface IIcon {
+export interface ITopIcons {
     messages: IMessage[];
     onSendMessage: (message: string) => void;
     isTournamentActive?: boolean;
@@ -9,5 +9,11 @@ export interface IIcon {
     onSendMessageSupport: (message: string) => void;
     messagesSupport: IMessage[];
     historyData: IHistoryData;
+    isFullscreen: boolean;
+    toggleFullscreen: () => void;
+    streamVolume: number;
+    effectsVolume: number;
+    setEffectsVolume: (volume: number) => void;
+    setStreamVolume: (volume: number) => void;
 }
-export declare const TopIcons: ({ messages, onSendMessage, isTournamentActive, chipAmounts, messagesSupport, onSendMessageSupport, historyData, }: IIcon) => import("react/jsx-runtime").JSX.Element;
+export declare const TopIcons: ({ messages, onSendMessage, isTournamentActive, chipAmounts, messagesSupport, onSendMessageSupport, historyData, isFullscreen, toggleFullscreen, streamVolume, effectsVolume, setEffectsVolume, setStreamVolume, }: ITopIcons) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,8 @@
 interface IVolumeSlider {
     isSettings?: boolean;
     volumeTitle?: string;
+    volume: number;
+    setVolume: (volume: number) => void;
 }
-export declare const VolumeSlider: ({ isSettings, volumeTitle }: IVolumeSlider) => import("react/jsx-runtime").JSX.Element;
+export declare const VolumeSlider: ({ isSettings, volumeTitle, volume, setVolume, }: IVolumeSlider) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/index.d.ts

@@ -1,10 +1,5 @@
-import { BalanceAndBet } from './BalanceAndBet';
-import { Button } from './Button';
-import { Chip } from './Chip';
-import { MobileMenu } from './MobileMenu';
-import { PopupWrapper } from './Popup';
-import { ToLobby } from './ToLobby';
-import { TopIcons } from './TopIcons';
-import { TournamentNotification } from './TournamentNotification';
-
-export { BalanceAndBet, TopIcons, Button, Chip, MobileMenu, PopupWrapper, ToLobby, TournamentNotification };
+declare const _default: {
+    BalanceAndBet: ({ balance, bet, currencyId }: import('./BalanceAndBet').IBalanceAndBet) => import("react/jsx-runtime").JSX.Element;
+    TopIcons: ({ messages, onSendMessage, isTournamentActive, chipAmounts, messagesSupport, onSendMessageSupport, historyData, isFullscreen, toggleFullscreen, streamVolume, effectsVolume, setEffectsVolume, setStreamVolume, }: import('./TopIcons').ITopIcons) => import("react/jsx-runtime").JSX.Element;
+};
+export default _default;

package/dist/index.d.ts

@@ -1,10 +1,7 @@
-import { BalanceAndBet } from './components/BalanceAndBet';
-import { Button } from './components/Button';
-import { Chip } from './components/Chip';
-import { MobileMenu } from './components/MobileMenu';
-import { PopupWrapper } from './components/Popup';
-import { ToLobby } from './components/ToLobby';
-import { TopIcons } from './components/TopIcons';
-import { TournamentNotification } from './components/TournamentNotification';
-
-export { BalanceAndBet, TopIcons, Button, Chip, MobileMenu, PopupWrapper, ToLobby, TournamentNotification };
+declare const _default: {
+    components: {
+        BalanceAndBet: ({ balance, bet, currencyId }: import('./components/BalanceAndBet').IBalanceAndBet) => import("react/jsx-runtime").JSX.Element;
+        TopIcons: ({ messages, onSendMessage, isTournamentActive, chipAmounts, messagesSupport, onSendMessageSupport, historyData, isFullscreen, toggleFullscreen, streamVolume, effectsVolume, setEffectsVolume, setStreamVolume, }: import('./components/TopIcons').ITopIcons) => import("react/jsx-runtime").JSX.Element;
+    };
+};
+export default _default;

package/dist/livevegas-ui-kit.es.d.ts

@@ -1 +1,3 @@
 export * from './index'
+import LivevegasUiKit from './index'
+export default LivevegasUiKit