@24i/bigscreen-sdk 1.0.4 → 1.0.5-4.alpha-2832

package/README.md

@@ -6,9 +6,8 @@ sidebar_label: README
 ---
 
 # SmartApps BIGscreen SDK
-
-[![Build Status](https://travis-ci.com/24i/smartapps-bigscreen-sdk.svg?token=TvpGGSB2Z1L12QwPagEp&branch=development)](https://travis-ci.com/24i/smartapps-bigscreen-sdk)
-[![Coverage Status](https://coveralls.io/repos/github/24i/smartapps-bigscreen-sdk/badge.svg?branch=development&t=dGc701&kill_cache=1)](https://coveralls.io/github/24i/smartapps-bigscreen-sdk?branch=development)
+[![Build Status](https://github.com/24i/smartapps-bigscreen-sdk/actions/workflows/pull-request.yml/badge.svg)](https://github.com/24i/smartapps-bigscreen-sdk/actions/workflows/pull-request.yml)
+[![Coverage](https://sonarcloud.io/api/project_badges/measure?project=24i_smartapps-bigscreen-sdk&metric=coverage&token=3d35c42d12a876ed9fde3dd5adba282b14656069)](https://sonarcloud.io/summary/new_code?id=24i_smartapps-bigscreen-sdk)
 
 * [GitHub](https://github.com/24i/smartapps-bigscreen-sdk)
 * [Confluence](https://24imedia.atlassian.net/wiki/spaces/PRDNGBIGSCR/overview)

package/ci/is_ci_job_skippable.sh

@@ -0,0 +1,153 @@
+#!/usr/bin/env bash
+
+: '
+Resolves whether CI job can be skipped or not.
+
+It requires to be executed with "source", as the script exports result as a variable
+which needs to be processed outside the script.
+
+- EXPORTS:
+Exports numeric variable IS_CI_JOB_SKIPPABLE,
+where 0 represents not skippable build and 1 represent skippable build.
+
+- PARAMETERS:
+File paths or glob patterns with paths to files which are not relevant for the CI job.
+Each glob pattern has to be wrapped into double quotes.
+
+- USAGE:
+source <path/to/script.sh> "filePathOrGlob1" "filePathOrGlob2" ... "filePathOrGlobN"
+
+- EXAMPLE:
+source path/to/script.sh "docs/**/*" ".eslintrc.json"
+if [[ "$IS_CI_JOB_SKIPPABLE" -eq 1 ]]; then
+  # job is skippable, do something here
+fi
+'
+
+# Includes filenames beginning with a ‘.’ in the results of filename expansion.
+# The filenames ‘.’ and ‘..’ must always be matched explicitly, even if dotglob is set.
+shopt -s dotglob
+
+# Patterns which fail to match filenames during filename expansion will not result in an expansion error.
+shopt -u failglob
+
+# The pattern ‘**’ used in a filename expansion context will match all files and zero or more directories and subdirectories.
+shopt -s globstar
+
+# Bash allows filename patterns which match no files to expand to a null string, rather than themselves.
+shopt -s nullglob
+
+function printFormattedArrayItems () {
+  FUNCTION_INPUT_ARRAY=("$@")
+  for i in "${FUNCTION_INPUT_ARRAY[@]}"; do
+    echo "  - $i"
+  done
+}
+
+# Exported numeric variable with the result.
+# 0 represents not skippable build, 1 represent skippable build.
+IS_CI_JOB_SKIPPABLE=0
+
+# Printed when build is skippable.
+RESULT_TRUE_STRING="It's possible to skip the CI job!"
+
+# Printed when build is not skippable.
+RESULT_FALSE_STRING="It's NOT possible to skip the CI job!"
+
+# Variable for providing details about the result.
+RESULT_REASON_STRING="N/A"
+
+# The range of commits that were included in the push or pull request.
+# Example "SHA1...SHA2".
+COMMIT_RANGE=""
+
+echo ""
+echo "==========================================================================================="
+echo "RESOLVING THE POSSIBILITY TO SKIP THE CI JOB..."
+
+# GitHub Actions CI
+if [[ "$GITHUB_EVENT_NAME" == "pull_request" ]]; then
+  # This is a Pull Request event
+  if [[ -z "$GITHUB_BASE_REF" ]]; then
+    RESULT_REASON_STRING="GITHUB_BASE_REF is empty for this CI build."
+  elif [[ -z "$GITHUB_HEAD_REF" ]]; then
+    RESULT_REASON_STRING="GITHUB_HEAD_REF is empty for this CI build."
+  else
+    COMMIT_RANGE="origin/${GITHUB_BASE_REF}...origin/${GITHUB_HEAD_REF}"
+    echo "set COMMIT_RANGE for PR (GA) to \"${COMMIT_RANGE}\""
+  fi
+else
+  # This is not Pull Request event (it is for example push)
+  if [[ "$GA_EVENT_BEFORE" == "0000000000000000000000000000000000000000" ]]; then
+    # variable it is set to zeros for the initial commit of a new branch
+    RESULT_REASON_STRING="GA_EVENT_BEFORE is zeros for this CI build."
+  elif [[ -z "$GA_EVENT_BEFORE" ]]; then
+    RESULT_REASON_STRING="GA_EVENT_BEFORE is empty for this CI build."
+  elif [[ -z "$GA_EVENT_AFTER" ]]; then
+    RESULT_REASON_STRING="GA_EVENT_AFTER is empty for this CI build."
+  else
+    COMMIT_RANGE="${GA_EVENT_BEFORE}...${GA_EVENT_AFTER}"
+    echo "set COMMIT_RANGE for \"${GITHUB_EVENT_NAME}\" (GA) to \"${COMMIT_RANGE}\""
+  fi
+fi
+
+if [[ ! -z "$COMMIT_RANGE" ]]; then
+  CHANGED_FILES_ARRAY=()
+  while IFS= read -r line; do
+      CHANGED_FILES_ARRAY+=("${line}")
+  done < <(git diff --name-only "$COMMIT_RANGE")
+
+  IRRELEVANT_FILES_INPUT_ARRAY=($@) # array with all params
+
+  RESOLVED_RELEVANT_FILES=()
+  RESOLVED_IRRELEVANT_FILES=()
+  for i in "${CHANGED_FILES_ARRAY[@]}"; do
+    if [[ "${IRRELEVANT_FILES_INPUT_ARRAY[*]}" =~ $i ]]; then
+      RESOLVED_IRRELEVANT_FILES+=("$i")
+    else
+      RESOLVED_RELEVANT_FILES+=("$i")
+    fi
+  done
+
+  echo ""
+  echo "Provided filter for irrelevant files ($#):"
+  printFormattedArrayItems "$@"
+
+  echo ""
+  echo "Resolved provided filter for irrelevant files (${#IRRELEVANT_FILES_INPUT_ARRAY[@]}):"
+  printFormattedArrayItems "${IRRELEVANT_FILES_INPUT_ARRAY[@]}"
+
+  echo ""
+  echo "Detected changed files from GIT (${#CHANGED_FILES_ARRAY[@]}):"
+  printFormattedArrayItems "${CHANGED_FILES_ARRAY[@]}"
+
+  echo ""
+  echo "Changed files resolved as relevant for the CI job (${#RESOLVED_RELEVANT_FILES[@]}):"
+  printFormattedArrayItems "${RESOLVED_RELEVANT_FILES[@]}"
+
+  echo ""
+  echo "Changed files resolved as irrelevant for the CI job: (${#RESOLVED_IRRELEVANT_FILES[@]}):"
+  printFormattedArrayItems "${RESOLVED_IRRELEVANT_FILES[@]}"
+
+  if [[ ${#RESOLVED_RELEVANT_FILES[@]} -eq 0 ]]; then
+      IS_CI_JOB_SKIPPABLE=1
+      RESULT_REASON_STRING="With given filter, all changed files are irrelevant for this CI job."
+    else
+      RESULT_REASON_STRING="With given filter, there are changes which have to be processed in this CI job."
+    fi
+fi
+
+echo ""
+echo "The result:"
+if [[ "$IS_CI_JOB_SKIPPABLE" -eq 1 ]]; then
+  echo "  $RESULT_TRUE_STRING"
+else
+  echo "  $RESULT_FALSE_STRING"
+fi
+echo ""
+echo "The reason of the result:"
+echo "  $RESULT_REASON_STRING"
+echo "==========================================================================================="
+echo ""
+
+export IS_CI_JOB_SKIPPABLE

package/package.json

@@ -1,15 +1,16 @@
 {
     "name": "@24i/bigscreen-sdk",
-    "version": "1.0.4",
+    "version": "1.0.54.alpha-2832",
     "description": "SmartApps BIGscreen SDK monorepo",
     "main": "index.js",
     "scripts": {
-        "prepare": "husky install && npm run patch-types && npm run scripts:prepare",
+        "prepare": "husky && npm run patch-types && npm run scripts:prepare",
         "prepublishOnly": "npm run scripts:prepare",
         "scripts:prepare": "ts-node ./utils/run-scripts/index.ts \"prepare:.+\"",
         "scripts:prepare:create-export-maps": "ts-node ./utils/create-export-maps/index.ts --project ./tsconfig.utils.json",
         "scripts:prepare:webos": "cd packages/driver-webos && ts-node ./scripts/exportWebOSTVjs.ts --project ../../tsconfig.utils.json",
         "scripts:create-package": "ts-node ./utils/create-package/src/index.ts --project ./tsconfig.utils.json",
+        "release": "ts-node --project ./tsconfig.utils.json ./utils/release/release.ts",
         "jest": "cross-env NODE_ICU_DATA=node_modules/full-icu jest",
         "eslint": "eslint \"./packages/**/src/**/*.{ts,tsx}\"",
         "stylelint": "stylelint \"./packages/**/src/**/*.scss\"",
@@ -17,9 +18,9 @@
         "lintcheck:cached": "npm run eslint -- --cache && npm run stylelint -- --cache",
         "typecheck": "tsc --noEmit",
         "typecheck:cached": "npm run typecheck -- --incremental",
-        "test": "npm run jest -- --no-cache && npm run lintcheck",
-        "test:cached": "npm run jest && npm run lintcheck:cached",
-        "coverage": "npm run jest -- --runInBand --coverage && coveralls < coverage/lcov.info",
+        "test": "npm run jest -- --no-cache",
+        "test:cached": "npm run jest",
+        "coverage": "npm run jest -- --runInBand --coverage",
         "branchlint": "branchlint",
         "generate-changelog": "smartapps-bigscreen-changelog-generator",
         "deploy-docs": "cd website && npm run build && vercel ./build/prd-nxg-bigscreen --token=$VERCEL_TOKEN_24I --local-config=./vercel.json --scope=24i -f -c --prod",
@@ -37,49 +38,62 @@
     },
     "homepage": "https://github.com/24i/smartapps-bigscreen-sdk#readme",
     "dependencies": {
-        "@24i/player-base": "6.10.0",
-        "@24i/smartapps-datalayer": "3.0.2",
-        "@sentry/browser": "^7.12.1",
-        "@types/prop-types": "^15.7.5",
-        "@types/scheduler": "^0.16.2",
-        "csstype": "^3.1.1",
-        "lottie-web": "5.9.6",
+        "@24i/appstage-shared-analytics": "1.0.24",
+        "@24i/appstage-shared-events-manager": "1.0.11",
+        "@24i/appstage-shared-perf-utils": "1.0.11",
+        "@24i/bigscreen-players-engine-base": "4.1.0",
+        "@24i/smartapps-datalayer": "3.0.24",
+        "@sentry/browser": "7.35.0",
+        "@sentry/types": "7.35.0",
+        "csstype": "^3.1.3",
+        "date-fns": "2.29.3",
+        "lottie-web": "5.12.2",
         "prop-types": "^15.8.1"
     },
     "devDependencies": {
         "@24i/bigscreen-sdk": "file:.",
         "@24i/eslint-config-smartapps-bigscreen-linters": "file:./libs/linters",
         "@24i/smartapps-bigscreen-changelog-generator": "0.17.0",
-        "@babel/core": "^7.19.0",
-        "@babel/preset-env": "^7.19.0",
-        "@types/fs-extra": "^9.0.13",
-        "@types/inquirer": "^9.0.1",
-        "@types/jest": "^29.0.2",
-        "@types/minimist": "^1.2.2",
-        "@types/node": "^18.7.18",
-        "@types/react": "^18.0.20",
-        "babel-jest": "^29.0.3",
-        "chalk": "^5.0.1",
+        "@babel/core": "^7.24.6",
+        "@babel/preset-env": "^7.24.6",
+        "@types/fs-extra": "^11.0.4",
+        "@types/gtag.js": "^0.0.19",
+        "@types/inquirer": "^9.0.7",
+        "@types/jest": "^29.5.12",
+        "@types/minimist": "^1.2.5",
+        "@types/node": "^20.13.0",
+        "@types/prop-types": "^15.7.12",
+        "@types/react": "18.0.33",
+        "@types/scheduler": "^0.23.0",
+        "babel-jest": "^29.7.0",
+        "chalk": "^5.3.0",
         "coveralls": "^3.1.1",
         "cross-env": "^7.0.3",
-        "fs-extra": "^10.1.0",
+        "fs-extra": "^11.2.0",
         "full-icu": "^1.5.0",
         "identity-obj-proxy": "^3.0.0",
-        "inquirer": "^9.1.1",
-        "jest": "^29.0.3",
-        "jest-canvas-mock": "^2.4.0",
-        "jest-environment-jsdom": "^29.0.3",
-        "minimist": "^1.2.6",
-        "patch-package": "^6.4.7",
-        "sass": "^1.54.9",
-        "sass-true": "^6.1.0",
-        "ts-jest": "^29.0.1",
-        "ts-node": "^10.9.1",
+        "inquirer": "^9.2.23",
+        "jest": "^29.7.0",
+        "jest-canvas-mock": "^2.5.2",
+        "jest-environment-jsdom": "^29.7.0",
+        "jest-sonar": "^0.2.15",
+        "minimist": "^1.2.8",
+        "patch-package": "^8.0.0",
+        "sass": "^1.77.4",
+        "sass-true": "^8.0.0",
+        "ts-jest": "^29.1.4",
+        "ts-node": "^10.9.2",
         "tsconfig-paths-jest": "0.0.1",
-        "typescript": "^4.8.3"
+        "typescript": "^5.4.5"
     },
     "exports": {
         "./adobe-heartbeat": "./packages/adobe-heartbeat/src/index.ts",
+        "./analytics/interface": "./packages/analytics/src/interface.ts",
+        "./analytics/ConsoleAnalytics": "./packages/analytics/src/clients/ConsoleAnalytics/index.ts",
+        "./analytics/GoogleAnalytics": "./packages/analytics/src/clients/GoogleAnalytics/index.ts",
+        "./analytics/TealiumAnalytics": "./packages/analytics/src/clients/TealiumAnalytics/index.ts",
+        "./analytics/TwentyFourIQ": "./packages/analytics/src/clients/TwentyFourIQ/index.ts",
+        "./analytics": "./packages/analytics/src/index.ts",
         "./animations/mock": "./packages/animations/src/__mocks__/JSAnimations.ts",
         "./animations": "./packages/animations/src/index.ts",
         "./announcement-banner": "./packages/announcement-banner/src/index.ts",
@@ -103,13 +117,16 @@
         "./device/resolver/keymap": "./packages/device/resolver/keymap.ts",
         "./device": "./packages/device/src/index.ts",
         "./digital-clock": "./packages/digital-clock/src/index.ts",
+        "./driver-androidtv": "./packages/driver-androidtv/src/index.ts",
         "./driver-base/keymap": "./packages/driver-base/src/KeyMap/index.ts",
         "./driver-base": "./packages/driver-base/src/index.ts",
         "./driver-browser": "./packages/driver-browser/src/index.ts",
         "./driver-entone": "./packages/driver-entone/src/index.ts",
+        "./driver-firetv": "./packages/driver-firetv/src/index.ts",
         "./driver-hbbtv": "./packages/driver-hbbtv/src/index.ts",
         "./driver-kreatv": "./packages/driver-kreatv/src/index.ts",
         "./driver-saphi": "./packages/driver-saphi/src/index.ts",
+        "./driver-smartcast": "./packages/driver-smartcast/src/index.ts",
         "./driver-tizen": "./packages/driver-tizen/src/index.ts",
         "./driver-vidaa": "./packages/driver-vidaa/src/index.ts",
         "./driver-webos/scripts/template": "./packages/driver-webos/scripts/template.ts",
@@ -165,6 +182,7 @@
         "./keyboard/Default": "./packages/keyboard/src/DefaultKeyboard/index.ts",
         "./keyboard/Mobi": "./packages/keyboard/src/MobiKeyboard/index.ts",
         "./keyboard/Whitelabel": "./packages/keyboard/src/WhitelabelKeyboard/index.ts",
+        "./keyboard/Whitelabel/layouts": "./packages/keyboard/src/WhitelabelKeyboard/layouts/index.ts",
         "./keyboard/Whitelabel/styles": "./packages/keyboard/src/WhitelabelKeyboard/WhitelabelStyles/index.ts",
         "./keyboard/WhitelabelNumeric": "./packages/keyboard/src/WhitelabelNumericKeyboard/index.ts",
         "./keyboard/WhitelabelNumeric/styles": "./packages/keyboard/src/WhitelabelNumericKeyboard/WhitelabelStyles/index.ts",
@@ -243,6 +261,7 @@
         "./storage": "./packages/storage/src/index.ts",
         "./throbber": "./packages/throbber/src/index.ts",
         "./time/adapters/worldTimeApi": "./packages/time/src/adapters/worldTimeApi.ts",
+        "./time/adapters/24iMediaTimeApi": "./packages/time/src/adapters/24iMediaTimeApi.ts",
         "./time": "./packages/time/src/index.ts",
         "./toast/styles": "./packages/toast/src/Toast/styles.ts",
         "./toast": "./packages/toast/src/index.ts",
@@ -252,6 +271,7 @@
         "./utils/debounce": "./packages/utils/src/debounce.ts",
         "./utils/displayToggler": "./packages/utils/src/displayToggler.ts",
         "./utils/elementUtils": "./packages/utils/src/elementUtils.ts",
+        "./utils/forceReflow": "./packages/utils/src/forceReflow.ts",
         "./utils/generateUuid": "./packages/utils/src/generateUuid.ts",
         "./utils/memoryInfo": "./packages/utils/src/memoryInfo.ts",
         "./utils/nTimes": "./packages/utils/src/nTimes.ts",
@@ -265,6 +285,7 @@
         "./utils/timers": "./packages/utils/src/timers/index.ts",
         "./utils/wait": "./packages/utils/src/wait.ts",
         "./utils/xhr": "./packages/utils/src/xhr/index.ts",
+        "./utils/keyPress": "./packages/utils/src/keyPress/index.ts",
         "./utils": "./packages/utils/src/index.ts",
         "./volume-control/interface": "./packages/volume-control/src/IVolumeControlUI.ts",
         "./volume-control": "./packages/volume-control/src/index.ts",

package/packages/adobe-heartbeat/src/AdobeHeartbeat.ts

@@ -1,5 +1,5 @@
 /// <reference path='./__external__/Adobe/Adobe.d.ts' />
-import { IErrorEvent, PlayerBase } from '@24i/player-base';
+import { IErrorEvent, PlayerBase } from '@24i/bigscreen-players-engine-base';
 import { time } from '@24i/bigscreen-sdk/time';
 import { SECOND_IN_MS } from '@24i/bigscreen-sdk/utils';
 import { va as Adobe } from './__external__/Adobe/MediaSDK.min';
@@ -15,7 +15,7 @@ import {
 export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = void> {
     static StreamType = Adobe.MediaHeartbeat.StreamType;
 
-    private player?: PlayerBase<any>;
+    private player?: PlayerBase;
 
     /**
      * Heartbeat configuration object
@@ -32,7 +32,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
      * @param config - Heartbeat configuration object
      * @param player - 24i universal player instance
      */
-    constructor(config: HeartbeatConfig, player?: PlayerBase<any>) {
+    constructor(config: HeartbeatConfig, player?: PlayerBase) {
         if (!window.s || !AppMeasurement) throw new Error('Missing Adobe Launch library!');
         this.config = config;
         this.player = player;
@@ -67,10 +67,10 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         return {
             getCurrentPlaybackTime: () => {
                 if (!this.player) return 0;
-                const { currentTime } = this.player.getMediaInfo() || {};
+                const { currentTime } = this.player.mediaInfo || {};
                 if (this.player.live) {
                     try {
-                        const { programEnd = NaN } = this.player.getMetadata();
+                        const { programEnd = NaN } = this.player.metadata;
                         return Math.floor((programEnd - currentTime) / SECOND_IN_MS)
                             || time.getCurrentUnixTime();
                     } catch (e) {
@@ -81,7 +81,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
             },
             getQoSObject: () => {
                 if (!this.player) return Adobe.MediaHeartbeat.createQoSObject();
-                const { bitrate, droppedVideoFrames } = this.player.getMediaInfo() || {};
+                const { bitrate, droppedVideoFrames } = this.player.mediaInfo || {};
                 return Adobe.MediaHeartbeat.createQoSObject(
                     bitrate, undefined, undefined, droppedVideoFrames,
                 );
@@ -89,7 +89,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         };
     }
 
-    private attachPlayerListeners(player: PlayerBase<any>) {
+    private attachPlayerListeners(player: PlayerBase) {
         player.addEventListener('play', this.onPlay);
         player.addEventListener('pause', this.onPause);
         player.addEventListener('ended', this.onEnded);
@@ -98,7 +98,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
         player.addEventListener('error', this.onError);
     }
 
-    private dettachPlayerListeners(player: PlayerBase<any>) {
+    private dettachPlayerListeners(player: PlayerBase) {
         player.removeEventListener('play', this.onPlay);
         player.removeEventListener('pause', this.onPause);
         player.removeEventListener('ended', this.onEnded);
@@ -143,7 +143,7 @@ export class AdobeHeartbeat<CustomMetadata extends CustomerMetadata | void = voi
      * this will replace the old one.
      * @param player - 24i universal player instance
      */
-    attachPlayer(player: PlayerBase<any>) {
+    attachPlayer(player: PlayerBase) {
         if (this.player) this.dettachPlayerListeners(this.player);
         this.player = player;
         if (this.player) this.attachPlayerListeners(this.player);

package/packages/analytics/README.md

@@ -0,0 +1,8 @@
+---
+id: README
+title: Analytics
+hide_title: true
+sidebar_label: Analytics
+---
+
+https://github.com/24i/appstage-shared-packages/blob/main/packages/analytics/README.md

package/packages/analytics/src/A.ts

@@ -0,0 +1 @@
+export { A } from '@24i/appstage-shared-analytics';

package/packages/analytics/src/Analytics.ts

@@ -0,0 +1 @@
+export { analytics } from '@24i/appstage-shared-analytics';

package/packages/analytics/src/analyticsOnScroll.ts

@@ -0,0 +1 @@
+export { analyticsOnScroll } from '@24i/appstage-shared-analytics';

package/packages/analytics/src/clients/ConsoleAnalytics/ConsoleAnalytics.ts

@@ -0,0 +1 @@
+export { ConsoleAnalytics } from '@24i/appstage-shared-analytics/dist/clients/ConsoleAnalytics';

package/packages/analytics/src/clients/ConsoleAnalytics/index.ts

@@ -0,0 +1 @@
+export { ConsoleAnalytics } from './ConsoleAnalytics';

package/packages/analytics/src/clients/GoogleAnalytics/GoogleAnalytics.ts

@@ -0,0 +1,196 @@
+import { Storage } from '@24i/bigscreen-sdk/storage';
+import { device } from '@24i/bigscreen-sdk/device';
+import { debounce } from '@24i/bigscreen-sdk/utils/debounce';
+import { createTimeout } from '@24i/bigscreen-sdk/utils/timers';
+import { MINUTE_IN_MS } from '@24i/bigscreen-sdk/utils/timeConstants';
+import { generateUuid } from '@24i/bigscreen-sdk/utils/generateUuid';
+import { i18n } from '@24i/bigscreen-sdk/i18n';
+import type { AnalyticsClient, AnalyticsEventsMap, AnyPayload } from '../../interface';
+import { mapEventParamsToUrlParams, mapPayload } from './mapPayload';
+import { prepareBody } from './prepareBody';
+import { getUrl } from './getUrl';
+import { generateSessionId } from '../../utils/generateSessionId';
+import { GOOGLE_ANALYTICS_TRIGGERS, TRIGGER_NAME_TO_GA_EVENTS } from './constants';
+import {
+    GAEventsNames,
+    QueuedEvent,
+    ConstantUrlParams,
+    SessionInfo,
+    EventUrlParams,
+} from './interface';
+
+const SEND_DEBOUNCE_MS = 5000;
+const MAX_QUEUE_LENGTH = 10;
+// eslint-disable-next-line no-magic-numbers
+const SESSION_TIMEOUT = 30 * MINUTE_IN_MS;
+
+const GA_CLIENT_ID = 'GA_client_id';
+const GA_SESSION_COUNTER = 'GA_session_counter';
+const GA_FIRST_VISIT = 'GA_first_visit';
+
+export class GoogleAnalytics implements AnalyticsClient {
+    name = 'GoogleAnalytics';
+
+    constantUrlParams: ConstantUrlParams = {
+        cid: '',
+        sid: 0,
+        seg: 0,
+        sct: 0,
+        _p: generateUuid(),
+        'up.device_manufacturer': '',
+        'up.device_platform': '',
+        'up.device_platform_version': '',
+        'up.app_version': '',
+    };
+
+    manufacturer = '';
+
+    platform = '';
+
+    platformVersion = '';
+
+    lastOnEvent: number | undefined = undefined;
+
+    eventsQueue: QueuedEvent[] = [];
+
+    sessionTimeout = createTimeout();
+
+    isSessionActive = false;
+
+    sessionStartSent = false;
+
+    firstEvent = true;
+
+    firstVisit: boolean | undefined = undefined;
+
+    constructor(private id: string, private appVersion: string = '') {
+        this.init();
+    }
+
+    async init() {
+        const params = this.constantUrlParams;
+        params.cid = await Storage.getItem(GA_CLIENT_ID) ?? '';
+        if (!params.cid) {
+            params.cid = generateUuid();
+            await Storage.setItem(GA_CLIENT_ID, params.cid);
+        }
+        this.firstVisit = !(await Storage.getItem(GA_FIRST_VISIT));
+        if (this.firstVisit) {
+            await Storage.setItem(GA_FIRST_VISIT, '0');
+        }
+        this.manufacturer = await device.getManufacturerName();
+        this.platform = await device.getPlatformName();
+        this.platformVersion = await device.getPlatformVersion();
+        await this.startSession();
+    }
+
+    async startSession() {
+        const sessionNumber = parseInt(await Storage.getItem(GA_SESSION_COUNTER) ?? '0', 10) + 1;
+        this.constantUrlParams.sct = sessionNumber;
+        this.constantUrlParams.sid = generateSessionId();
+        this.constantUrlParams['up.device_manufacturer'] = this.manufacturer;
+        this.constantUrlParams['up.device_platform'] = this.platform;
+        this.constantUrlParams['up.device_platform_version'] = this.platformVersion;
+        this.constantUrlParams['up.app_version'] = this.appVersion;
+        await Storage.setItem(GA_SESSION_COUNTER, sessionNumber.toString());
+        this.isSessionActive = true;
+        this.setSessionTimeout();
+    }
+
+    setSessionTimeout() {
+        this.sessionTimeout.set(() => {
+            this.isSessionActive = false;
+            this.sessionStartSent = false;
+            this.constantUrlParams.seg = 0;
+        }, SESSION_TIMEOUT);
+    }
+
+    // @ts-ignore - cross event typing
+    async onEvent<Event extends keyof AnalyticsEventsMap>(
+        triggerName: Event,
+        payload: Parameters<AnalyticsEventsMap[Event]>[0],
+    ) {
+        if (this.isSessionActive) {
+            this.setSessionTimeout();
+        } else {
+            await this.startSession();
+        }
+        const events = TRIGGER_NAME_TO_GA_EVENTS[
+            triggerName as typeof GOOGLE_ANALYTICS_TRIGGERS[number]
+        ];
+        const now = Date.now();
+        const engagementTime = this.lastOnEvent ? now - this.lastOnEvent : undefined;
+        this.lastOnEvent = now;
+        await Promise.all(events.map(async (event, index) => {
+            const sessionInfo = await this.getSessionInfo(
+                payload!, index === 0 ? engagementTime : undefined,
+            );
+            const gtagPayload = mapPayload(event, triggerName, { ...payload, ...sessionInfo });
+            const urlParams = mapEventParamsToUrlParams({ ...sessionInfo, ...payload });
+            this.send(event, gtagPayload, urlParams);
+        }));
+    }
+
+    private send(name: GAEventsNames, params: Record<string, any>, urlParams: EventUrlParams) {
+        const lastUrlParams = JSON.stringify(
+            this.eventsQueue[this.eventsQueue.length - 1]?.urlParams ?? {},
+        );
+        if (lastUrlParams !== '{}' && lastUrlParams !== JSON.stringify(urlParams)) {
+            this.sendQueue();
+        }
+        if (this.constantUrlParams.seg === 0) {
+            this.eventsQueue.push({ name, params, urlParams });
+            this.sendQueue();
+            this.constantUrlParams.seg = 1;
+            return;
+        }
+        this.eventsQueue.push({ name, params, urlParams });
+        if (this.eventsQueue.length >= MAX_QUEUE_LENGTH) {
+            this.sendQueue();
+        } else {
+            this.sendQueueWithDelay();
+        }
+    }
+
+    private sendQueue = () => {
+        if (this.eventsQueue.length === 0) return;
+        const body = prepareBody(this.eventsQueue);
+        const { urlParams } = this.eventsQueue[0];
+        this.eventsQueue.length = 0;
+        try {
+            fetch(getUrl(this.id, {
+                ...this.constantUrlParams,
+                ...urlParams,
+            }), { method: 'POST', body });
+        } catch (e) {
+            // Effort to send was made.
+        }
+    };
+
+    private sendQueueWithDelay = debounce(this.sendQueue, SEND_DEBOUNCE_MS);
+
+    private async getSessionInfo(
+        payload: AnyPayload,
+        engagementTime: number | undefined,
+    ): Promise<SessionInfo> {
+        const sessionStarted = !this.sessionStartSent;
+        this.sessionStartSent = true;
+        const { firstEvent } = this;
+        this.firstEvent = false;
+        const { firstVisit } = this;
+        this.firstVisit = false;
+        return {
+            appVersion: this.appVersion,
+            manufacturer: this.manufacturer,
+            language: i18n.getLanguage(),
+            resolution: `${window.screen.width}x${window.screen.height}`,
+            referrer: document.referrer,
+            platform: this.platform,
+            sessionStarted,
+            engagementTime,
+            firstEvent,
+            isAuthenticated: payload?.userId ? '1' : '0',
+            firstVisit: firstVisit as boolean,
+        };
+    }
+}