{"version":3,"file":"static/chunks/31970-e56f61dc2fa1e37c.js","sources":["webpack://_N_E/./src/common/components/contentLoaders/TabElement.jsx","webpack://_N_E/./src/LegacyApp/client/components/tabs/tabs.jsx","webpack://_N_E/./src/LegacyApp/client/components/tabs/tabs.style.js","webpack://_N_E/./src/modules/chat/components/stream/chat.stream.style.ts","webpack://_N_E/./src/modules/sports/components/BetSlipSection/BetsHistory/BetsHistory.tsx","webpack://_N_E/./src/modules/sports/constants/betSlipHistoryType.ts","webpack://_N_E/./src/modules/sports/hooks/useBetSlipHistory.ts"],"sourceRoot":"","sourcesContent":["import ContentLoader from 'react-content-loader';\nimport { any } from 'prop-types';\nimport { config } from './loaders.config';\n\nexport const TabElementLoader = (props) => {\n\tconst height = 20;\n\tconst width = 80;\n\treturn (\n\t\t<ContentLoader\n\t\t\twidth={width}\n\t\t\theight={height}\n\t\t\tviewBox={`0 0 ${width} ${height}`}\n\t\t\tuniqueKey={`${props.id || 0}-TabElementLoader`}\n\t\t\t{...config}\n\t\t\t{...props}\n\t\t>\n\t\t\t<rect x=\"0\" y=\"10\" rx=\"3\" ry=\"3\" width={width} height=\"6\" />\n\t\t</ContentLoader>\n\t);\n};\n\nTabElementLoader.propTypes = {\n\tid: any,\n};\n","import React from 'react';\nimport PropTypes from 'prop-types';\nimport classnames from 'classnames';\nimport { enhanceComponent } from '../../wrappers/enhanceComponent';\nimport { Button } from '../button';\nimport transactionService from '../../../../modules/transactions/transactionsService';\nimport { TabElementLoader } from '../../../../common/components/contentLoaders/TabElement';\nimport { LoaderListWrapper } from '../../../../common/components/contentLoaders/LoaderListWrapper';\nimport { trans } from '../../modules/translation/translate';\nimport { AwesomeIcon } from '../../../../common/components/icons/AwesomeIcon';\nimport { isFunction } from '../../../../common/methods/isFunction';\nimport {\n\tTabsContentStyle,\n\tTabsStyle,\n\tTabsTabStyle,\n\tTabsWrapperStyle,\n} from './tabs.style';\n\nclass Tabs extends React.PureComponent {\n\tstatic propTypes = {\n\t\tlist: PropTypes.array,\n\t\tcallback: PropTypes.func,\n\t\ttabClassNames: PropTypes.string,\n\t\tsmallText: PropTypes.bool,\n\t\tnoWrap: PropTypes.bool,\n\t\tlight: PropTypes.bool,\n\t\tscrollHorizontal: PropTypes.bool,\n\t\tfullWidth: PropTypes.bool,\n\t\tactiveId: PropTypes.string,\n\t\tactive: PropTypes.object,\n\t\tchildren: PropTypes.any,\n\t\tidKey: PropTypes.string,\n\t\talignLeft: PropTypes.bool,\n\t\tcallbackOnInit: PropTypes.bool,\n\t\tbuttonsStyle: PropTypes.bool,\n\t\tpreloadElement: PropTypes.node,\n\t\tpreloadLength: PropTypes.number,\n\t\tloaded: PropTypes.bool,\n\t\tnamespace: PropTypes.string,\n\t};\n\n\tconstructor(props) {\n\t\tsuper(props);\n\t\tconst active = this.getActive(props);\n\t\tif (props.callbackOnInit && props.callback && active) {\n\t\t\tthis.props.callback(active);\n\t\t}\n\t\tthis.state = {\n\t\t\tactive,\n\t\t};\n\t}\n\n\tcomponentDidUpdate(prevProps) {\n\t\tconst isActiveIdChanged =\n\t\t\tthis.props.activeId &&\n\t\t\tprevProps.activeId &&\n\t\t\tprevProps.activeId !== this.props.activeId &&\n\t\t\tthis.state.active !== this.props.activeId;\n\t\tconst isActiveChanged =\n\t\t\tthis.props.active &&\n\t\t\tprevProps.active &&\n\t\t\tthis.getId(prevProps.active) !== this.getId(this.props.active) &&\n\t\t\tthis.getId(this.state.active) !== this.getId(this.props.active);\n\t\tconst isTabsChanged = transactionService.isListDifferent(\n\t\t\tthis.props.list,\n\t\t\tprevProps.list,\n\t\t\t[this.getIdKey()],\n\t\t);\n\n\t\tif (isActiveIdChanged || isActiveChanged || isTabsChanged) {\n\t\t\tconst active = this.getActive();\n\t\t\tif (\n\t\t\t\t(isTabsChanged ? true : !prevProps.list?.length) &&\n\t\t\t\tthis.props.callbackOnInit &&\n\t\t\t\tactive\n\t\t\t) {\n\t\t\t\tthis.props.callback(active);\n\t\t\t}\n\t\t\tthis.setState({\n\t\t\t\tactive,\n\t\t\t});\n\t\t}\n\t}\n\n\tgetIdKey = () => this.props.idKey || 'id';\n\n\tgetId = (el) => {\n\t\treturn el?.[this.getIdKey()] || el;\n\t};\n\n\tgetActive = (props = this.props) => {\n\t\tif (!props.list || !props.list.length) {\n\t\t\treturn false;\n\t\t}\n\t\tif (props.activeId) {\n\t\t\treturn props.list.find((el) => this.getId(el) === props.activeId);\n\t\t}\n\t\tif (props.active) {\n\t\t\treturn props.list.find(\n\t\t\t\t(el) => this.getId(el) === this.getId(props.active),\n\t\t\t);\n\t\t}\n\t\treturn props.list[0];\n\t};\n\n\tonClick = (el) => {\n\t\tconst callbackPromise = this.props.callback?.(el) ?? null;\n\t\tif (isFunction(callbackPromise?.then)) {\n\t\t\treturn callbackPromise.then(() => {\n\t\t\t\tif (el.disabled) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\tthis.setState({\n\t\t\t\t\tactive: el,\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t\tif (el.disabled) {\n\t\t\treturn;\n\t\t}\n\t\tthis.setState({\n\t\t\tactive: el,\n\t\t});\n\t};\n\n\ttabProps = (el) => {\n\t\treturn {\n\t\t\tas: Button,\n\t\t\tname: `tab-${this.getId(el)}`,\n\t\t\t$width:\n\t\t\t\tthis.props.fullWidth && !this.props.alignLeft\n\t\t\t\t\t? `${100 / this.props.list.length}%`\n\t\t\t\t\t: undefined,\n\t\t\tlocalTheme: {\n\t\t\t\tfullWidth: this.props.fullWidth,\n\t\t\t\tsmall: this.props.smallText,\n\t\t\t\tnoWrap: this.props.smallText,\n\t\t\t\tactive: this.getId(this.state.active) === this.getId(el),\n\t\t\t\tbuttonsStyle: this.props.buttonsStyle,\n\t\t\t},\n\t\t\tnoClassName: true,\n\t\t\tclassName: classnames('flex-vertical-center', {\n\t\t\t\tdisabled: el.disabled,\n\t\t\t\t'flex-horizontal-center': this.props.fullWidth,\n\t\t\t\t[this.props.tabClassNames]: this.props.tabClassNames,\n\t\t\t\tactive: this.getId(this.state.active) === this.getId(el),\n\t\t\t}),\n\t\t\tonClick: () => this.onClick(el),\n\t\t};\n\t};\n\n\trender() {\n\t\t// if (!this.props.list?.length && !this.props.preloadLength) return null;\n\t\tconst tabs = (\n\t\t\t<TabsStyle\n\t\t\t\tlocalTheme={{\n\t\t\t\t\tfullWidth: this.props.fullWidth,\n\t\t\t\t\tlight: this.props.light,\n\t\t\t\t\tscrollHorizontal: this.props.scrollHorizontal,\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<LoaderListWrapper\n\t\t\t\t\tlist={this.props.list}\n\t\t\t\t\tloaded={this.props.loaded}\n\t\t\t\t\tpreloadElement={(el, index) => (\n\t\t\t\t\t\t<TabsTabStyle key={index} {...this.tabProps(el)}>\n\t\t\t\t\t\t\t{this.props.preloadElement || <TabElementLoader id={index} />}\n\t\t\t\t\t\t</TabsTabStyle>\n\t\t\t\t\t)}\n\t\t\t\t\tpreloadLength={this.props.preloadLength}\n\t\t\t\t\tlistElementCallback={(el) => {\n\t\t\t\t\t\tconst data = (\n\t\t\t\t\t\t\t<TabsTabStyle key={this.getId(el)} {...this.tabProps(el)}>\n\t\t\t\t\t\t\t\t{el.icon && <AwesomeIcon icon={el.icon} />}\n\t\t\t\t\t\t\t\t<span className=\"cut-text\">\n\t\t\t\t\t\t\t\t\t{this.props.namespace\n\t\t\t\t\t\t\t\t\t\t? trans({\n\t\t\t\t\t\t\t\t\t\t\t\tlabel: el.name,\n\t\t\t\t\t\t\t\t\t\t\t\tnamespace: this.props.namespace,\n\t\t\t\t\t\t\t\t\t\t  })\n\t\t\t\t\t\t\t\t\t\t: el.name}\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t</TabsTabStyle>\n\t\t\t\t\t\t);\n\t\t\t\t\t\treturn isFunction(el.wrapper) ? el.wrapper(el, data) : data;\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t</TabsStyle>\n\t\t);\n\n\t\treturn this.props.children ? (\n\t\t\t<TabsWrapperStyle>\n\t\t\t\t{tabs}\n\t\t\t\t<TabsContentStyle>{this.props.children}</TabsContentStyle>\n\t\t\t</TabsWrapperStyle>\n\t\t) : (\n\t\t\ttabs\n\t\t);\n\t}\n}\n\nTabs = enhanceComponent({\n\tTabs,\n});\n\nexport { Tabs };\n","import styled, { css } from 'styled-components';\nimport { box, boxNoHeight } from '../../modules/style/defaults';\n\nimport { currencyLogoStyle } from '../../modules/style/mixins/currencyLogoStyle';\n\nconst getStyles = (props) => {\n\tif (!props.localTheme || !Object.keys(props.localTheme).length) {\n\t\treturn '';\n\t}\n\treturn css`\n\t\t${props.localTheme.fullWidth\n\t\t\t? css`\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground-color: ${props.theme.colors.tableBorderColorLight};\n\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t\tcontent: '';\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\theight: 1px;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t}\n\t\t\t  `\n\t\t\t: ''};\n\n\t\t${props.localTheme.scrollHorizontal\n\t\t\t? css`\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\toverflow-x: auto;\n\t\t\t\t\toverflow-y: hidden;\n\t\t\t\t\tscrollbar-width: unset;\n\t\t\t  `\n\t\t\t: ''};\n\t`;\n};\n\nexport const TabsStyle = styled.div.attrs(() => ({\n\tclassName: 'tabs text-style-md-semibold',\n}))`\n\t${boxNoHeight};\n\tposition: relative;\n\tmargin-bottom: 10px;\n\n\t${getStyles}\n`;\n\nexport const TabsWrapperStyle = styled.div.attrs(() => ({\n\tclassName: 'tabs-wrapper',\n}))`\n\t${box}\n`;\n\nexport const TabsContentStyle = styled.div.attrs(() => ({\n\tclassName: 'tabs--content',\n}))`\n\theight: calc(100% - 30px);\n`;\n\nconst getTabStyles = (props) => {\n\tif (!props.localTheme || !Object.keys(props.localTheme).length) {\n\t\treturn '';\n\t}\n\treturn css`\n\t\t${props.localTheme.noWrap\n\t\t\t? css`\n\t\t\t\t\ti,\n\t\t\t\t\tsvg {\n\t\t\t\t\t\tborder-radius: unset;\n\t\t\t\t\t\tdisplay: inline;\n\t\t\t\t\t\theight: unset;\n\t\t\t\t\t\tmargin: 0 8px 0 0;\n\t\t\t\t\t\twidth: unset;\n\t\t\t\t\t}\n\n\t\t\t\t\tsvg {\n\t\t\t\t\t\twidth: 1em;\n\t\t\t\t\t}\n\t\t\t  `\n\t\t\t: ''};\n\t`;\n};\n\nconst getTabDesign = (props) => {\n\tif (!props.localTheme || !Object.keys(props.localTheme).length) {\n\t\treturn '';\n\t}\n\treturn props.localTheme.buttonsStyle\n\t\t? css`\n\t\t\t\t&:first-of-type {\n\t\t\t\t\tborder-radius: ${props.theme.layout.borderRadius} 0 0\n\t\t\t\t\t\t${props.theme.layout.borderRadius};\n\t\t\t\t}\n\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tborder-radius: 0 ${props.theme.layout.borderRadius}\n\t\t\t\t\t\t${props.theme.layout.borderRadius} 0;\n\t\t\t\t}\n\n\t\t\t\tbackground-color: rgb(5, 27, 56);\n\t\t\t\tpadding: 5px 7px;\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: ${props.theme.colors.active};\n\t\t\t\t\tcolor: ${props.theme.colors.text}!important;\n\t\t\t\t}\n\t\t  `\n\t\t: css`\n\t\t\t\tborder-bottom: 1px solid\n\t\t\t\t\t${(props) =>\n\t\t\t\t\t\tprops.localTheme.fullWidth\n\t\t\t\t\t\t\t? props.theme.colors.tableBorderColorLight\n\t\t\t\t\t\t\t: 'transparent'};\n\n\t\t\t\t&.active {\n\t\t\t\t\tborder-color: ${props.theme.colors.active};\n\t\t\t\t}\n\n\t\t\t\t${props.localTheme.light\n\t\t\t\t\t? css`\n\t\t\t\t\t\t\topacity: ${props.localTheme.active ? '1' : '0.5'};\n\n\t\t\t\t\t\t\t${props.localTheme.active\n\t\t\t\t\t\t\t\t? css`\n\t\t\t\t\t\t\t\t\t\tborder-color: ${props.theme.colors.text};\n\t\t\t\t\t\t\t\t\t\tcolor: ${props.theme.colors.text}!important;\n\n\t\t\t\t\t\t\t\t\t\timg {\n\t\t\t\t\t\t\t\t\t\t\tborder-color: transparent;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t  `\n\t\t\t\t\t\t\t\t: ''};\n\t\t\t\t\t  `\n\t\t\t\t\t: ''};\n\t\t  `;\n};\n\nexport const TabsTabStyle = styled.div.attrs(() => ({\n\tclassName: 'tabs--tab',\n}))`\n\tpadding: 0 5px 7px;\n\tcursor: pointer;\n\ttransition: ${(props) => props.theme.layout.transition};\n\twhite-space: nowrap;\n\twidth: ${(props) => props.$width || 'auto'};\n\n\t&:not(.flex-horizontal-center) {\n\t\tmargin-right: 20px;\n\n\t\t@media (max-width: ${(props) => props.theme.media.maxWidthTablet}) {\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n\n\t.currency-logo {\n\t\t${currencyLogoStyle({ size: '36px' })}\n\t}\n\n\t&:last-of-type {\n\t\tmargin-right: 0;\n\t}\n\n\t&.active {\n\t\tposition: relative;\n\t}\n\n\t&.disabled {\n\t\topacity: 0.5;\n\t\tcursor: not-allowed;\n\t}\n\n\timg,\n\ti,\n\tsvg {\n\t\tdisplay: block;\n\t\tmargin: 0 auto 10px;\n\t\theight: 36px;\n\t\twidth: auto;\n\t\tborder-radius: 100%;\n\t\toutline: none;\n\t\ttransition: 0ms !important;\n\t}\n\n\t${getTabDesign}\n\n\t${getTabStyles}\n`;\n","import styled, { css } from 'styled-components';\nimport classnames from 'classnames';\nimport { box } from '@legacyApp/client/modules/style/defaults';\nimport { borderRadiusValue } from '@legacyApp/client/modules/style/mixins';\nimport { fontSize } from '@legacyApp/client/modules/style/mixins/fontSize';\n\nexport const ChatConnectionError = styled.div`\n\t${fontSize({\n\t\tsize: '10px',\n\t\tsizeDesktop: '12px',\n\t})}\n\tbackground-color: ${(props) => props.theme.colors.alertError};\n\tleft: 0;\n\tpadding: 10px 15px;\n\tposition: absolute;\n\ttop: 0;\n\twidth: 100%;\n\tz-index: 1;\n`;\n\nexport const ChatStreamStyle = styled.div.attrs((props) => ({\n\tclassName: classnames(\n\t\t'chat-stream overflow-scrollbar--vertical',\n\t\tprops.className,\n\t),\n}))`\n\t${box};\n\toverflow: auto;\n\tposition: relative;\n`;\n\nexport const ChatStreamInfoStyle = styled.div.attrs((props) => ({\n\tclassName: classnames(\n\t\t'chat-stream--info text-style-sm-medium',\n\t\tprops.className,\n\t),\n}))`\n\tposition: absolute;\n\ttop: 50%;\n\tleft: 50%;\n\ttransform: translate(-50%, -50%);\n\twidth: 100%;\n\ttext-align: center;\n`;\n\nexport const ChatStreamNotificationStyle = styled.div.attrs((props) => ({\n\tclassName: classnames(\n\t\t'chat-stream--notification text-style-sm-medium',\n\t\tprops.className,\n\t),\n}))`\n\tposition: absolute;\n\tbackground-color: var(--color-dark-400);\n\tborder: 1px solid var(--color-dark-400);\n\tbottom: 10px;\n\tleft: 10px;\n\twidth: calc(100% - 20px);\n\t${borderRadiusValue(\n\t\t(value) =>\n\t\t\tcss`\n\t\t\t\tborder-radius: ${value} ${value} 0 0;\n\t\t\t`,\n\t)}\n\tpadding: 3px 7px;\n\tz-index: 1;\n\tbox-shadow: 0 -4px 16px -3px #000000;\n\ttransition: 300ms;\n\n\t&:hover {\n\t\tbackground-color: var(--color-dark-500);\n\t}\n\n\t@media (max-width: ${(props) => props.theme.media.maxWidthTablet}) {\n\t\tbottom: 5px;\n\t\tleft: 5px;\n\t\twidth: calc(100% - 10px);\n\t}\n`;\n","import { FunctionComponent, useState } from 'react';\nimport styled from 'styled-components';\nimport { Tabs } from '@legacyApp/client/components/tabs';\nimport { ChatStreamStyle } from '@modules/chat/components/stream/chat.stream.style';\nimport { boxNoHeight } from '@legacyApp/client/modules/style/defaults';\nimport { RectangleLoader } from '@common/components/contentLoaders/RectangleLoader';\nimport { LoaderListWrapper } from '@common/components/contentLoaders/LoaderListWrapper';\nimport { transSports } from '@legacyApp/client/modules/translation/translate';\nimport { BetSlipDetails } from '../BetSlipDetails/BetSlipDetails';\nimport { useBetsHistory } from '../../../hooks/useBetSlipHistory';\nimport { BetSlipDetailsType } from '../../../types/BetSlipDetails/BetSlipDetailsType';\nimport { BET_SLIP_HISTORY_TYPES } from '../../../constants/betSlipHistoryType';\nimport { BetSlipHistoryContext } from '../../../context/BetSlipHistoryContext';\n\nconst BetsHistory: FunctionComponent = () => {\n\tconst [type, setType] = useState(BET_SLIP_HISTORY_TYPES[0]);\n\n\tconst { list, loaded, getList } = useBetsHistory({ type: type.id });\n\n\treturn (\n\t\t<BetSlipHistoryContext.Provider value={{ getList }}>\n\t\t\t<StyledBetsHistory>\n\t\t\t\t<Tabs\n\t\t\t\t\tbuttonsStyle={true}\n\t\t\t\t\tsmallText={true}\n\t\t\t\t\tnoWrap={true}\n\t\t\t\t\tlight={true}\n\t\t\t\t\tscrollHorizontal={true}\n\t\t\t\t\tfullWidth={true}\n\t\t\t\t\tlist={BET_SLIP_HISTORY_TYPES}\n\t\t\t\t\tactive={type}\n\t\t\t\t\tnamespace=\"sports\"\n\t\t\t\t\tcallbackOnInit={true}\n\t\t\t\t\tcallback={setType}\n\t\t\t\t/>\n\t\t\t\t<StyledBetsList>\n\t\t\t\t\t<LoaderListWrapper\n\t\t\t\t\t\tlist={list || []}\n\t\t\t\t\t\tpreloadElement={(el, index) => (\n\t\t\t\t\t\t\t<StyledLoaderBetSlip>\n\t\t\t\t\t\t\t\t<RectangleLoader\n\t\t\t\t\t\t\t\t\tid={index}\n\t\t\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\t\t\theight={200}\n\t\t\t\t\t\t\t\t\twidth={300}\n\t\t\t\t\t\t\t\t\tborderRadius={5}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</StyledLoaderBetSlip>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\tpreloadLength={3}\n\t\t\t\t\t\tloaded={loaded}\n\t\t\t\t\t\tnoDataElement={\n\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t{transSports({\n\t\t\t\t\t\t\t\t\tlabel: `No ${type.name.toLowerCase()} bet slips`,\n\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t}\n\t\t\t\t\t\tlistElementCallback={(el: BetSlipDetailsType) => (\n\t\t\t\t\t\t\t<BetSlipDetails key={el.hash} data={el} />\n\t\t\t\t\t\t)}\n\t\t\t\t\t/>\n\t\t\t\t</StyledBetsList>\n\t\t\t</StyledBetsHistory>\n\t\t</BetSlipHistoryContext.Provider>\n\t);\n};\n\nexport const StyledLoaderBetSlip = styled.div`\n\tmargin-bottom: 15px;\n\twidth: 100%;\n\tsvg {\n\t\twidth: 100%;\n\t}\n`;\n\nexport const StyledBetsHistory = styled.div`\n\t${boxNoHeight};\n\theight: calc(100% - 30px);\n`;\n\nexport const StyledBetsList = styled(ChatStreamStyle)`\n\tpadding-bottom: 20px;\n`;\n\nexport { BetsHistory };\n","import { BetSlipHistoryStatusType } from '../types/BetSlipHistory/BetSlipHistoryTypes';\nimport { BetSlipDetailsProgressState } from '../types/BetSlipDetails/BetSlipDetailsType';\n\nexport const BET_SLIP_HISTORY_TYPES: Readonly<\n\t{ id: BetSlipHistoryStatusType; name: string }[]\n> = [\n\t{\n\t\tid: BetSlipDetailsProgressState.PENDING,\n\t\tname: 'Pending',\n\t},\n\t{\n\t\tid: 'accounted',\n\t\tname: 'Accounted',\n\t},\n];\n","import { useCallback, useEffect, useState } from 'react';\nimport { useFetchApiPromise } from '@legacyApp/hooks/fetch/useFetchApi';\nimport { capitalize } from '@legacyApp/client/modules/app/appService';\nimport { OmitInterface } from '@legacyApp/types/default/OmitInterface';\nimport { useInterval } from '@legacyApp/hooks/app/useInterval';\nimport { useAppDispatch } from '@legacyApp/hooks/store/useAppDispatch';\nimport { BetSlipDetailsType } from '../types/BetSlipDetails/BetSlipDetailsType';\nimport { BetSlipHistoryStatusType } from '../types/BetSlipHistory/BetSlipHistoryTypes';\nimport { BETSLIP_HISTORY_INTERVAL } from '../constants/updateIntervals';\nimport { balanceFetch } from '../../balance/store/balance.actions';\nimport { generateSportsBookUserBetSlipsHistory } from '../services/sports.services';\nimport { GameType } from '../../games/Game/constants/availableGames';\nimport { TransactionsMetaType } from '../../transactions/constants/TransactionsResponse.type';\n\ninterface UseBetSlipHistoryPropsType {\n\ttype: BetSlipHistoryStatusType;\n\tpage?: number;\n}\n\nexport type UseBetSlipHistoryGetListType = () => Promise<void>;\n\ninterface UseBetSlipHistoryResponseType {\n\tlist: BetSlipDetailsType[];\n\tloaded: boolean;\n\tmeta: TransactionsMetaType;\n\tgetList: UseBetSlipHistoryGetListType;\n}\n\nconst createBetSlipHistoryUrl = ({\n\ttype,\n\tpage,\n}: {\n\ttype: BetSlipHistoryStatusType;\n\tpage?: number;\n}): string => {\n\treturn generateSportsBookUserBetSlipsHistory({ page, type });\n};\n\nexport const useGetSportsBetsHistory = () => {\n\tconst fetchApi = useFetchApiPromise();\n\tconst dispatch = useAppDispatch();\n\treturn useCallback(\n\t\t(type: BetSlipHistoryStatusType, page: number) => {\n\t\t\treturn fetchApi({\n\t\t\t\turl: createBetSlipHistoryUrl({ page, type }),\n\t\t\t\tloaderId: `getBetSlipsHistory${capitalize(type)}`,\n\t\t\t\t// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n\t\t\t\t//@ts-ignore\n\t\t\t}).then(\n\t\t\t\t(response: {\n\t\t\t\t\tdata: OmitInterface<BetSlipDetailsType, 'dataType'>[];\n\t\t\t\t\tmeta: TransactionsMetaType;\n\t\t\t\t}) => {\n\t\t\t\t\tif (type === 'accounted') {\n\t\t\t\t\t\tdispatch(balanceFetch());\n\t\t\t\t\t}\n\t\t\t\t\tif (!response?.data?.length) {\n\t\t\t\t\t\treturn { data: [], meta: null };\n\t\t\t\t\t}\n\t\t\t\t\treturn {\n\t\t\t\t\t\tdata: response.data.map(\n\t\t\t\t\t\t\t(el): BetSlipDetailsType => ({\n\t\t\t\t\t\t\t\t...el,\n\t\t\t\t\t\t\t\tdataType: GameType.SPORTS,\n\t\t\t\t\t\t\t}),\n\t\t\t\t\t\t),\n\t\t\t\t\t\tmeta: response.meta,\n\t\t\t\t\t};\n\t\t\t\t},\n\t\t\t);\n\t\t},\n\t\t[dispatch, fetchApi],\n\t);\n};\n\nexport const useBetsHistory = ({\n\ttype,\n\tpage,\n}: UseBetSlipHistoryPropsType): UseBetSlipHistoryResponseType => {\n\tconst get = useGetSportsBetsHistory();\n\tconst [list, setList] = useState<BetSlipDetailsType[]>(null);\n\tconst [meta, setMeta] = useState<TransactionsMetaType>(null);\n\tconst [loaded, setLoaded] = useState(false);\n\n\tconst setListCallback = useCallback(async () => {\n\t\tawait get(type, page).then(({ data: list, meta }) => {\n\t\t\tif (!loaded) {\n\t\t\t\tsetLoaded(true);\n\t\t\t}\n\t\t\tsetList(list);\n\t\t\tsetMeta(meta);\n\t\t});\n\t}, [get, type, page, loaded]);\n\n\tuseEffect(() => {\n\t\tsetList([]);\n\t\tsetMeta(null);\n\t}, [type]);\n\n\tuseInterval({\n\t\tinterval: BETSLIP_HISTORY_INTERVAL,\n\t\tcallback: setListCallback,\n\t\tid: type,\n\t});\n\n\treturn { list, meta, loaded, getList: setListCallback };\n};\n"],"names":["TabElementLoader","props","width","height","viewBox","uniqueKey","id","config","x","y","rx","ry","Tabs","idKey","el","getIdKey","list","length","activeId","find","getId","active","callbackPromise","callback","isFunction","then","disabled","setState","as","Button","name","$width","fullWidth","alignLeft","undefined","localTheme","small","smallText","noWrap","state","buttonsStyle","noClassName","className","classnames","tabClassNames","onClick","getActive","callbackOnInit","prevProps","isActiveIdChanged","this","isActiveChanged","isTabsChanged","transactionService","tabs","light","scrollHorizontal","LoaderListWrapper","loaded","preloadElement","index","tabProps","preloadLength","listElementCallback","data","icon","AwesomeIcon","namespace","trans","label","wrapper","children","React","enhanceComponent","TabsStyle","styled","boxNoHeight","Object","keys","css","theme","colors","tableBorderColorLight","TabsWrapperStyle","box","TabsContentStyle","TabsTabStyle","layout","transition","media","maxWidthTablet","currencyLogoStyle","size","borderRadius","text","ChatConnectionError","fontSize","sizeDesktop","alertError","ChatStreamStyle","ChatStreamInfoStyle","ChatStreamNotificationStyle","borderRadiusValue","value","BetsHistory","useState","BET_SLIP_HISTORY_TYPES","type","setType","useBetsHistory","getList","StyledBetsHistory","StyledBetsList","StyledLoaderBetSlip","noDataElement","transSports","toLowerCase","hash","BetSlipDetailsProgressState","createBetSlipHistoryUrl","page","generateSportsBookUserBetSlipsHistory","useGetSportsBetsHistory","fetchApi","useFetchApiPromise","dispatch","useAppDispatch","useCallback","url","loaderId","capitalize","response","balanceFetch","map","dataType","GameType","meta","get","setList","setMeta","setLoaded","setListCallback","useEffect","useInterval","interval","BETSLIP_HISTORY_INTERVAL"],"mappings":";;62BAIO,IAAMA,EAAmB,SAACC,GAGhC,OACC,SAAC,KAAD,OACCC,MAHY,GAIZC,OALa,GAMbC,QAAO,cALK,GAKL,YANM,IAObC,UAAS,UAAKJ,EAAMK,IAAM,EAAjB,sBACLC,EAAAA,GACAN,GANL,cAQC,iBAAMO,EAAE,IAAIC,EAAE,KAAKC,GAAG,IAAIC,GAAG,IAAIT,MAVrB,GAUmCC,OAAO,U,0jCCEnDS,EAAAA,SAAAA,I,uBAuBL,WAAYX,GAAO,sBAClB,cAAMA,IADY,8BA2CR,kBAAM,EAAKA,MAAMY,OAAS,SA3ClB,2BA6CX,SAACC,GACR,OAAS,OAAFA,QAAE,IAAFA,OAAA,EAAAA,EAAK,EAAKC,cAAeD,MA9Cd,+BAiDP,WAAwB,IAAvBb,EAAuB,uDAAf,EAAKA,MACzB,SAAKA,EAAMe,OAASf,EAAMe,KAAKC,UAG3BhB,EAAMiB,SACFjB,EAAMe,KAAKG,MAAK,SAACL,GAAD,OAAQ,EAAKM,MAAMN,KAAQb,EAAMiB,YAErDjB,EAAMoB,OACFpB,EAAMe,KAAKG,MACjB,SAACL,GAAD,OAAQ,EAAKM,MAAMN,KAAQ,EAAKM,MAAMnB,EAAMoB,WAGvCpB,EAAMe,KAAK,QA7DA,6BAgET,SAACF,GAAO,UACXQ,EAAe,qBAAG,IAAKrB,OAAMsB,gBAAd,aAAG,SAAsBT,UAAzB,QAAgC,KACrD,IAAIU,EAAAA,EAAAA,GAAU,OAACF,QAAD,IAACA,OAAD,EAACA,EAAiBG,MAC/B,OAAOH,EAAgBG,MAAK,WACvBX,EAAGY,UAGP,EAAKC,SAAS,CACbN,OAAQP,OAIPA,EAAGY,UAGP,EAAKC,SAAS,CACbN,OAAQP,QAhFS,8BAoFR,SAACA,GAAO,MAClB,MAAO,CACNc,GAAIC,EAAAA,EACJC,KAAM,OAAF,OAAS,EAAKV,MAAMN,IACxBiB,OACC,EAAK9B,MAAM+B,YAAc,EAAK/B,MAAMgC,UAApC,UACM,IAAM,EAAKhC,MAAMe,KAAKC,OAD5B,UAEGiB,EACJC,WAAY,CACXH,UAAW,EAAK/B,MAAM+B,UACtBI,MAAO,EAAKnC,MAAMoC,UAClBC,OAAQ,EAAKrC,MAAMoC,UACnBhB,OAAQ,EAAKD,MAAM,EAAKmB,MAAMlB,UAAY,EAAKD,MAAMN,GACrD0B,aAAc,EAAKvC,MAAMuC,cAE1BC,aAAa,EACbC,UAAWC,IAAW,wBAAD,GACpBjB,SAAUZ,EAAGY,SACb,yBAA0B,EAAKzB,MAAM+B,YAFjB,SAGnB,EAAK/B,MAAM2C,cAAgB,EAAK3C,MAAM2C,gBAHnB,kBAIZ,EAAKxB,MAAM,EAAKmB,MAAMlB,UAAY,EAAKD,MAAMN,IAJjC,IAMrB+B,QAAS,kBAAM,EAAKA,QAAQ/B,QAxG7B,IAAMO,EAAS,EAAKyB,UAAU7C,GAFZ,OAGdA,EAAM8C,gBAAkB9C,EAAMsB,UAAYF,GAC7C,EAAKpB,MAAMsB,SAASF,GAErB,EAAKkB,MAAQ,CACZlB,OAAAA,GAPiB,E,iDAWnB,SAAmB2B,GAClB,IAAMC,EACLC,KAAKjD,MAAMiB,UACX8B,EAAU9B,UACV8B,EAAU9B,WAAagC,KAAKjD,MAAMiB,UAClCgC,KAAKX,MAAMlB,SAAW6B,KAAKjD,MAAMiB,SAC5BiC,EACLD,KAAKjD,MAAMoB,QACX2B,EAAU3B,QACV6B,KAAK9B,MAAM4B,EAAU3B,UAAY6B,KAAK9B,MAAM8B,KAAKjD,MAAMoB,SACvD6B,KAAK9B,MAAM8B,KAAKX,MAAMlB,UAAY6B,KAAK9B,MAAM8B,KAAKjD,MAAMoB,QACnD+B,EAAgBC,EAAAA,EAAAA,gBACrBH,KAAKjD,MAAMe,KACXgC,EAAUhC,KACV,CAACkC,KAAKnC,aAGP,GAAIkC,GAAqBE,GAAmBC,EAAe,OACpD/B,EAAS6B,KAAKJ,aAElBM,IAAuB,UAACJ,EAAUhC,YAAX,QAAC,EAAgBC,UACzCiC,KAAKjD,MAAM8C,gBACX1B,GAEA6B,KAAKjD,MAAMsB,SAASF,GAErB6B,KAAKvB,SAAS,CACbN,OAAAA,O,oBAwEH,WAAS,WAEFiC,GACL,SAAC,KAAD,CACCnB,WAAY,CACXH,UAAWkB,KAAKjD,MAAM+B,UACtBuB,MAAOL,KAAKjD,MAAMsD,MAClBC,iBAAkBN,KAAKjD,MAAMuD,kBAJ/B,UAOC,SAACC,EAAA,EAAD,CACCzC,KAAMkC,KAAKjD,MAAMe,KACjB0C,OAAQR,KAAKjD,MAAMyD,OACnBC,eAAgB,SAAC7C,EAAI8C,GAAL,OACf,SAAC,KAAD,OAA8B,EAAKC,SAAS/C,IAA5C,aACE,EAAKb,MAAM0D,iBAAkB,SAAC3D,EAAD,CAAkBM,GAAIsD,MADlCA,IAIpBE,cAAeZ,KAAKjD,MAAM6D,cAC1BC,oBAAqB,SAACjD,GACrB,IAAMkD,GACL,UAAC,KAAD,OAAuC,EAAKH,SAAS/C,IAArD,cACEA,EAAGmD,OAAQ,SAACC,EAAA,EAAD,CAAaD,KAAMnD,EAAGmD,QAClC,iBAAMvB,UAAU,WAAhB,SACE,EAAKzC,MAAMkE,WACTC,EAAAA,EAAAA,IAAM,CACNC,MAAOvD,EAAGgB,KACVqC,UAAW,EAAKlE,MAAMkE,YAEtBrD,EAAGgB,UARW,EAAKV,MAAMN,IAY/B,OAAOU,EAAAA,EAAAA,GAAWV,EAAGwD,SAAWxD,EAAGwD,QAAQxD,EAAIkD,GAAQA,OAM3D,OAAOd,KAAKjD,MAAMsE,UACjB,UAAC,KAAD,WACEjB,GACD,SAAC,KAAD,UAAmBJ,KAAKjD,MAAMsE,cAG/BjB,M,EAlLG1C,CAAa4D,EAAAA,eAuLnB5D,GAAO6D,EAAAA,EAAAA,GAAiB,CACvB7D,KAAAA,K,oKCtKY8D,EAAYC,EAAAA,GAAAA,IAAAA,OAAiB,iBAAO,CAChDjC,UAAW,kCADU,gEAAGiC,CAAH,iDAGnBC,EAAAA,IAlCe,SAAC3E,GAClB,OAAKA,EAAMkC,YAAe0C,OAAOC,KAAK7E,EAAMkC,YAAYlB,QAGjD8D,EAAAA,EAAAA,IAAP,aACG9E,EAAMkC,WAAWH,WAChB+C,EAAAA,EAAAA,IADD,qHAGsB9E,EAAM+E,MAAMC,OAAOC,uBAUxC,GAEDjF,EAAMkC,WAAWqB,kBAChBuB,EAAAA,EAAAA,IADD,2EAOC,IAzBI,MAuCII,EAAmBR,EAAAA,GAAAA,IAAAA,OAAiB,iBAAO,CACvDjC,UAAW,mBADiB,uEAAGiC,CAAH,QAG1BS,EAAAA,IAGUC,EAAmBV,EAAAA,GAAAA,IAAAA,OAAiB,iBAAO,CACvDjC,UAAW,oBADiB,uEAAGiC,CAAH,+BAoFhBW,EAAeX,EAAAA,GAAAA,IAAAA,OAAiB,iBAAO,CACnDjC,UAAW,gBADa,mEAAGiC,CAAH,4aAKV,SAAC1E,GAAD,OAAWA,EAAM+E,MAAMO,OAAOC,cAEnC,SAACvF,GAAD,OAAWA,EAAM8B,QAAU,UAKd,SAAC9B,GAAD,OAAWA,EAAM+E,MAAMS,MAAMC,kBAMhDC,EAAAA,EAAAA,GAAkB,CAAEC,KAAM,UAxET,SAAC3F,GACrB,OAAKA,EAAMkC,YAAe0C,OAAOC,KAAK7E,EAAMkC,YAAYlB,OAGjDhB,EAAMkC,WAAWK,cACrBuC,EAAAA,EAAAA,IADI,2LAGc9E,EAAM+E,MAAMO,OAAOM,aACjC5F,EAAM+E,MAAMO,OAAOM,aAIH5F,EAAM+E,MAAMO,OAAOM,aACnC5F,EAAM+E,MAAMO,OAAOM,aAOF5F,EAAM+E,MAAMC,OAAO5D,OAC9BpB,EAAM+E,MAAMC,OAAOa,OAG7Bf,EAAAA,EAAAA,IApBI,iEAsBD,SAAC9E,GAAD,OACDA,EAAMkC,WAAWH,UACd/B,EAAM+E,MAAMC,OAAOC,sBACnB,gBAGYjF,EAAM+E,MAAMC,OAAO5D,OAGlCpB,EAAMkC,WAAWoB,OAChBwB,EAAAA,EAAAA,IADD,qBAEY9E,EAAMkC,WAAWd,OAAS,IAAM,MAEzCpB,EAAMkC,WAAWd,QAChB0D,EAAAA,EAAAA,IADD,wEAEiB9E,EAAM+E,MAAMC,OAAOa,KAC1B7F,EAAM+E,MAAMC,OAAOa,MAM5B,IAEH,IAhDE,MA1BY,SAAC7F,GACrB,OAAKA,EAAMkC,YAAe0C,OAAOC,KAAK7E,EAAMkC,YAAYlB,QAGjD8D,EAAAA,EAAAA,IAAP,SACG9E,EAAMkC,WAAWG,QAChByC,EAAAA,EAAAA,IADD,yGAeC,IAlBI,O,kMCtDIgB,EAAsBpB,EAAAA,GAAAA,IAAAA,WAAH,+DAAGA,CAAH,qGAC7BqB,EAAAA,EAAAA,GAAS,CACVJ,KAAM,OACNK,YAAa,UAEM,SAAChG,GAAD,OAAWA,EAAM+E,MAAMC,OAAOiB,cAStCC,EAAkBxB,EAAAA,GAAAA,IAAAA,OAAiB,SAAC1E,GAAD,MAAY,CAC3DyC,UAAWC,IACV,2CACA1C,EAAMyC,eAHoB,sEAAGiC,CAAH,yCAMzBS,EAAAA,IAKUgB,EAAsBzB,EAAAA,GAAAA,IAAAA,OAAiB,SAAC1E,GAAD,MAAY,CAC/DyC,UAAWC,IACV,yCACA1C,EAAMyC,eAHwB,0EAAGiC,CAAH,qGAcnB0B,EAA8B1B,EAAAA,GAAAA,IAAAA,OAAiB,SAAC1E,GAAD,MAAY,CACvEyC,UAAWC,IACV,iDACA1C,EAAMyC,eAHgC,kFAAGiC,CAAH,2VAYrC2B,EAAAA,EAAAA,KACD,SAACC,GAAD,OACCxB,EAAAA,EAAAA,IADA,CAAD,8BAEmBwB,EAASA,OAYR,SAACtG,GAAD,OAAWA,EAAM+E,MAAMS,MAAMC,mB,iOC1D7Cc,EAAiC,WACtC,OAAwBC,EAAAA,EAAAA,UAASC,EAAAA,EAAAA,IAA1BC,EAAP,KAAaC,EAAb,KAEA,GAAkCC,EAAAA,EAAAA,GAAe,CAAEF,KAAMA,EAAKrG,KAAtDU,EAAR,EAAQA,KAAM0C,EAAd,EAAcA,OAAQoD,EAAtB,EAAsBA,QAEtB,OACC,SAAC,aAAD,CAAgCP,MAAO,CAAEO,QAAAA,GAAzC,UACC,UAACC,EAAD,YACC,SAAC,IAAD,CACCvE,cAAc,EACdH,WAAW,EACXC,QAAQ,EACRiB,OAAO,EACPC,kBAAkB,EAClBxB,WAAW,EACXhB,KAAM0F,EAAAA,EACNrF,OAAQsF,EACRxC,UAAU,SACVpB,gBAAgB,EAChBxB,SAAUqF,KAEX,SAACI,EAAD,WACC,SAAC,IAAD,CACChG,KAAMA,GAAQ,GACd2C,eAAgB,SAAC7C,EAAI8C,GAAL,OACf,SAACqD,EAAD,WACC,SAAC,IAAD,CACC3G,GAAIsD,EAEJzD,OAAQ,IACRD,MAAO,IACP2F,aAAc,GAHTjC,MAORE,cAAe,EACfJ,OAAQA,EACRwD,eACC,0BACEC,EAAAA,EAAAA,IAAY,CACZ9C,MAAO,MAAF,OAAQsC,EAAK7E,KAAKsF,cAAlB,kBAIRrD,oBAAqB,SAACjD,GAAD,OACpB,SAAC,KAAD,CAA8BkD,KAAMlD,GAAfA,EAAGuG,iBASlBJ,EAAsBtC,EAAAA,GAAAA,IAAAA,WAAH,+DAAGA,CAAH,oDAQnBoC,EAAoBpC,EAAAA,GAAAA,IAAAA,WAAH,6DAAGA,CAAH,kCAC3BC,EAAAA,IAIUoC,GAAiBrC,EAAAA,EAAAA,IAAOwB,EAAAA,IAAV,qEAAGxB,CAAH,2B,0DC9Ed+B,EAET,CACH,CACCpG,G,SAAIgH,EAAAA,QACJxF,KAAM,WAEP,CACCxB,GAAI,YACJwB,KAAM,e,myBCgBR,IAAMyF,EAA0B,SAAC,GAMnB,IALbZ,EAKa,EALbA,KACAa,EAIa,EAJbA,KAKA,OAAOC,EAAAA,EAAAA,IAAsC,CAAED,KAAAA,EAAMb,KAAAA,KAGzCe,EAA0B,WACtC,IAAMC,GAAWC,EAAAA,EAAAA,MACXC,GAAWC,EAAAA,EAAAA,KACjB,OAAOC,EAAAA,EAAAA,cACN,SAACpB,EAAgCa,GAChC,OAAOG,EAAS,CACfK,IAAKT,EAAwB,CAAEC,KAAAA,EAAMb,KAAAA,IACrCsB,SAAU,qBAAF,QAAuBC,EAAAA,EAAAA,IAAWvB,MAGxClF,MACF,SAAC0G,GAGK,MAIL,MAHa,cAATxB,GACHkB,GAASO,EAAAA,EAAAA,OAEN,OAACD,QAAD,IAACA,GAAD,UAACA,EAAUnE,YAAX,OAAC,EAAgB/C,OAGd,CACN+C,KAAMmE,EAASnE,KAAKqE,KACnB,SAACvH,GAAD,cACIA,GADJ,IAECwH,SAAUC,EAAAA,EAAAA,YAGZC,KAAML,EAASK,MATR,CAAExE,KAAM,GAAIwE,KAAM,WAc7B,CAACX,EAAUF,KAIAd,EAAiB,SAAC,GAGkC,IAFhEF,EAEgE,EAFhEA,KACAa,EACgE,EADhEA,KAEMiB,EAAMf,IACZ,GAAwBjB,EAAAA,EAAAA,UAA+B,MAAhDzF,EAAP,KAAa0H,EAAb,KACA,GAAwBjC,EAAAA,EAAAA,UAA+B,MAAhD+B,EAAP,KAAaG,EAAb,KACA,GAA4BlC,EAAAA,EAAAA,WAAS,GAA9B/C,EAAP,KAAekF,EAAf,KAEMC,GAAkBd,EAAAA,EAAAA,cAAW,iBAAC,8FAC7BU,EAAI9B,EAAMa,GAAM/F,MAAK,YAA0B,IAAjBT,EAAiB,EAAvBgD,KAAYwE,EAAW,EAAXA,KACpC9E,GACJkF,GAAU,GAEXF,EAAQ1H,GACR2H,EAAQH,MAN0B,2CAQjC,CAACC,EAAK9B,EAAMa,EAAM9D,IAarB,OAXAoF,EAAAA,EAAAA,YAAU,WACTJ,EAAQ,IACRC,EAAQ,QACN,CAAChC,KAEJoC,EAAAA,EAAAA,GAAY,CACXC,SAAUC,EAAAA,GACV1H,SAAUsH,EACVvI,GAAIqG,IAGE,CAAE3F,KAAAA,EAAMwH,KAAAA,EAAM9E,OAAAA,EAAQoD,QAAS+B","debug_id":"64d9f4a1-3990-52e1-8fc3-5ea3a2f3f09c"}