Implement new methods in all widgets

livechat · Aug 28, 2024 · e3331c9 · e3331c9
1 parent 51ad4f4
commit e3331c9
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 46 deletions.
diff --git a/packages/agent-app-sdk/src/widgets/details/details-widget.ts b/packages/agent-app-sdk/src/widgets/details/details-widget.ts
@@ -1,17 +1,9 @@
-import {
-  createWidget,
-  withAmplitude,
-  createConnection,
-  IConnection
-} from '@livechat/widget-core-sdk';
+import { createConnection, createWidget, IConnection, withAmplitude } from '@livechat/widget-core-sdk';
 import { withCustomerProfile } from '../shared/customer-profile';
 import { withRichMessages } from '../shared/rich-messages';
+import { withTransactions } from '../shared/transactions';
 import assertSection from './custom-sections';
-import {
-  IDetailsWidgetEvents,
-  IDetailsWidgetApi,
-  ISection
-} from './interfaces';
+import { IDetailsWidgetApi, IDetailsWidgetEvents, ISection } from './interfaces';
 
 export function DetailsWidget(connection: IConnection<IDetailsWidgetEvents>) {
   const base = createWidget<IDetailsWidgetApi, IDetailsWidgetEvents>(
@@ -33,9 +25,7 @@ export function DetailsWidget(connection: IConnection<IDetailsWidgetEvents>) {
     }
   );
 
-  const widget = withAmplitude(withRichMessages(withCustomerProfile(base)));
-
-  return widget;
+  return withAmplitude(withTransactions(withRichMessages(withCustomerProfile(base))));
 }
 
 export type IDetailsWidget = ReturnType<typeof DetailsWidget>;

diff --git a/packages/agent-app-sdk/src/widgets/fullscreen/fullscreen-widget.ts b/packages/agent-app-sdk/src/widgets/fullscreen/fullscreen-widget.ts
@@ -1,14 +1,6 @@
-import {
-  createWidget,
-  withAmplitude,
-  createConnection,
-  IConnection
-} from '@livechat/widget-core-sdk';
-import {
-  IFullscreenWidgetApi,
-  IFullscreenWidgetEvents,
-  ReportsFilters
-} from './interfaces';
+import { createConnection, createWidget, IConnection, withAmplitude } from '@livechat/widget-core-sdk';
+import { withTransactions } from '../shared/transactions';
+import { IFullscreenWidgetApi, IFullscreenWidgetEvents, ReportsFilters } from './interfaces';
 
 export { ReportsFilters } from './interfaces';
 
@@ -35,7 +27,7 @@ export function FullscreenWidget(
       }
     }
   );
-  return withAmplitude(base);
+  return withAmplitude(withTransactions(base));
 }
 
 export type IFullscreenWidget = ReturnType<typeof FullscreenWidget>;

diff --git a/packages/agent-app-sdk/src/widgets/messagebox/messagebox-widget.ts b/packages/agent-app-sdk/src/widgets/messagebox/messagebox-widget.ts
@@ -1,16 +1,8 @@
-import {
-  createWidget,
-  withAmplitude,
-  createConnection,
-  IConnection
-} from '@livechat/widget-core-sdk';
+import { createConnection, createWidget, IConnection, withAmplitude } from '@livechat/widget-core-sdk';
 import { withCustomerProfile } from '../shared/customer-profile';
 import { withRichMessages } from '../shared/rich-messages';
-import {
-  IMessageBoxWidgetApi,
-  IMessageBoxWidgetEvents,
-  IRichMessage
-} from './interfaces';
+import { withTransactions } from '../shared/transactions';
+import { IMessageBoxWidgetApi, IMessageBoxWidgetEvents, IRichMessage } from './interfaces';
 
 export function MessageBoxWidget(
   connection: IConnection<IMessageBoxWidgetEvents>
@@ -30,7 +22,7 @@ export function MessageBoxWidget(
     }
   );
 
-  const widget = withAmplitude(withRichMessages(withCustomerProfile(base)));
+  const widget = withAmplitude(withRichMessages(withCustomerProfile(withTransactions(base))));
 
   return widget;
 }

diff --git a/packages/agent-app-sdk/src/widgets/settings/settings-widget.ts b/packages/agent-app-sdk/src/widgets/settings/settings-widget.ts
@@ -1,11 +1,7 @@
-import {
-  createWidget,
-  withAmplitude,
-  createConnection,
-  IConnection
-} from '@livechat/widget-core-sdk';
-import { ISettingsWidgetApi, ISettingsWidgetEvents } from './interfaces';
+import { createConnection, createWidget, IConnection, withAmplitude } from '@livechat/widget-core-sdk';
 import { withPageData } from '../shared/page-data';
+import { withTransactions } from '../shared/transactions';
+import { ISettingsWidgetApi, ISettingsWidgetEvents } from './interfaces';
 
 export function SettingsWidget(connection: IConnection<ISettingsWidgetEvents>) {
   const base = createWidget<ISettingsWidgetApi, ISettingsWidgetEvents>(
@@ -16,7 +12,7 @@ export function SettingsWidget(connection: IConnection<ISettingsWidgetEvents>) {
       }
     }
   );
-  return withAmplitude(withPageData(base));
+  return withAmplitude(withPageData(withTransactions(base)));
 }
 
 export type ISettingsWidget = ReturnType<typeof SettingsWidget>;