src/features/BuyMatchPopup/components/SelectSubscription/index.tsx

@@ -32,6 +32,7 @@ import {
   ChooseSubItem,
   ChooseSubList,
 } from './styled'
+import { checkUrlParams, getAllUrlParams } from '../../../../helpers/parseUrlParams/parseUrlParams'
 
 export const SelectSubscriptionStep = () => {
   const {
@@ -55,6 +56,9 @@ export const SelectSubscriptionStep = () => {
   return (
     <Wrapper>
       <Header>
+        {(!checkUrlParams('subscribe')
+        && !getAllUrlParams('id'))
+        && (
           <HeaderTitle>
             <Names nameObj={match.team1} />
             {` ${MDASH} `}
@@ -63,6 +67,7 @@ export const SelectSubscriptionStep = () => {
               <T9n t='choose_subscription' />
             </ChooseSub>
           </HeaderTitle>
+        )}
         <HeaderActions position='right'>
           <CloseButton onClick={close} />
         </HeaderActions>

src/features/BuyMatchPopup/store/hooks/useSubscriptions.tsx

@@ -22,6 +22,7 @@ import type {
 import { SubscriptionType } from '../../types'
 import { transformSubscriptions } from '../helpers'
 import { useSubscriptionsLexics } from './useSubscriptionsLexics'
+import { checkUrlParams } from '../../../../helpers/parseUrlParams/parseUrlParams'
 
 const defaultSubscriptions: MatchSubscriptions = []
 const defaultPeriod = SubscriptionType.Month
@@ -36,6 +37,11 @@ const getInitialPeriod = (subscription?: MatchSubscription) => {
   || defaultPeriod
 }
 
+export const MATCH_CONFIG = {
+  matchId: 2376841,
+  sportId: 1,
+}
+
 export const useSubscriptions = () => {
   const { suffix } = useLexicsStore()
   const { fetchLexics } = useSubscriptionsLexics()
@@ -55,7 +61,13 @@ export const useSubscriptions = () => {
   ] = useState<MatchPackage | null>(null)
 
   const fetchSubscriptions = useCallback(async (match: Match) => {
-    const subscriptions = await getSubscriptions(match.sportType, match.id)
+    let subscriptions
+    if (checkUrlParams('id') && checkUrlParams('subscribe')) {
+      subscriptions = await getSubscriptions(MATCH_CONFIG.sportId, MATCH_CONFIG.matchId)
+    } else {
+      subscriptions = await getSubscriptions(match.sportType, match.id)
+    }
+
     const convertedSubscriptions = transformSubscriptions({
       match,
       subscriptions,

src/features/MatchPage/components/SubscriptionGuard/index.tsx

@@ -7,6 +7,7 @@ import { useBuyMatchPopupStore } from 'features/BuyMatchPopup'
 import { useMatchPageStore } from 'features/MatchPage/store'
 
 import { prepareMatchProfile } from '../../helpers/prepareMatchProfile'
+import { checkUrlParams, getAllUrlParams } from '../../../../helpers/parseUrlParams/parseUrlParams'
 
 type Props = {
   children: ReactNode,
@@ -18,7 +19,10 @@ export const SubscriptionGuard = ({ children }: Props) => {
   const { profileId: matchId, sportType } = usePageParams()
 
   useEffect(() => {
-    if (matchProfile && !matchProfile.sub) {
+    if (matchProfile && (
+      !matchProfile.sub
+      || (checkUrlParams('subscribe')
+            && getAllUrlParams('id')))) {
       const profile = prepareMatchProfile({
         matchId,
         profile: matchProfile,

src/features/TournamentPage/hooks.tsx

@@ -6,19 +6,28 @@ import {
 import { useHistory } from 'react-router'
 
 import type { TournamentInfo } from 'requests'
-import { getTournamentInfo, getTournamentMatches } from 'requests'
+import {
+  getMatchInfo,
+  getTournamentInfo,
+  getTournamentMatches,
+  MatchInfo,
+} from 'requests'
 
-import { checkUrlParams } from 'helpers/parseUrlParams/parseUrlParams'
+import { checkUrlParams, getAllUrlParams } from 'helpers/parseUrlParams/parseUrlParams'
 
 import { usePageParams } from 'hooks/usePageParams'
 
 import { useName } from 'features/Name'
 import { isPermittedTournament } from '../../helpers/isPermittedTournament'
 import { useProfileCard } from '../ProfileCard/hooks'
+import { useBuyMatchPopupStore } from '../BuyMatchPopup'
+import { MATCH_CONFIG } from '../BuyMatchPopup/store/hooks/useSubscriptions'
+import { prepareMatchProfile } from '../MatchPage/helpers/prepareMatchProfile'
 
 export const useTournamentPage = () => {
   const [tournamentProfile, setTournamentProfile] = useState<TournamentInfo>(null)
   const { profileId: tournamentId, sportType } = usePageParams()
+  const { open: openBuyMatchPopup } = useBuyMatchPopupStore()
   const country = useName(tournamentProfile?.country || {})
   const history = useHistory()
 
@@ -63,6 +72,22 @@ export const useTournamentPage = () => {
     name_rus: tournamentProfile.name_rus,
   }
 
+  useEffect(() => {
+    if ((checkUrlParams('subscribe')
+            && getAllUrlParams('id'))) {
+      getMatchInfo(MATCH_CONFIG.sportId, MATCH_CONFIG.matchId)
+        .then((match: MatchInfo) => {
+          const matchProfile = match && prepareMatchProfile({
+            matchId: MATCH_CONFIG.matchId,
+            profile: match,
+            sportType: MATCH_CONFIG.sportId,
+          })
+          matchProfile && openBuyMatchPopup(matchProfile)
+        })
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [])
+
   return {
     fetchMatches,
     headerImage: tournamentProfile?.header_image,

src/helpers/parseUrlParams/parseUrlParams.tsx

@@ -7,3 +7,8 @@ export const checkUrlParams = (key: string) => {
   const params = new URLSearchParams(window.location.search)
   return params.get(key)
 }
+
+export const getAllUrlParams = (key: string) => {
+  const params = new URLSearchParams(window.location.search)
+  return params.getAll(key)
+}

src/requests/getSelectedSubscriptions.tsx

@@ -0,0 +1,15 @@
+import { callApi } from 'helpers'
+import { Subscriptions } from './getSubscriptions'
+import { API_ROOT } from '../config'
+
+export const getSelectedSubscriptions = async (
+): Promise<Subscriptions> => {
+  const config = {
+    method: 'GET',
+  }
+
+  return callApi({
+    config,
+    url: `${API_ROOT}/v1/subscriptions${window.location.search}`,
+  })
+}