fix(refresh): refresh token fix

This reverts commit fc3a3c052c.

.drone.yml

@@ -174,32 +174,63 @@ steps:
     depends_on:
       - make-lff
 
-#  - name: make-diwansport
-#    image: node:16-alpine
-#    environment:
-#      REACT_APP_STRIPE_PK:
-#        from_secret: REACT_APP_STRIPE_PK
-#    commands:
-#      - apk add --no-cache make
-#      - make diwansport-prod
-#    depends_on:
-#      - npm-install
-#
-#  - name: deploy-diwansport
-#    image: amazon/aws-cli:latest
-#    environment:
-#      AWS_ACCESS_KEY_ID:
-#        from_secret: AWS_ACCESS_KEY_ID
-#      AWS_SECRET_ACCESS_KEY:
-#        from_secret: AWS_SECRET_ACCESS_KEY
-#      AWS_DEFAULT_REGION:
-#        from_secret: AWS_DEFAULT_REGION
-#      AWS_MAX_ATTEMPTS: 10
-#    commands:
-#      - aws s3 sync build_insports-diwansport s3://insports-diwansport --delete
-#      - aws cloudfront create-invalidation --distribution-id E3LKAH6TR4O2JL --paths "/*"
-#    depends_on:
-#      - make-diwansport
+  - name: make-diwansport
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make diwansport-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-diwansport
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_tunisia s3://insports-diwansport --delete
+      - aws cloudfront create-invalidation --distribution-id E3LKAH6TR4O2JL --paths "/*"  # # diwansport.net
+      - aws cloudfront create-invalidation --distribution-id E3NJ2G0QSB6MVI --paths "/*"  # tunisia.insports.tv
+
+    depends_on:
+      - make-diwansport
+
+  - name: make-fqtv
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make fqtv-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-fqtv
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_fqtv s3://insports-fqtv-com-au --delete
+      - aws cloudfront create-invalidation --distribution-id E2MFJBSBIUQSDH --paths "/*"  # # fqtv.insports.tv
+      - aws cloudfront create-invalidation --distribution-id E22TED4Z46Q01V --paths "/*"  # fqtv.com.au
+
+    depends_on:
+      - make-fqtv
 
 ---
 kind: pipeline
@@ -656,9 +687,28 @@ trigger:
   - refs/heads/test-auth
 
 steps:
-  - name: deploy script
+  - name: npm-install
     image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - npm install --legacy-peer-deps
 
+  - name: make-auth
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make auth-build
+    depends_on:
+      - npm-install
+
+  - name: deploy-S3-auth
+    image: amazon/aws-cli:latest
     environment:
       AWS_ACCESS_KEY_ID:
         from_secret: AWS_ACCESS_KEY_ID
@@ -666,23 +716,12 @@ steps:
         from_secret: AWS_SECRET_ACCESS_KEY
       AWS_DEFAULT_REGION:
         from_secret: AWS_DEFAULT_REGION
-      REACT_APP_STRIPE_PK:
-        from_secret: REACT_APP_STRIPE_PK_TEST
-      SSH_KEY_AUTH_TEST:
-        from_secret: SSH_KEY_AUTH_TEST
-
+      AWS_MAX_ATTEMPTS: 10
     commands:
-      - apk add --no-cache aws-cli bash git openssh-client make rsync
-      - npm install --legacy-peer-deps
-      - make auth-build
-      - eval $(ssh-agent -s)
-      - echo -n "$SSH_KEY_AUTH_TEST" | tr -d '\r' | ssh-add -
-      - mkdir -p ~/.ssh && chmod 700 ~/.ssh
-      - ssh-keyscan auth.test.insports.tv >> ~/.ssh/known_hosts
-      - rsync -v -r -C build_auth/ ubuntu@auth.test.insports.tv:/home/ubuntu/ott-auth/src/frontend/
-      - rsync -v -r -C build_auth/clients/* ubuntu@auth.test.insports.tv:/home/ubuntu/ott-auth/src/frontend/templates
-      - aws s3 sync build_auth s3://auth-insports-test --delete
+      - aws s3 sync build_auth s3://insports-auth-test --delete
       - aws cloudfront create-invalidation --distribution-id E10YI3RFOZZDLZ --paths "/*"
+    depends_on:
+      - make-auth
 
 
 ---
@@ -751,4 +790,273 @@ steps:
       - ssh-keyscan auth.insports.tv >> ~/.ssh/known_hosts
       - rsync -v -r -C build_auth/ ubuntu@auth.insports.tv:/home/ubuntu/ott-auth/src/frontend/
     depends_on:
-      - make-auth
+      - make-auth
+
+---
+kind: pipeline
+type: docker
+name: deploy diwan.insports.tv
+
+concurrency:
+  limit: 1
+
+platform:
+  os: linux
+  arch: amd64
+
+trigger:
+  ref:
+  - refs/heads/diwan.insports.tv
+
+steps:
+  - name: npm-install
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - npm install --legacy-peer-deps
+
+  - name: make-diwansport
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make diwansport-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-diwansport
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_tunisia s3://insports-diwansport --delete
+      - aws cloudfront create-invalidation --distribution-id E3LKAH6TR4O2JL --paths "/*"  # # diwansport.net
+      - aws cloudfront create-invalidation --distribution-id E3NJ2G0QSB6MVI --paths "/*"  # tunisia.insports.tv
+
+    depends_on:
+      - make-diwansport
+
+---
+kind: pipeline
+type: docker
+name: deploy fqtv.insports.tv
+
+concurrency:
+  limit: 1
+
+platform:
+  os: linux
+  arch: amd64
+
+trigger:
+  ref:
+  - refs/heads/fqtv.insports.tv
+
+steps:
+  - name: npm-install
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - npm install --legacy-peer-deps
+
+  - name: make-fqtv
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make fqtv-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-fqtv
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_fqtv s3://insports-fqtv-com-au --delete
+      - aws cloudfront create-invalidation --distribution-id E2MFJBSBIUQSDH --paths "/*"  # # fqtv.insports.tv
+      - aws cloudfront create-invalidation --distribution-id E22TED4Z46Q01V --paths "/*"  # fqtv.com.au
+
+    depends_on:
+      - make-fqtv
+
+---
+kind: pipeline
+type: docker
+name: deploy india.insports.tv
+
+concurrency:
+  limit: 1
+
+platform:
+  os: linux
+  arch: amd64
+
+trigger:
+  ref:
+  - refs/heads/india.insports.tv
+
+steps:
+  - name: npm-install
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - npm install --legacy-peer-deps
+
+  - name: make-india
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make india-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-india
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_india s3://insports-india --delete
+      - aws cloudfront create-invalidation --distribution-id E5DKN8IPOMASO --paths "/*"
+    depends_on:
+      - make-india
+
+---
+kind: pipeline
+type: docker
+name: deploy tv.rustatsport.ru
+
+concurrency:
+  limit: 1
+
+platform:
+  os: linux
+  arch: amd64
+
+trigger:
+  ref:
+  - refs/heads/tv.rustatsport.ru
+
+steps:
+  - name: npm-install
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - npm install --legacy-peer-deps
+
+  - name: make-rustat
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make rustat-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-rustat
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_rustat s3://insports-tv-rustatsport --delete
+      - aws cloudfront create-invalidation --distribution-id E15IFY23VM147K --paths "/*"
+    depends_on:
+      - make-rustat
+
+---
+kind: pipeline
+type: docker
+name: deploy insport.live
+
+concurrency:
+  limit: 1
+
+platform:
+  os: linux
+  arch: amd64
+
+trigger:
+  ref:
+  - refs/heads/insport.live
+
+steps:
+  - name: npm-install
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - npm install --legacy-peer-deps
+
+  - name: make-insport-live
+    image: node:16-alpine
+    environment:
+      REACT_APP_STRIPE_PK:
+        from_secret: REACT_APP_STRIPE_PK
+    commands:
+      - apk add --no-cache make
+      - make insport-live-prod
+    depends_on:
+      - npm-install
+
+  - name: deploy-insport-live
+    image: amazon/aws-cli:latest
+    environment:
+      AWS_ACCESS_KEY_ID:
+        from_secret: AWS_ACCESS_KEY_ID
+      AWS_SECRET_ACCESS_KEY:
+        from_secret: AWS_SECRET_ACCESS_KEY
+      AWS_DEFAULT_REGION:
+        from_secret: AWS_DEFAULT_REGION
+      AWS_MAX_ATTEMPTS: 10
+    commands:
+      - aws s3 sync build_insport_live s3://insports-live --delete
+      - aws cloudfront create-invalidation --distribution-id E1LBC88VYP6XVB --paths "/*"
+    depends_on:
+      - make-insport-live

.eslintrc

@@ -3,15 +3,15 @@
     "eslint:recommended",
     "plugin:react/recommended",
     "airbnb",
-    "react-app",
-    "plugin:cypress/recommended"
+    "react-app"
   ],
   "plugins": [
     "sort-destructure-keys",
     "typescript-sort-keys",
-    "postro4no",
+    "postro4no"
   ],
   "rules": {
+    "@typescript-eslint/no-explicit-any": "warn",
     "@typescript-eslint/array-type": [
       "warn",
       { "default" : "generic" }
@@ -80,8 +80,16 @@
     ],
     "typescript-sort-keys/interface": 1,
     "typescript-sort-keys/string-enum": 1,
-
+    "react/function-component-definition": [
+      2,
+      {
+        "namedComponents": "arrow-function",
+        "unnamedComponents": "arrow-function"
+      },
+    ],
+    "react/jsx-no-useless-fragment": [2, { "allowExpressions": true }],
     "camelcase": "off",
+    "default-param-last": 0,
     "import/no-unresolved": "off",
     "import/prefer-default-export": "off",
     "indent": "off",
@@ -94,6 +102,7 @@
     "react/prop-types": "off",
     "react/react-in-jsx-scope": "off",
     "react/require-default-props": "off",
-    "semi": "off"
+    "semi": "off",
+    "no-multiple-empty-lines":["error",{ "max":1 }]
   }
 }

.gitignore

@@ -7,13 +7,11 @@
 
 # testing
 /coverage
+/cypress/videos
+/cypress/screenshots
 
 # production
-/build
-/build_auth
-/build_india
-/build_facr
-/build_lff
+/build*
 
 # misc
 .DS_Store
@@ -32,3 +30,6 @@ yarn.lock
 # IntelliJ IDEA products
 .idea
 .eslintcache
+
+# ssl keys
+*.pem

Makefile

@@ -130,12 +130,30 @@ india-build: clean
     REACT_APP_CLIENT=india \
     npm run build
 
+tunisia-build: clean
+	REACT_APP_TYPE=ott \
+    REACT_APP_ENV=staging \
+    REACT_APP_CLIENT=tunisia \
+    npm run build
+
+fqtv-build: clean
+	REACT_APP_TYPE=ott \
+    REACT_APP_ENV=staging \
+    REACT_APP_CLIENT=fqtv \
+    npm run build
+
 lff-build: clean
 	REACT_APP_TYPE=ott \
     REACT_APP_ENV=staging \
 	REACT_APP_CLIENT=lff \
     npm run build
 
+rustat-build: clean
+	REACT_APP_TYPE=ott \
+	REACT_APP_ENV=staging \
+	REACT_APP_CLIENT=rustat \
+	npm run build
+
 .PHONY: build
 
 prod: clean
@@ -180,9 +198,48 @@ lff-prod:
 	BUILD_PATH=build_lff \
 	npm run build && cp -r .well-known build_lff
 
-deploy-all: prod preprod facr-prod lff-prod
+diwansport-prod:
+	rm -rf build_tunisia && \
+	REACT_APP_TYPE=ott \
+	REACT_APP_ENV=production \
+	REACT_APP_STRIPE_PK=pk_live_51J5TEYEDSxVnTgDW5XxhC6ntKZKddXgKHq5HOCDmJTdfSKluMYCdLHOcUA3Miuy8HesxG1eS4c0dQRQpMsEHRrQL00USpu5xIq \
+	REACT_APP_CLIENT=tunisia \
+	BUILD_PATH=build_tunisia \
+	npm run build && cp -r .well-known build_tunisia
+
+fqtv-prod:
+	rm -rf build_fqtv && \
+	REACT_APP_TYPE=ott \
+	REACT_APP_ENV=production \
+	REACT_APP_STRIPE_PK=pk_live_51J5TEYEDSxVnTgDW5XxhC6ntKZKddXgKHq5HOCDmJTdfSKluMYCdLHOcUA3Miuy8HesxG1eS4c0dQRQpMsEHRrQL00USpu5xIq \
+	REACT_APP_CLIENT=fqtv \
+	BUILD_PATH=build_fqtv \
+	npm run build && cp -r .well-known build_fqtv
+
+rustat-prod:
+	rm -rf build_rustat && \
+	REACT_APP_TYPE=ott \
+	REACT_APP_ENV=production \
+	REACT_APP_CLIENT=rustat \
+	REACT_APP_STRIPE_PK=pk_live_51J5TEYEDSxVnTgDW5XxhC6ntKZKddXgKHq5HOCDmJTdfSKluMYCdLHOcUA3Miuy8HesxG1eS4c0dQRQpMsEHRrQL00USpu5xIq \
+	BUILD_PATH=build_rustat \
+	npm run build && cp -r .well-known build_rustat
+
+insport-live-prod:
+	rm -rf build_insport_live && \
+	REACT_APP_TYPE=ott \
+	REACT_APP_ENV=staging \
+	REACT_APP_CLIENT=lff \
+	REACT_APP_STRIPE_PK=pk_live_51J5TEYEDSxVnTgDW5XxhC6ntKZKddXgKHq5HOCDmJTdfSKluMYCdLHOcUA3Miuy8HesxG1eS4c0dQRQpMsEHRrQL00USpu5xIq \
+	BUILD_PATH=build_insport_live \
+	npm run build && cp -r .well-known build_insport_live
+
+deploy-all: prod preprod facr-prod lff-prod diwansport-prod india-prod fqtv-prod rustat-prod
 
 test:
 	npm test
 
 .PHONY: test
+
+generate-ssl-keys:
+	openssl req -x509 -newkey rsa:2048 -keyout key.pem -out cert.pem -days 365

cypress.config.ts

@@ -1,22 +0,0 @@
-import { defineConfig } from 'cypress'
-
-export default defineConfig({
-  e2e: {
-    setupNodeEvents(on, config) {
-      console.log(config) // see everything in here!
-
-      // modify config values
-      config.defaultCommandTimeout = 10000
-      config.baseUrl = 'https://insports.tv'
-
-      // modify env var value
-      config.env.ENV = 'staging'
-      config.env.EMAIL = 'manager@um-teh.ru'
-      config.env.PASS = '12345678'
-      config.env.DOMAIN = 'insports.tv'
-
-      // IMPORTANT return the updated config object
-      return config
-    },
-  },
-})

cypress/e2e/auth/auth.cy.ts

@@ -1,20 +0,0 @@
-/// <reference types="cypress" />
-
-describe('check auth page', () => {
-  beforeEach(() => {
-    cy.visit(`https://auth.${Cypress.env('DOMAIN')}/authorize?client_id=insports-ott-web&redirect_uri=https%3A%2F%2Finsports.tv%2Fredirect&response_type=id_token%20token&scope=openid&state=9132f8d339bb4f07b6ad48d0a4b32664&nonce=fcf22b26396c4424b1c88ea23d62f6e9&response_mode=query&lang=en`)
-  })
-
-  it('displays email and password inputs and authorization', () => {
-    cy.get('input[name="email"]').clear().type(Cypress.env('EMAIL'))
-    cy.get('input[name="password"]').clear().type(Cypress.env('PASS'))
-    cy.get('form').submit()
-    cy.url().should('contain', `https://${Cypress.env('DOMAIN')}/?date=`)
-    cy.getAllLocalStorage()
-      .then((result) => {
-        expect(result[`https://${Cypress.env('DOMAIN')}`].token).to.not.be.null
-      }).end()
-      // .clearLocalStorage('token')
-      // .clearCookie('access_token')
-  })
-})

cypress/fixtures/example.json

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

cypress/fixtures/profile.json

@@ -1,5 +0,0 @@
-{
-  "id": 8739,
-  "name": "Jane",
-  "email": "jane@example.com"
-}

cypress/fixtures/users.json

@@ -1,232 +0,0 @@
-[
-  {
-    "id": 1,
-    "name": "Leanne Graham",
-    "username": "Bret",
-    "email": "Sincere@april.biz",
-    "address": {
-      "street": "Kulas Light",
-      "suite": "Apt. 556",
-      "city": "Gwenborough",
-      "zipcode": "92998-3874",
-      "geo": {
-        "lat": "-37.3159",
-        "lng": "81.1496"
-      }
-    },
-    "phone": "1-770-736-8031 x56442",
-    "website": "hildegard.org",
-    "company": {
-      "name": "Romaguera-Crona",
-      "catchPhrase": "Multi-layered client-server neural-net",
-      "bs": "harness real-time e-markets"
-    }
-  },
-  {
-    "id": 2,
-    "name": "Ervin Howell",
-    "username": "Antonette",
-    "email": "Shanna@melissa.tv",
-    "address": {
-      "street": "Victor Plains",
-      "suite": "Suite 879",
-      "city": "Wisokyburgh",
-      "zipcode": "90566-7771",
-      "geo": {
-        "lat": "-43.9509",
-        "lng": "-34.4618"
-      }
-    },
-    "phone": "010-692-6593 x09125",
-    "website": "anastasia.net",
-    "company": {
-      "name": "Deckow-Crist",
-      "catchPhrase": "Proactive didactic contingency",
-      "bs": "synergize scalable supply-chains"
-    }
-  },
-  {
-    "id": 3,
-    "name": "Clementine Bauch",
-    "username": "Samantha",
-    "email": "Nathan@yesenia.net",
-    "address": {
-      "street": "Douglas Extension",
-      "suite": "Suite 847",
-      "city": "McKenziehaven",
-      "zipcode": "59590-4157",
-      "geo": {
-        "lat": "-68.6102",
-        "lng": "-47.0653"
-      }
-    },
-    "phone": "1-463-123-4447",
-    "website": "ramiro.info",
-    "company": {
-      "name": "Romaguera-Jacobson",
-      "catchPhrase": "Face to face bifurcated interface",
-      "bs": "e-enable strategic applications"
-    }
-  },
-  {
-    "id": 4,
-    "name": "Patricia Lebsack",
-    "username": "Karianne",
-    "email": "Julianne.OConner@kory.org",
-    "address": {
-      "street": "Hoeger Mall",
-      "suite": "Apt. 692",
-      "city": "South Elvis",
-      "zipcode": "53919-4257",
-      "geo": {
-        "lat": "29.4572",
-        "lng": "-164.2990"
-      }
-    },
-    "phone": "493-170-9623 x156",
-    "website": "kale.biz",
-    "company": {
-      "name": "Robel-Corkery",
-      "catchPhrase": "Multi-tiered zero tolerance productivity",
-      "bs": "transition cutting-edge web services"
-    }
-  },
-  {
-    "id": 5,
-    "name": "Chelsey Dietrich",
-    "username": "Kamren",
-    "email": "Lucio_Hettinger@annie.ca",
-    "address": {
-      "street": "Skiles Walks",
-      "suite": "Suite 351",
-      "city": "Roscoeview",
-      "zipcode": "33263",
-      "geo": {
-        "lat": "-31.8129",
-        "lng": "62.5342"
-      }
-    },
-    "phone": "(254)954-1289",
-    "website": "demarco.info",
-    "company": {
-      "name": "Keebler LLC",
-      "catchPhrase": "User-centric fault-tolerant solution",
-      "bs": "revolutionize end-to-end systems"
-    }
-  },
-  {
-    "id": 6,
-    "name": "Mrs. Dennis Schulist",
-    "username": "Leopoldo_Corkery",
-    "email": "Karley_Dach@jasper.info",
-    "address": {
-      "street": "Norberto Crossing",
-      "suite": "Apt. 950",
-      "city": "South Christy",
-      "zipcode": "23505-1337",
-      "geo": {
-        "lat": "-71.4197",
-        "lng": "71.7478"
-      }
-    },
-    "phone": "1-477-935-8478 x6430",
-    "website": "ola.org",
-    "company": {
-      "name": "Considine-Lockman",
-      "catchPhrase": "Synchronised bottom-line interface",
-      "bs": "e-enable innovative applications"
-    }
-  },
-  {
-    "id": 7,
-    "name": "Kurtis Weissnat",
-    "username": "Elwyn.Skiles",
-    "email": "Telly.Hoeger@billy.biz",
-    "address": {
-      "street": "Rex Trail",
-      "suite": "Suite 280",
-      "city": "Howemouth",
-      "zipcode": "58804-1099",
-      "geo": {
-        "lat": "24.8918",
-        "lng": "21.8984"
-      }
-    },
-    "phone": "210.067.6132",
-    "website": "elvis.io",
-    "company": {
-      "name": "Johns Group",
-      "catchPhrase": "Configurable multimedia task-force",
-      "bs": "generate enterprise e-tailers"
-    }
-  },
-  {
-    "id": 8,
-    "name": "Nicholas Runolfsdottir V",
-    "username": "Maxime_Nienow",
-    "email": "Sherwood@rosamond.me",
-    "address": {
-      "street": "Ellsworth Summit",
-      "suite": "Suite 729",
-      "city": "Aliyaview",
-      "zipcode": "45169",
-      "geo": {
-        "lat": "-14.3990",
-        "lng": "-120.7677"
-      }
-    },
-    "phone": "586.493.6943 x140",
-    "website": "jacynthe.com",
-    "company": {
-      "name": "Abernathy Group",
-      "catchPhrase": "Implemented secondary concept",
-      "bs": "e-enable extensible e-tailers"
-    }
-  },
-  {
-    "id": 9,
-    "name": "Glenna Reichert",
-    "username": "Delphine",
-    "email": "Chaim_McDermott@dana.io",
-    "address": {
-      "street": "Dayna Park",
-      "suite": "Suite 449",
-      "city": "Bartholomebury",
-      "zipcode": "76495-3109",
-      "geo": {
-        "lat": "24.6463",
-        "lng": "-168.8889"
-      }
-    },
-    "phone": "(775)976-6794 x41206",
-    "website": "conrad.com",
-    "company": {
-      "name": "Yost and Sons",
-      "catchPhrase": "Switchable contextually-based project",
-      "bs": "aggregate real-time technologies"
-    }
-  },
-  {
-    "id": 10,
-    "name": "Clementina DuBuque",
-    "username": "Moriah.Stanton",
-    "email": "Rey.Padberg@karina.biz",
-    "address": {
-      "street": "Kattie Turnpike",
-      "suite": "Suite 198",
-      "city": "Lebsackbury",
-      "zipcode": "31428-2261",
-      "geo": {
-        "lat": "-38.2386",
-        "lng": "57.2232"
-      }
-    },
-    "phone": "024-648-3804",
-    "website": "ambrose.net",
-    "company": {
-      "name": "Hoeger LLC",
-      "catchPhrase": "Centralized empowering task-force",
-      "bs": "target end-to-end models"
-    }
-  }
-]

cypress/support/commands.ts

@@ -1,36 +0,0 @@
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }

cypress/support/e2e.ts

@@ -1,20 +0,0 @@
-// ***********************************************************
-// This example support/e2e.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')

package.json

@@ -4,6 +4,7 @@
   "private": true,
   "scripts": {
     "start": "react-scripts start",
+    "start-https": "export PORT=443 HTTPS=true&&SSL_CRT_FILE=cert.pem&&SSL_KEY_FILE=key.pem react-scripts start",
     "build": "GENERATE_SOURCEMAP=false react-scripts build && gzipper --verbose ./build",
     "test": "react-scripts test --testMatch '**/__tests__/*' --passWithNoTests --watchAll=false",
     "test:watch": "react-scripts test --testMatch '**/__tests__/*'",
@@ -17,16 +18,19 @@
     "facr": "REACT_APP_CLIENT=facr react-scripts start",
     "lff": "REACT_APP_CLIENT=lff react-scripts start",
     "india": "REACT_APP_CLIENT=india react-scripts start",
-    "tunis": "REACT_APP_CLIENT=tunis react-scripts start",
-    "insports": "REACT_APP_CLIENT=insports react-scripts start",
-    "cypress": "cypress open"
+    "tunisia": "REACT_APP_CLIENT=tunisia react-scripts start",
+    "fqtv": "REACT_APP_CLIENT=fqtv react-scripts start",
+    "insports": "REACT_APP_CLIENT=insports react-scripts start"
   },
   "dependencies": {
-    "@jonkoops/matomo-tracker-react": "^0.7.0",
+    "@reactour/tour": "^3.3.0",
+    "@sentry/react": "^7.53.1",
     "@stripe/react-stripe-js": "^1.4.0",
     "@stripe/stripe-js": "^1.13.2",
     "babel-polyfill": "^6.26.0",
     "date-fns": "^2.14.0",
+    "dueljs": "^1.2.7",
+    "eslint-plugin-typescript-sort-keys": "^2.3.0",
     "history": "^4.10.1",
     "hls.js": "^1.1.1",
     "lodash": "^4.17.15",
@@ -35,11 +39,12 @@
     "react": "^17.0.2",
     "react-datepicker": "^3.1.3",
     "react-dom": "^17.0.2",
+    "react-ga": "^3.3.1",
+    "react-query": "^3.39.3",
     "react-router": "^5.2.0",
     "react-router-dom": "^5.2.0",
     "react-scripts": "^5.0.1",
     "react-window": "^1.8.6",
-    "react-youtube": "^7.14.0",
     "recoil": "^0.7.4",
     "screenfull": "^5.0.2",
     "styled-components": "^5.3.3",
@@ -52,10 +57,10 @@
     "@storybook/addon-actions": "^6.3.12",
     "@storybook/addon-docs": "^6.3.12",
     "@storybook/addon-links": "^5.3.19",
-    "@storybook/addons": "^5.3.19",
+    "@storybook/addons": "^7.0.2",
     "@storybook/preset-create-react-app": "^3.0.0",
     "@storybook/preset-typescript": "^3.0.0",
-    "@storybook/react": "^6.3.12",
+    "@storybook/react": "^7.0.2",
     "@testing-library/jest-dom": "^5.15.0",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^7.1.2",
@@ -72,24 +77,21 @@
     "@types/react-window": "^1.8.5",
     "@types/styled-components": "^5.1.15",
     "commitizen": "^4.2.4",
-    "cypress": "^12.4.1",
-    "eslint": "^7.0.1",
-    "eslint-config-airbnb": "18.2.1",
+    "eslint": "^8.38.0",
+    "eslint-config-airbnb": "^19.0.4",
     "eslint-config-react-app": "^7.0.1",
-    "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",
     "eslint-plugin-postro4no": "^0.0.7",
     "eslint-plugin-react": "^7.21.5",
     "eslint-plugin-react-hooks": "^4.2.0",
     "eslint-plugin-sort-destructure-keys": "^1.3.5",
-    "eslint-plugin-typescript-sort-keys": "^1.5.0",
     "fork-ts-checker-webpack-plugin": "^7.2.13",
     "gzipper": "^3.7.0",
     "husky": "^4.2.5",
     "lint-staged": "^10.2.7",
     "miragejs": "^0.1.45",
-    "storybook-addon-styled-component-theme": "^1.3.0",
+    "storybook-addon-styled-component-theme": "^2.0.0",
     "stylelint": "^13.13.1",
     "stylelint-config-recommended": "^5.0.0",
     "stylelint-config-styled-components": "^0.1.1",
@@ -105,8 +107,7 @@
   "husky": {
     "hooks": {
       "pre-commit": "lint-staged",
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-push": "cypress run"
+      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
     }
   },
   "lint-staged": {

public/ads.txt

@@ -0,0 +1 @@
+google.com, pub-6802442215403184, DIRECT, f08c47fec0942fa0

public/clients/india/favicon/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/mstile-70x70.png"/>
+            <square144x144logo src="/mstile-144x144.png"/>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/clients/india/favicon/manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

public/clients/india/favicon/safari-pinned-tab.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet">
+  <metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+  <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
+    <path d="M1499 6996 c-2 -2 -59 -6 -125 -9 -247 -12 -462 -57 -614 -129 -64
+-30 -206 -123 -265 -173 -105 -89 -173 -164 -247 -270 -153 -219 -210 -411
+-235 -790 -11 -161 -10 -4130 0 -4270 12 -158 20 -222 43 -331 60 -297 246
+-573 515 -766 182 -130 345 -193 584 -225 22 -2 51 -6 65 -8 124 -17 518 -20
+2260 -20 1773 0 2220 4 2295 19 11 2 45 7 75 10 75 9 120 17 190 36 121 32
+186 61 300 129 87 53 77 46 155 109 140 114 277 283 353 437 83 166 119 330
+139 630 11 160 10 4107 0 4260 -29 420 -108 642 -311 880 -175 205 -390 346
+-626 412 -47 13 -107 26 -135 29 -27 4 -52 8 -55 9 -3 2 -44 6 -90 10 -47 4
+-96 9 -110 13 -26 6 -4154 14 -4161 8z" />
+  </g>
+</svg>

public/clients/insports/privacy-policy-and-statement.html

@@ -86,7 +86,8 @@
       </p>
 
       <p>
-        (inSports TV also referred to as "us", "we", "our" or "the company"; refers to InSport TV Limited)
+        (inSports TV also referred to as "us", "we", "our" or "the company";
+        refers to InSport TV Limited)
       </p>
 
       <p
@@ -105,12 +106,11 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >inSports TV is committed to the privacy of those that we engage with and
-          this statements details our approach. While using this site or
+          >inSports TV is committed to the privacy of those that we engage with
+          and this statements details our approach. While using this site or
           providing personal data to us in the course of business, we will
-          manage your data in accordance with this privacy statement.          
-          </span
-        >
+          manage your data in accordance with this privacy statement.
+        </span>
       </p>
 
       <ul style="margin-top: 0in" type="disc">
@@ -175,10 +175,10 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >inSports TV provides an online platform that allows to broadcast sports
-          video content. This is a legitimate interest pursued by inSports TV.
-          Personal data processed by the business is done so in accordance with
-          current Data Protection Regulation and GDPR.</span
+          >inSports TV provides an online platform that allows to broadcast
+          sports video content. This is a legitimate interest pursued by
+          inSports TV. Personal data processed by the business is done so in
+          accordance with current Data Protection Regulation and GDPR.</span
         >
       </p>
       <p
@@ -219,7 +219,18 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >We may obtain personal data including name, address, phone numbers, e-mail address, other electronic identifiers, title, images, IP address, company details, information about usage of inSports TV services (e.g., the types of content that you engage with), device information, transaction information including a credit card number and other authentication information (only when the transaction on our products is made) and other information provided by you or by other people when they use our products in accordance with this policy and with data protection law. We may also obtain similar information from other sources such as club, league or broadcast game footage, or from your use of inSports TV services, or when you sign up to our services, or attend events or otherwise engage with the business.</span
+          >We may obtain personal data including name, address, phone numbers,
+          e-mail address, other electronic identifiers, title, images, IP
+          address, company details, information about usage of inSports TV
+          services (e.g., the types of content that you engage with), device
+          information, transaction information including a credit card number
+          and other authentication information (only when the transaction on our
+          products is made) and other information provided by you or by other
+          people when they use our products in accordance with this policy and
+          with data protection law. We may also obtain similar information from
+          other sources such as club, league or broadcast game footage, or from
+          your use of inSports TV services, or when you sign up to our services,
+          or attend events or otherwise engage with the business.</span
         >
       </p>
 
@@ -261,9 +272,10 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >We use personal data for the purposes for which it was provided to us as
-           expressed at the point of collection or as is obvious in the context of collection. 
-           Typically, information is collected for the following purposes:</span
+          >We use personal data for the purposes for which it was provided to us
+          as expressed at the point of collection or as is obvious in the
+          context of collection. Typically, information is collected for the
+          following purposes:</span
         >
       </p>
 
@@ -601,7 +613,13 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >We take all reasonable measures to protect your personal information while it is in our possession. Your personal information may be transferred to third party service providers who process information on the inSports TV behalf, including providers of information technology, identity management, website hosting and management, network services, data analysis, anti-spam services, data back-up, security, and storage services.</span
+          >We take all reasonable measures to protect your personal information
+          while it is in our possession. Your personal information may be
+          transferred to third party service providers who process information
+          on the inSports TV behalf, including providers of information
+          technology, identity management, website hosting and management,
+          network services, data analysis, anti-spam services, data back-up,
+          security, and storage services.</span
         >
       </p>
 
@@ -621,7 +639,12 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Your Personal data may also be transferred to joint sponsors of events, or to certification bodies. We may also provide access to your personal information to law enforcement authorities, revenue commissioners, regulatory or other government agencies, or to other third parties should we receive a valid request compatible with applicable law or regulation.</span
+          >Your Personal data may also be transferred to joint sponsors of
+          events, or to certification bodies. We may also provide access to your
+          personal information to law enforcement authorities, revenue
+          commissioners, regulatory or other government agencies, or to other
+          third parties should we receive a valid request compatible with
+          applicable law or regulation.</span
         >
       </p>
 
@@ -641,7 +664,14 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Personal data submitted through this site may be transferred to third party service providers or to other companies within the inSports group of companies that are outside of the state, and outside of the European Economic Area (EEA). Where you request goods or services to be provided outside the EEA (European Economic Area), or to be delivered in conjunction with others outside of the EEA, personal data provided by you may be shared with organizations or state bodies (customs, revenue authorities and etc.) to fulfil an agreement.</span
+          >Personal data submitted through this site may be transferred to third
+          party service providers or to other companies within the inSports
+          group of companies that are outside of the state, and outside of the
+          European Economic Area (EEA). Where you request goods or services to
+          be provided outside the EEA (European Economic Area), or to be
+          delivered in conjunction with others outside of the EEA, personal data
+          provided by you may be shared with organizations or state bodies
+          (customs, revenue authorities and etc.) to fulfil an agreement.</span
         >
       </p>
 
@@ -683,7 +713,15 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Customers and other organizations engaging with us for service shall warrant that personal information provided to us for the administration and delivery of goods and services being provided under the Agreement has been obtained fairly and lawfully. Such customers or organizations shall also warrant that subjects are aware of the purpose for which their personal data is being used and that such data may be transferred outside of the EEA for processing or to deliver the service or upon your request, and that the privacy rights of subjects have been upheld.</span
+          >Customers and other organizations engaging with us for service shall
+          warrant that personal information provided to us for the
+          administration and delivery of goods and services being provided under
+          the Agreement has been obtained fairly and lawfully. Such customers or
+          organizations shall also warrant that subjects are aware of the
+          purpose for which their personal data is being used and that such data
+          may be transferred outside of the EEA for processing or to deliver the
+          service or upon your request, and that the privacy rights of subjects
+          have been upheld.</span
         >
       </p>
 
@@ -725,7 +763,15 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >inSports TV have implemented generally accepted standards of technology and operational security to protect personal data from alteration, unauthorized disclosure or destruction, and from use for unauthorized purposes. Furthermore, we have taken measures to ensure that contracts with all third parties that provide technical and processing services include terms that specify appropriate technical and organizational security measures to prevent accidental, unauthorized or unlawful disclosure or processing of personal data.</span
+          >inSports TV have implemented generally accepted standards of
+          technology and operational security to protect personal data from
+          alteration, unauthorized disclosure or destruction, and from use for
+          unauthorized purposes. Furthermore, we have taken measures to ensure
+          that contracts with all third parties that provide technical and
+          processing services include terms that specify appropriate technical
+          and organizational security measures to prevent accidental,
+          unauthorized or unlawful disclosure or processing of personal
+          data.</span
         >
       </p>
 
@@ -1191,31 +1237,14 @@
         >
       </p>
 
-      <p style="margin-bottom: 0in; line-height: normal; background: #f2f2f2">
-        <span
-          style="
-            font-size: 9pt;
-            font-family: 'Trebuchet MS', sans-serif;
-            color: black;
-          "
-          >© inSportsTV.com All right reserved.</span
-        >
-      </p>
-    </div>
-    <div
-      style="
-        background-color: white;
-        max-width: 1264px;
-        padding: 40px;
-        margin: 0 auto;
-      "
-    >
       <p
         style="
           margin-top: 22.5pt;
           margin-right: 7.5pt;
           margin-bottom: 7.5pt;
-          line-height: 1.1;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <b
@@ -1225,7 +1254,7 @@
               font-family: 'Trebuchet MS', sans-serif;
               color: #002060;
             "
-            >*ERSTE LIGA ADDITIONAL NOTICE</span
+            >Cookies Policy</span
           ></b
         >
       </p>
@@ -1235,7 +1264,8 @@
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1244,23 +1274,48 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >In the case of ERSTE LIGA TV channel, data is processed jointly in
-          accordance with EU Regulation 2016/679 (hereinafter GDPR). When
-          registering on the inSports site, after accepting this Privacy Policy
-          and Privacy Statement, the user provides the e-mail address required
-          to use the service, which is handed over to the Hungarian Ice Hockey
-          Federation (hereinafter referred to as HIHF), the rights holder of the
-          ERSTE LIGA TV channel, within the framework of joint data processing.
-          Details of the joint processing by the HIHF:
+          >We use cookies, pixels, and other technologies (collectively,
+          “cookies”) to recognize your browser or device, learn more about your
+          interests, and provide you with essential features and services and
+          for additional purposes.<br />
+          If you opt out of advertising cookies, you may still see /platform
+          name/ ads on other sites, but those ads will not be customized by us
+          or our service providers and we will continue to customize your
+          experience on our website via our use of cookies you have not
+          refused.<br />
+          Please note that some of the services will not function as well if
+          cookies are disabled.
         </span>
       </p>
+      <p
+        style="
+          margin-top: 22.5pt;
+          margin-right: 7.5pt;
+          margin-bottom: 7.5pt;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <b
+          ><span
+            style="
+              font-size: 12.5pt;
+              font-family: 'Trebuchet MS', sans-serif;
+              color: #002060;
+            "
+            >What kind of cookies do we use?</span
+          ></b
+        >
+      </p>
       <p
         style="
           margin-top: 7.5pt;
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1269,10 +1324,19 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Purpose of data processing: the HIHF sends marketing, PR and sports
-          promotional content by electronic messages to users who accept this
-          Privacy Statement,  to the e-mail address they have provided.
-        </span>
+          ><i>Analytics and Performance:</i> We make use of analytic cookies to
+          analyze how our visitors use our Website and to monitor Website
+          performance. This allows us to provide a high-quality experience by
+          customizing our offering and quickly identifying and fixing any issues
+          that arise. For example, we might use performance cookies to keep
+          track of which pages are most popular, which method of linking between
+          pages is most effective, and to determine why some pages are receiving
+          error messages. We might also use these cookies to highlight articles
+          or site services that we think will be of interest to you based on
+          your usage of the Website. The information collected by these cookies
+          is not associated with your personal information by us or by our
+          contractors.</span
+        >
       </p>
       <p
         style="
@@ -1280,7 +1344,8 @@
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1289,8 +1354,13 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Legal basis for processing: consent of the data subject.
-        </span>
+          ><i>Website Functionality:</i> We make use of cookies to provide you
+          with certain functionality. For example, to remember choices you make
+          (such as your username, language or the region you are in), or to
+          recognize the platform from which you access the Website, and to
+          provide enhanced and more personal features. These cookies are not
+          used to track your browsing on other sites.</span
+        >
       </p>
       <p
         style="
@@ -1298,7 +1368,8 @@
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1307,9 +1378,38 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >The scope of the data processed: the e-mail address of the user
-          registered on inSports.tv.
-        </span>
+          ><i>Advertising:</i> Advertising cookies (also known as Third Party or
+          targeting cookies) collect information about the browsing habits
+          associated with your device and are used to make advertising more
+          relevant to you and your interests. Advertisers such as Facebook,
+          Google, Twitter and others may have buttons embedded on our webpage
+          that such as ‘Like' or ‘Share' buttons in addition to providing the
+          requested functionality or if you click on an advertiser’s ad on our
+          website and are taken to the advertiser’s website (these are Third
+          Party Cookies).</span
+        >
+      </p>
+      <p
+        style="
+          margin-top: 22.5pt;
+          margin-right: 7.5pt;
+          margin-bottom: 7.5pt;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <b
+          ><span
+            style="
+              font-size: 12.5pt;
+              font-family: 'Trebuchet MS', sans-serif;
+              color: #002060;
+              font-style: italic;
+            "
+            >What is the lifespan of cookies?</span
+          ></b
+        >
       </p>
       <p
         style="
@@ -1317,7 +1417,8 @@
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1325,18 +1426,44 @@
             font-size: 10.5pt;
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
+            font-style: italic;
           "
-          >Duration of processing: until the data subject's consent is
-          withdrawn.
+        >
+          Analytics and Performance: 2 Years;<br />
+          Website Functionality: 100 days;<br />
+          Advertising: 2 Years;
         </span>
       </p>
+
+      <p
+        style="
+          margin-top: 22.5pt;
+          margin-right: 7.5pt;
+          margin-bottom: 7.5pt;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <b
+          ><span
+            style="
+              font-size: 12.5pt;
+              font-family: 'Trebuchet MS', sans-serif;
+              color: #002060;
+            "
+            >Local storage</span
+          ></b
+        >
+      </p>
       <p
         style="
           margin-top: 7.5pt;
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1345,17 +1472,48 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Method of processing: electronically, in compliance with the
-          necessary security standards.
+        >
+          Local storage is a feature we utilize on our website to enhance your
+          user experience. It allows us to store your user preferences and
+          settings, such as volume/mute settings, and enables the smooth
+          functioning of animated content on our website. Additionally, we can
+          utilize local storage to remember the point at which you left off
+          while watching content. This means that if you navigate away from the
+          page or close your browser, you can easily resume viewing from where
+          you left off without any hassle. Rest assured that this information is
+          stored securely and can only be accessed by our website.
         </span>
       </p>
+
+      <p
+        style="
+          margin-top: 22.5pt;
+          margin-right: 7.5pt;
+          margin-bottom: 7.5pt;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <b
+          ><span
+            style="
+              font-size: 12.5pt;
+              font-family: 'Trebuchet MS', sans-serif;
+              color: #002060;
+            "
+            >Use of IP addresses and web logs</span
+          ></b
+        >
+      </p>
       <p
         style="
           margin-top: 7.5pt;
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1364,174 +1522,91 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >Data subjects' rights:
+        >
+          We may also use your IP address and browser type to help diagnose
+          problems with our server, to administer our Website and to improve the
+          services we offer to you. An IP address is a numeric code that
+          identifies your computer on the internet. Your IP address might also
+          be used to gather broad demographic information.<br />
+          We may perform IP lookups to determine which domain you are coming
+          from (e.g. google.com) to more accurately gauge our users'
+          demographics.
         </span>
       </p>
-      <ol style="margin-top: 0in" start="1" type="a">
-        <li style="color: black; margin-bottom: 0in; line-height: 1.1">
-          <span
-            style="font-size: 10.5pt; font-family: 'Trebuchet MS', sans-serif"
-            >The data subject has the right to withdraw consent to data
-            processing at any time. Withdrawal of consent does not affect the
-            lawfulness of the prior processing.</span
-          >
-        </li>
-        <li style="color: black; margin-bottom: 0in; line-height: 1.1">
-          <span
-            style="font-size: 10.5pt; font-family: 'Trebuchet MS', sans-serif"
-            >The data subject may also exercise his or her right of access to
-            his or her personal data (right to request information about the
-            processing), the right to rectification of his or her personal data
-            (e.g. if his or her e-mail address changes), the right to object to
-            processing, the right to restriction of processing (e.g. if he or
-            she does not wish to receive e-mails for a certain period of time),
-            the right to erasure or blocking of his or her data, and the right
-            to data portability.
-          </span>
-        </li>
-        <li style="color: black; margin-bottom: 0in; line-height: 1.1">
-          <span
-            style="font-size: 10.5pt; font-family: 'Trebuchet MS', sans-serif"
-            >If the data subject wishes to exercise his or her rights in
-            relation to the joint processing described in this paragraph, he or
-            she may do so by the means listed below:
-          </span>
-        </li>
-        <p
-          style="
-            margin-top: 22.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
-          "
-        >
-          <span
-            style="
-              font-size: 10.5pt;
-              font-family: 'Trebuchet MS', sans-serif;
-              color: black;
-            "
-            >Name: Hungarian Ice Hockey Federation (hereinafter referred to as
-            the "Controller")
-          </span>
-        </p>
-        <p
-          style="
-            margin-top: 7.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
-          "
-        >
-          <span
-            style="
-              font-size: 10.5pt;
-              font-family: 'Trebuchet MS', sans-serif;
-              color: black;
-            "
-            >Seat: H-1146 Budapest, Istvánmezei út 1-3.
-          </span>
-        </p>
-        <p
-          style="
-            margin-top: 7.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
-          "
-        >
-          <span
-            style="
-              font-size: 10.5pt;
-              font-family: 'Trebuchet MS', sans-serif;
-              color: black;
-            "
-            >Postal address: H-1146 Budapest, Istvánmezei út 1-3.
-          </span>
-        </p>
-        <p
-          style="
-            margin-top: 7.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
-          "
-        >
-          <span
+      <p
+        style="
+          margin-top: 22.5pt;
+          margin-right: 7.5pt;
+          margin-bottom: 7.5pt;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <b
+          ><span
             style="
-              font-size: 10.5pt;
+              font-size: 12.5pt;
               font-family: 'Trebuchet MS', sans-serif;
-              color: black;
+              color: #002060;
             "
-            >Represented by: Zsolt Levente Sipos, General Secretary
-          </span>
-        </p>
-        <p
-          style="
-            margin-top: 7.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
-          "
+            >Cookie Notice does not cover third party websites</span
+          ></b
         >
-          <span
-            style="
-              font-size: 10.5pt;
-              font-family: 'Trebuchet MS', sans-serif;
-              color: black;
-            "
-            >Phone: +36 1 460 6863
-          </span>
-        </p>
-        <p
+      </p>
+      <p
+        style="
+          margin-top: 7.5pt;
+          margin-right: 0in;
+          margin-bottom: 7.5pt;
+          margin-left: 0in;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <span
           style="
-            margin-top: 7.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
+            font-size: 10.5pt;
+            font-family: 'Trebuchet MS', sans-serif;
+            color: black;
           "
         >
-          <span
+          Please note that this Cookie Notice does not apply to, and we are not
+          responsible for, the privacy practices of third-party websites which
+          may be linked to this Website.
+        </span>
+      </p>
+
+      <p
+        style="
+          margin-top: 22.5pt;
+          margin-right: 7.5pt;
+          margin-bottom: 7.5pt;
+          margin-left: 7.5pt;
+          line-height: normal;
+          background: #f2f2f2;
+        "
+      >
+        <b
+          ><span
             style="
-              font-size: 10.5pt;
+              font-size: 12.5pt;
               font-family: 'Trebuchet MS', sans-serif;
-              color: black;
+              color: #002060;
             "
-            >Fax: +36 1 460 6864
-          </span>
-        </p>
-        <p
-          style="
-            margin-top: 7.5pt;
-            margin-right: 0in;
-            margin-bottom: 7.5pt;
-            margin-left: 0in;
-            line-height: 1.1;
-          "
+            >Changes to the Cookie Notice</span
+          ></b
         >
-          <span
-            style="
-              font-size: 10.5pt;
-              font-family: 'Trebuchet MS', sans-serif;
-              color: black;
-            "
-            >E-mail: adatvedelem@icehockey.hu
-          </span>
-        </p>
-      </ol>
+      </p>
+
       <p
         style="
           margin-top: 7.5pt;
           margin-right: 0in;
           margin-bottom: 7.5pt;
           margin-left: 0in;
-          line-height: 1.1;
+          line-height: normal;
+          background: #f2f2f2;
         "
       >
         <span
@@ -1540,11 +1615,23 @@
             font-family: 'Trebuchet MS', sans-serif;
             color: black;
           "
-          >HIHF ERSTE LIGA TV Terms and Conditions of Use, including the Privacy
-          Statement, can be found at the following link:
-          "ersteligatv.hu/Felhasznalasi-feltetelek"
+        >
+          We may update this Cookie Notice and we would encourage you to review
+          the notice from time to time to stay informed of how we are using
+          cookies.
         </span>
       </p>
+
+      <p style="margin-bottom: 0in; line-height: normal; background: #f2f2f2">
+        <span
+          style="
+            font-size: 9pt;
+            font-family: 'Trebuchet MS', sans-serif;
+            color: black;
+          "
+          >© inSportsTV.com All right reserved.</span
+        >
+      </p>
     </div>
   </body>
 </html>

public/clients/tunisia/favicon/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/mstile-70x70.png"/>
+            <square144x144logo src="/mstile-144x144.png"/>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <square310x310logo src="/mstile-310x310.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

public/clients/tunisia/favicon/manifest.json

@@ -0,0 +1,19 @@
+{
+  "name": "",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}

public/clients/tunisia/favicon/safari-pinned-tab.svg

@@ -0,0 +1,18 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN" "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000" preserveAspectRatio="xMidYMid meet">
+  <metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+  <g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)" fill="#000000" stroke="none">
+    <path d="M1499 6996 c-2 -2 -59 -6 -125 -9 -247 -12 -462 -57 -614 -129 -64
+-30 -206 -123 -265 -173 -105 -89 -173 -164 -247 -270 -153 -219 -210 -411
+-235 -790 -11 -161 -10 -4130 0 -4270 12 -158 20 -222 43 -331 60 -297 246
+-573 515 -766 182 -130 345 -193 584 -225 22 -2 51 -6 65 -8 124 -17 518 -20
+2260 -20 1773 0 2220 4 2295 19 11 2 45 7 75 10 75 9 120 17 190 36 121 32
+186 61 300 129 87 53 77 46 155 109 140 114 277 283 353 437 83 166 119 330
+139 630 11 160 10 4107 0 4260 -29 420 -108 642 -311 880 -175 205 -390 346
+-626 412 -47 13 -107 26 -135 29 -27 4 -52 8 -55 9 -3 2 -44 6 -90 10 -47 4
+-96 9 -110 13 -26 6 -4154 14 -4161 8z" />
+  </g>
+</svg>

public/images/dollar-sign-grey.svg

@@ -1,3 +0,0 @@
-<svg width="6" height="13" viewBox="0 0 6 13" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M3.80998 0.90332V2.65527H2.90764V0.90332H3.80998ZM3.69865 10.4717V12.042H2.80217V10.4717H3.69865ZM4.58342 8.5791C4.58342 8.35254 4.53654 8.15527 4.44279 7.9873C4.35295 7.81543 4.20451 7.66113 3.99748 7.52441C3.79045 7.38379 3.51311 7.25293 3.16545 7.13184C2.66545 6.95605 2.22795 6.75879 1.85295 6.54004C1.48186 6.31738 1.19279 6.04395 0.985762 5.71973C0.782637 5.3916 0.681075 4.9834 0.681075 4.49512C0.681075 4.01465 0.79045 3.59863 1.0092 3.24707C1.23186 2.89551 1.54045 2.62402 1.93498 2.43262C2.32951 2.24121 2.79045 2.14551 3.31779 2.14551C3.72404 2.14551 4.08928 2.20605 4.4135 2.32715C4.74162 2.44824 5.02092 2.62598 5.25139 2.86035C5.48186 3.09473 5.65764 3.38379 5.77873 3.72754C5.90373 4.06738 5.96623 4.45801 5.96623 4.89941H4.55998C4.55998 4.64941 4.53068 4.42676 4.47209 4.23145C4.4174 4.03223 4.33537 3.86426 4.226 3.72754C4.11662 3.58691 3.98381 3.47949 3.82756 3.40527C3.67522 3.33105 3.50139 3.29395 3.30607 3.29395C3.02873 3.29395 2.80022 3.34668 2.62053 3.45215C2.44084 3.55371 2.30803 3.69434 2.22209 3.87402C2.14006 4.05371 2.09904 4.25879 2.09904 4.48926C2.09904 4.71191 2.14201 4.90723 2.22795 5.0752C2.31389 5.24316 2.46037 5.39551 2.6674 5.53223C2.87834 5.66504 3.1674 5.7998 3.53459 5.93652C4.0385 6.11621 4.47404 6.31738 4.84123 6.54004C5.21232 6.75879 5.49748 7.03027 5.6967 7.35449C5.89982 7.6748 6.00139 8.0791 6.00139 8.56738C6.00139 9.07129 5.8842 9.49902 5.64982 9.85059C5.41936 10.2021 5.09514 10.4697 4.67717 10.6533C4.26311 10.833 3.78068 10.9229 3.2299 10.9229C2.88225 10.9229 2.53654 10.8779 2.19279 10.7881C1.85295 10.6943 1.54436 10.542 1.26701 10.3311C0.989669 10.1201 0.768965 9.84082 0.604903 9.49316C0.44084 9.1416 0.358809 8.71191 0.358809 8.2041H1.77678C1.77678 8.50879 1.81779 8.7627 1.89982 8.96582C1.98186 9.16895 2.09318 9.3291 2.23381 9.44629C2.37443 9.56348 2.53068 9.64746 2.70256 9.69824C2.87834 9.74902 3.05412 9.77441 3.2299 9.77441C3.52287 9.77441 3.76897 9.72559 3.96818 9.62793C4.17131 9.52637 4.32365 9.38574 4.42522 9.20605C4.53068 9.02246 4.58342 8.81348 4.58342 8.5791Z" fill="white" fill-opacity="0.7"/>
-</svg>

public/images/dollar-sign.svg

@@ -1,3 +0,0 @@
-<svg width="12" height="23" viewBox="0 0 12 23" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M8.81201 15.5813C8.81201 14.9172 8.60107 14.3704 8.1792 13.9407C7.75732 13.5032 7.0542 13.1125 6.06982 12.7688C5.08545 12.4172 4.31982 12.093 3.77295 11.7961C1.95264 10.8196 1.04248 9.37427 1.04248 7.46021C1.04248 6.16333 1.43701 5.09692 2.22607 4.26099C3.01514 3.42505 4.08545 2.92896 5.43701 2.77271V0.218018H7.31201V2.79614C8.67139 2.99146 9.72217 3.56958 10.4644 4.53052C11.2065 5.48364 11.5776 6.72583 11.5776 8.25708H8.7417C8.7417 7.27271 8.51904 6.49927 8.07373 5.93677C7.63623 5.36646 7.03857 5.0813 6.28076 5.0813C5.53076 5.0813 4.94482 5.28442 4.52295 5.69067C4.10107 6.09692 3.89014 6.67896 3.89014 7.43677C3.89014 8.11646 4.09717 8.66333 4.51123 9.07739C4.93311 9.48364 5.64404 9.87036 6.64404 10.2375C7.64404 10.6047 8.4292 10.9446 8.99951 11.2571C9.56982 11.5696 10.0503 11.929 10.4409 12.3352C10.8315 12.7336 11.1323 13.1946 11.3433 13.718C11.5542 14.2415 11.6597 14.8547 11.6597 15.5579C11.6597 16.8782 11.2534 17.9485 10.4409 18.7688C9.63623 19.5891 8.51123 20.0735 7.06592 20.2219V22.5071H5.20264V20.2336C3.65576 20.0618 2.46436 19.5071 1.62842 18.5696C0.800293 17.6321 0.38623 16.3899 0.38623 14.843H3.23389C3.23389 15.8274 3.47998 16.5891 3.97217 17.1282C4.47217 17.6672 5.17529 17.9368 6.08154 17.9368C6.97217 17.9368 7.64795 17.7219 8.10889 17.2922C8.57764 16.8625 8.81201 16.2922 8.81201 15.5813Z" fill="#333333"/>
-</svg>

public/images/matchTabs/bets.svg

@@ -0,0 +1,3 @@
+<svg width="22" height="16" viewBox="0 0 22 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.75 6.5C20.9489 6.5 21.1397 6.42098 21.2803 6.28033C21.421 6.13968 21.5 5.94891 21.5 5.75V2C21.5 1.60218 21.342 1.22064 21.0607 0.93934C20.7794 0.658035 20.3978 0.5 20 0.5H2C1.60218 0.5 1.22064 0.658035 0.93934 0.93934C0.658035 1.22064 0.5 1.60218 0.5 2V5.75C0.5 5.94891 0.579018 6.13968 0.71967 6.28033C0.860322 6.42098 1.05109 6.5 1.25 6.5C1.64782 6.5 2.02936 6.65804 2.31066 6.93934C2.59196 7.22064 2.75 7.60218 2.75 8C2.75 8.39782 2.59196 8.77936 2.31066 9.06066C2.02936 9.34196 1.64782 9.5 1.25 9.5C1.05109 9.5 0.860322 9.57902 0.71967 9.71967C0.579018 9.86032 0.5 10.0511 0.5 10.25V14C0.5 14.3978 0.658035 14.7794 0.93934 15.0607C1.22064 15.342 1.60218 15.5 2 15.5H20C20.3978 15.5 20.7794 15.342 21.0607 15.0607C21.342 14.7794 21.5 14.3978 21.5 14V10.25C21.5 10.0511 21.421 9.86032 21.2803 9.71967C21.1397 9.57902 20.9489 9.5 20.75 9.5C20.3522 9.5 19.9706 9.34196 19.6893 9.06066C19.408 8.77936 19.25 8.39782 19.25 8C19.25 7.60218 19.408 7.22064 19.6893 6.93934C19.9706 6.65804 20.3522 6.5 20.75 6.5ZM20 10.9025V14H14.75V11.75H13.25V14H2V10.9025C2.642 10.7347 3.21025 10.3588 3.61582 9.8336C4.02139 9.3084 4.24139 8.66356 4.24139 8C4.24139 7.33644 4.02139 6.6916 3.61582 6.1664C3.21025 5.64121 2.642 5.2653 2 5.0975V2H13.25V4.25H14.75V2H20V5.0975C19.358 5.2653 18.7898 5.64121 18.3842 6.1664C17.9786 6.6916 17.7586 7.33644 17.7586 8C17.7586 8.66356 17.9786 9.3084 18.3842 9.8336C18.7898 10.3588 19.358 10.7347 20 10.9025Z" fill="white"/>
+</svg>

public/images/matchTabs/chat.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18 0H2C0.9 0 0 0.9 0 2V20L4 16H18C19.1 16 20 15.1 20 14V2C20 0.9 19.1 0 18 0ZM18 14H4L2 16V2H18V14Z" fill="white"/>
+</svg>

public/images/matchTabs/likes.svg

@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.9261 5.8212C12.9307 5.87963 12.9358 5.93231 12.9406 5.97754C12.9332 5.99732 12.9251 6.019 12.9163 6.04251C12.8651 6.17851 12.7898 6.37523 12.6939 6.61585C12.502 7.09769 12.229 7.75251 11.9041 8.44659C11.5783 9.14247 11.2053 9.86744 10.8143 10.4938C10.4154 11.1329 10.0302 11.616 9.69372 11.8772C9.66718 11.8978 9.64228 11.9205 9.61923 11.9449C9.18111 12.41 8.91275 12.9173 8.74763 13.3195L8.7475 13.3194L8.74278 13.3316C8.71208 13.4109 8.6845 13.4866 8.66007 13.556C8.58397 13.7007 8.41439 13.9457 8.03684 14.1757C7.79824 14.321 7.67921 14.6026 7.74121 14.875L9.45857 22.4214C9.51892 22.6866 9.738 22.8862 10.0077 22.9216L10.0924 22.2772C10.0077 22.9216 10.0077 22.9216 10.0078 22.9216L10.008 22.9217L10.0085 22.9217L10.0104 22.922L10.0169 22.9228L10.0413 22.9259L10.1335 22.9373C10.2137 22.9471 10.3304 22.9608 10.4785 22.977C10.7745 23.0094 11.1963 23.052 11.7023 23.0927C12.704 23.1733 14.0447 23.2476 15.3961 23.2207C16.4734 23.3062 17.6651 23.3176 18.6492 23.1041C20.351 22.7378 21.1491 21.9031 21.424 21.0082C21.5524 20.5903 21.5506 20.2065 21.5195 19.9324C21.5184 19.923 21.5173 19.9137 21.5162 19.9045C22.2578 19.2016 22.4576 18.4095 22.4234 17.7496C22.407 17.4337 22.3384 17.1612 22.268 16.9564C22.532 16.603 22.6944 16.243 22.7698 15.8841C22.869 15.4117 22.8081 14.9852 22.6891 14.6367C22.5848 14.3315 22.4352 14.0826 22.3041 13.9021C22.3596 13.7543 22.414 13.5732 22.4473 13.3692C22.5426 12.7857 22.4608 11.9957 21.7482 11.3383C21.301 10.9249 20.7077 10.7201 20.1465 10.6173C19.5762 10.5129 18.9701 10.5014 18.4303 10.5271C17.8871 10.553 17.3897 10.6177 17.0293 10.6755C16.8485 10.7044 16.7006 10.7319 16.5969 10.7524C16.545 10.7626 16.504 10.7711 16.4753 10.7772L16.4465 10.7835C16.2767 10.8127 16.1004 10.8472 15.9166 10.8879C15.9176 10.8109 15.9236 10.7124 15.9386 10.5884C15.9877 10.1833 16.1238 9.57481 16.4163 8.67814C17.0456 6.75441 16.9047 5.43702 16.2643 4.58987C15.6381 3.76143 14.6875 3.5895 14.1627 3.5895C13.6555 3.5895 13.3235 3.89075 13.149 4.21465C12.9929 4.50432 12.9404 4.83899 12.9208 5.09751C12.9001 5.36964 12.9113 5.63254 12.9261 5.8212Z" stroke="white" stroke-width="1.3" stroke-linejoin="round"/>
+<path d="M7.34175 23.2783C7.70504 23.2809 8.04815 23.132 8.27682 22.8488C8.50519 22.566 8.57817 22.2007 8.50503 21.8497C8.50503 21.8496 8.50503 21.8496 8.50503 21.8496L7.204 15.603L7.204 15.6029C7.06791 14.9497 6.44949 14.4357 5.77589 14.4357H3.29278C2.93392 14.4357 2.64296 14.7265 2.64278 15.0853L2.63906 22.6279C2.63898 22.8004 2.70742 22.9658 2.82933 23.0878C2.95124 23.2097 3.11662 23.2783 3.28906 23.2783H7.34175ZM7.34175 23.2783C7.34045 23.2783 7.33916 23.2782 7.33786 23.2782L7.34456 22.6283V23.2783H7.34175Z" stroke="white" stroke-width="1.3" stroke-linejoin="round"/>
+</svg>

public/images/matchTabs/players.svg

@@ -0,0 +1,6 @@
+<svg width="21" height="21" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M15.1862 14.29C15.1862 14.29 14.4125 13.347 13.7596 13.1778C11.7528 12.67 10.8824 12.0414 10.5681 11.6787C10.689 11.582 10.8099 11.4611 10.9308 11.3402C12.2606 9.84117 12.0672 7.32661 12.043 7.0123C11.8979 3.99001 9.6735 3.26466 8.36787 3.31301C7.06224 3.26466 4.83783 4.01418 4.69276 7.0123C4.66859 7.30244 4.47516 9.81698 5.80497 11.3402C5.92586 11.4853 6.07093 11.6304 6.216 11.7271C6.16764 11.7512 6.14346 11.7754 6.14346 11.7996C5.78079 12.1865 4.93455 12.7184 3.07282 13.2019C2.37164 13.3712 1.59794 14.5076 1.59794 14.5076C1.59794 14.5076 0.928283 15.9908 1.10911 16.1968C2.86924 18.199 5.44868 19.4641 8.31951 19.4641C11.3689 19.4641 14.0895 18.0368 15.8487 15.8148C15.6145 14.8567 15.1862 14.29 15.1862 14.29ZM3.41131 14.5801C2.90357 14.701 2.7585 15.3296 2.7585 15.8374C4.2092 17.1914 6.16764 18.0376 8.31951 18.0376C10.5681 18.0376 12.5991 17.1188 14.0981 15.6681C14.0503 14.7595 13.6004 14.6312 13.4268 14.5817L13.4211 14.5801C12.3331 14.3142 11.5111 13.9998 10.9066 13.6855C10.3021 14.4834 9.35918 14.967 8.34369 14.967C7.35238 14.967 6.4336 14.5076 5.82914 13.7339C5.22469 14.024 4.4268 14.3142 3.41131 14.5801ZM8.36787 10.9775C9.02068 10.9775 9.50425 10.7841 9.86692 10.3731C10.6648 9.47849 10.6648 7.73765 10.5923 7.13319V7.08483C10.5439 6.06934 10.1812 5.36817 9.52843 5.0055C9.02505 4.73093 8.50002 4.73784 8.38365 4.73938C8.37705 4.73946 8.37176 4.73953 8.36787 4.73953H8.27115C8.10191 4.73953 7.61834 4.73953 7.15895 5.0055C6.50614 5.36817 6.14346 6.06934 6.09511 7.08483V7.13319C6.02257 7.73765 6.04675 9.47849 6.84463 10.3731C7.20731 10.7599 7.69087 10.9775 8.34369 10.9775H8.36787ZM8.29533 12.4282C8.02937 12.4282 7.76341 12.4041 7.5458 12.3557C7.42491 12.525 7.25567 12.7426 7.03806 12.936C7.35238 13.3228 7.83594 13.5404 8.34369 13.5404C8.89979 13.5404 9.38336 13.2745 9.72185 12.8635C9.52843 12.67 9.38336 12.5008 9.28664 12.3315C9.02068 12.3799 8.75472 12.4282 8.4404 12.4282H8.29533Z" fill="white"/>
+<rect x="13.3672" y="4.10608" width="6.14323" height="1.53581" rx="0.767904" fill="white"/>
+<rect x="13.3672" y="6.40979" width="6.14323" height="1.53581" rx="0.767904" fill="white"/>
+<rect x="13.3672" y="8.7135" width="6.14323" height="1.53581" rx="0.767904" fill="white"/>
+</svg>

public/images/matchTabs/plays.svg

@@ -0,0 +1,4 @@
+<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8.9915 0.666626C4.3915 0.666626 0.666504 4.39996 0.666504 8.99996C0.666504 13.6 4.3915 17.3333 8.9915 17.3333C13.5998 17.3333 17.3332 13.6 17.3332 8.99996C17.3332 4.39996 13.5998 0.666626 8.9915 0.666626ZM8.99984 15.6666C5.3165 15.6666 2.33317 12.6833 2.33317 8.99996C2.33317 5.31663 5.3165 2.33329 8.99984 2.33329C12.6832 2.33329 15.6665 5.31663 15.6665 8.99996C15.6665 12.6833 12.6832 15.6666 8.99984 15.6666Z" fill="white"/>
+<path d="M9.4165 5.45829C9.4165 5.11311 9.13668 4.83329 8.7915 4.83329C8.44633 4.83329 8.1665 5.11311 8.1665 5.45829V9.2671C8.1665 9.61837 8.3508 9.94387 8.65201 10.1246L12.0317 12.1524C12.3139 12.3217 12.6797 12.2316 12.851 11.9507C13.0246 11.666 12.9321 11.2942 12.6453 11.1241L9.90623 9.49886C9.60263 9.31873 9.4165 8.99187 9.4165 8.63885V5.45829Z" fill="white"/>
+</svg>

public/images/matchTabs/stats.svg

@@ -0,0 +1,12 @@
+<svg width="22" height="18" viewBox="0 0 22 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.1 0H0.9C0.4 0 0 0.4 0 0.9V17.1C0 17.5 0.4 18 0.9 18H21.1C21.5 18 22 17.5 22 17.1V0.9C22 0.4 21.5 0 21.1 0ZM20 16H2V2H20V16Z" fill="white"/>
+<path d="M13.5 4H9C8.44772 4 8 4.44772 8 5C8 5.55228 8.44772 6 9 6H13.5C14.0523 6 14.5 5.55228 14.5 5C14.5 4.44772 14.0523 4 13.5 4Z" fill="white"/>
+<path d="M13.5 8H9C8.44772 8 8 8.44772 8 9C8 9.55228 8.44772 10 9 10H13.5C14.0523 10 14.5 9.55228 14.5 9C14.5 8.44772 14.0523 8 13.5 8Z" fill="white"/>
+<path d="M13.5 12H9C8.44772 12 8 12.4477 8 13C8 13.5523 8.44772 14 9 14H13.5C14.0523 14 14.5 13.5523 14.5 13C14.5 12.4477 14.0523 12 13.5 12Z" fill="white"/>
+<path d="M4 13C4 13.5523 4.44772 14 5 14C5.55228 14 6 13.5523 6 13C6 12.4477 5.55228 12 5 12C4.44772 12 4 12.4477 4 13Z" fill="white"/>
+<path d="M4 9C4 9.55228 4.44772 10 5 10C5.55228 10 6 9.55228 6 9C6 8.44772 5.55228 8 5 8C4.44772 8 4 8.44772 4 9Z" fill="white"/>
+<path d="M4 5C4 5.55228 4.44772 6 5 6C5.55228 6 6 5.55228 6 5C6 4.44772 5.55228 4 5 4C4.44772 4 4 4.44772 4 5Z" fill="white"/>
+<path d="M16.5 13C16.5 13.5523 16.9477 14 17.5 14C18.0523 14 18.5 13.5523 18.5 13C18.5 12.4477 18.0523 12 17.5 12C16.9477 12 16.5 12.4477 16.5 13Z" fill="white"/>
+<path d="M16.5 9C16.5 9.55228 16.9477 10 17.5 10C18.0523 10 18.5 9.55228 18.5 9C18.5 8.44772 18.0523 8 17.5 8C16.9477 8 16.5 8.44772 16.5 9Z" fill="white"/>
+<path d="M16.5 5C16.5 5.55228 16.9477 6 17.5 6C18.0523 6 18.5 5.55228 18.5 5C18.5 4.44772 18.0523 4 17.5 4C16.9477 4 16.5 4.44772 16.5 5Z" fill="white"/>
+</svg>

public/images/matchTabs/watch.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 12.5C8 13.324 8.94076 13.7944 9.6 13.3L12.9333 10.8C13.4667 10.4 13.4667 9.6 12.9333 9.2L9.6 6.7C8.94076 6.20557 8 6.67595 8 7.5V12.5ZM10 0C4.48 0 0 4.48 0 10C0 15.52 4.48 20 10 20C15.52 20 20 15.52 20 10C20 4.48 15.52 0 10 0ZM10 18C5.59 18 2 14.41 2 10C2 5.59 5.59 2 10 2C14.41 2 18 5.59 18 10C18 14.41 14.41 18 10 18Z" fill="white"/>
+</svg>