send browser info on commit (#2847)

* send browser info on commit

* add changeset

Author: m1aw

.changeset/polite-timers-sniff.md

@@ -0,0 +1,5 @@
+---
+'@adyen/adyen-web': patch
+---
+
+send browserInfo in setup call

packages/lib/src/core/CheckoutSession/CheckoutSession.ts

@@ -12,11 +12,13 @@ import {
     CheckoutSessionOrdersResponse,
     CheckoutSessionPaymentResponse,
     CheckoutSessionSetupResponse,
-    SessionConfiguration
+    SessionConfiguration,
+    SetupSessionOptions
 } from './types';
 import cancelOrder from '../Services/sessions/cancel-order';
 import { onOrderCancelData } from '../../components/Dropin/types';
 import type { AdditionalDetailsData } from '../types';
+import collectBrowserInfo from '../../utils/browserInfo';
 
 class Session {
     private readonly session: CheckoutSession;
@@ -66,8 +68,9 @@ class Session {
     /**
      * Fetches data from a session
      */
-    setupSession(options): Promise<CheckoutSessionSetupResponse> {
-        return setupSession(this, options).then(response => {
+    setupSession(options: SetupSessionOptions): Promise<CheckoutSessionSetupResponse> {
+        const mergedOptions = { ...options, browserInfo: collectBrowserInfo() }
+        return setupSession(this, mergedOptions).then(response => {
             if (response.configuration) {
                 this.configuration = { ...response.configuration };
             }

packages/lib/src/core/CheckoutSession/types.ts

@@ -1,5 +1,5 @@
 import { InstallmentOptions } from '../../components/Card/components/CardInput/components/types';
-import { PaymentAction, PaymentAmount, ResultCode } from '../../types/global-types';
+import { BrowserInfo, Order, PaymentAction, PaymentAmount, ResultCode } from '../../types/global-types';
 
 export type CheckoutSession = {
     id: string;
@@ -57,3 +57,8 @@ export type CheckoutSessionOrdersResponse = {
     orderData: string;
     pspReference: string;
 };
+
+export type SetupSessionOptions = {
+    browserInfo?: BrowserInfo,
+    order?: Order
+}

packages/lib/src/core/Services/sessions/setup-session.ts

@@ -1,11 +1,12 @@
 import { httpPost } from '../http';
 import Session from '../../CheckoutSession';
-import { CheckoutSessionSetupResponse } from '../../CheckoutSession/types';
+import { CheckoutSessionSetupResponse, SetupSessionOptions } from '../../CheckoutSession/types';
 import { API_VERSION } from './constants';
 
-function setupSession(session: Session, options): Promise<CheckoutSessionSetupResponse> {
+function setupSession(session: Session, options: SetupSessionOptions): Promise<CheckoutSessionSetupResponse> {
     const path = `${API_VERSION}/sessions/${session.id}/setup?clientKey=${session.clientKey}`;
     const data = {
+        browserInfo: options.browserInfo,
         sessionData: session.data,
         ...(options.order
             ? {