Ugraded @livechat/developer-ui-react

Author: wojciechdudek-livechat

.eslintrc

@@ -1,3 +1,8 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["next/core-web-vitals", "plugin:@typescript-eslint/recommended"],
+  "plugins": ["@typescript-eslint"],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "project": "tsconfig.json"
+  }
 }

app/(products)/helpdesk/(widgets)/details/page.tsx

@@ -7,6 +7,8 @@ export default function Page() {
   const { app } = useApp();
   const { widget, ticketInfo } = useHelpDeskDetails();
 
+  console.log(app, widget);
+
   return (
     <div>
       <h1>Ticket Details widget</h1>

app/(products)/helpdesk/(widgets)/fullscreen/page.tsx

@@ -1,13 +1,15 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import { NumericInput } from "@livechat/design-system-react-components";
 import { useApp, useHelpDeskFullscreen } from "@livechat/developer-ui-react";
-import { useEffect, useState } from "react";
 
 export default function Page() {
   const { app } = useApp();
   const { widget } = useHelpDeskFullscreen();
 
+  console.log(app);
+
   const [notificationsCount, setNotificationsCount] = useState(0);
 
   useEffect(() => {

app/(products)/helpdesk/(widgets)/settings/page.tsx

@@ -5,6 +5,8 @@ import { useApp } from "@livechat/developer-ui-react";
 export default function Page() {
   const { app } = useApp();
 
+  console.log(app);
+
   return (
     <div>
       <h1>Fullscreen</h1>

app/(products)/livechat/(widgets)/details/page.tsx

@@ -7,6 +7,8 @@ export default function Page() {
   const { app } = useApp();
   const { widget, customerProfile } = useLiveChatDetails();
 
+  console.log(app);
+
   return (
     <div>
       <h1>Chat Details widget</h1>

app/(products)/livechat/(widgets)/fullscreen/page.tsx

@@ -1,8 +1,8 @@
 "use client";
 
+import { useEffect, useState } from "react";
 import { Card, NumericInput } from "@livechat/design-system-react-components";
 import { useApp, useLiveChatFullscreen } from "@livechat/developer-ui-react";
-import { useEffect, useState } from "react";
 import {
   AgentConfigurationDto,
   LiveChatConfigurationApiError,

app/(products)/livechat/(widgets)/message-box/page.tsx

@@ -25,6 +25,7 @@ const getRichMessage = (currentLocation: string): IRichMessage => ({
           user_ids: [],
           value: `${currentLocation}/livechat/moments/test`,
           webview_height: "full",
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
         } as any,
       ],
     },
@@ -35,6 +36,8 @@ export default function Page() {
   const { app } = useApp();
   const { widget, customerProfile } = useLiveChatMessageBox();
 
+  console.log(app);
+
   return (
     <div>
       <h1>Message box widget</h1>

app/(products)/livechat/(widgets)/settings/page.tsx

@@ -5,6 +5,8 @@ import { useApp } from "@livechat/developer-ui-react";
 export default function Page() {
   const { app } = useApp();
 
+  console.log(app);
+
   return (
     <div>
       <h1>Settings</h1>

app/(products)/livechat/moments/test/page.tsx

@@ -1,7 +1,7 @@
 "use client";
 
-import createMomentsSDK, { MomentsSDK } from "@livechat/moments-sdk";
 import { useEffect, useState } from "react";
+import createMomentsSDK, { MomentsSDK } from "@livechat/moments-sdk";
 
 function LiveChatTestMoment() {
   const [moment, setMoment] = useState<MomentsSDK>();

app/api/(products)/livechat/action/route.ts

@@ -1,3 +1,4 @@
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
 type ChatActionPayload = {
   licence_id: string;
   agent_id: string;
@@ -20,6 +21,8 @@ type ChatActionPayload = {
 };
 
 export async function GET(req: Request) {
+  console.log(req.url);
+
   return new Response("OK!", {
     status: 200,
   });