From a17080f4fd3a587f38c5d1dc6a2faee485dde8ef Mon Sep 17 00:00:00 2001
From: merelendor <merelendor@gmail.com>
Date: Tue, 5 Dec 2023 17:19:58 +0300
Subject: [PATCH] autofaq chat

---
 pages/_app.js | 60 ++++++++++++++++++++++++++++++++++++++++++++++-----
 1 file changed, 55 insertions(+), 5 deletions(-)

diff --git a/pages/_app.js b/pages/_app.js
index 381d2fd..9ba53d1 100644
--- a/pages/_app.js
+++ b/pages/_app.js
@@ -1,6 +1,8 @@
 import { reduxWrapper } from '../store'
 import numeral from 'numeral';
 import Script from 'next/script';
+import jwt from 'jsonwebtoken';
+//import 'https://chat.autofaq.ai/widget/static/css/main.css';
 
 import '../css/style.css';
 
@@ -28,7 +30,8 @@ const WrappedApp = (props) =>
 
 	return (
 		<>
-			{ props.observer && (
+			<link href="//chat.autofaq.ai/widget/static/css/main.css" rel="stylesheet" />
+			{ !props.observer && (
 				<>
 					<Script id="yandex-metrica" strategy={'afterInteractive'}>
 						{`
@@ -42,6 +45,32 @@ const WrappedApp = (props) =>
 							console.log(ym, ${ process.env.NEXT_PUBLIC_YANDEX_METRIKA_ID });
 						`}
 					</Script>
+					<Script id="auto-faq" strategy={'afterInteractive'}>
+						{`
+							window.widgetHost = "https://chat.autofaq.ai";
+							window.widgetServiceId = "${ process.env.NEXT_PUBLIC_AUTOFAQ_AI_SERVICE_ID }";
+							window.widgetChannelId = "${ process.env.NEXT_PUBLIC_AUTOFAQ_AI_CHANNEL_ID }";
+
+							window.widgetUserLogin = ${ props.acc !== null ? `"${ props.acc }"` : "undefined" };
+							window.widgetUserEmail = ${ props.email !== null ? `"${ props.email }"` : "undefined" }; 
+							window.widgetUserPayload = ${ props.acc !== null ? `{ "acc_number": "${ props.acc }" }` : "undefined" };
+
+							console.log("widget", { 
+								widgetHost: window.widgetHost, 
+								widgetServiceId: window.widgetServiceId, 
+								widgetChannelId: window.widgetChannelId, 
+								widgetUserLogin: window.widgetUserLogin, 
+								widgetUserEmail: window.widgetUserEmail, 
+								widgetUserPayload: window.widgetUserPayload, 
+							});
+
+							const script = document.createElement('script');
+							script.id = "autofaqWidget";
+							script.type = "text/javascript";
+							script.src = "https://chat.autofaq.ai/widget/static/js/main.js";
+							document.head.appendChild(script);
+						`}
+					</Script>
 					<noscript>
 						<div>
 							<img src={`https://mc.yandex.ru/watch/${ process.env.NEXT_PUBLIC_YANDEX_METRIKA_ID }`} style={{ position:'absolute', left:'-9999px' }} alt=""/>
@@ -57,20 +86,41 @@ const WrappedApp = (props) =>
 WrappedApp.getInitialProps = async (props) => 
 {
 	const { req } = props.ctx;
-	
-	let observer = true;
+
+	let observer = false;
+	let acc = null;
+	let email = null;
+
+	if(req !== undefined)
+	{
+		const { cookies } = req;
+
+		if(cookies !== undefined && cookies !== null)
+		{
+			if(cookies.jwt !== undefined && cookies.jwt !== null)
+			{
+				let client_jwt_decoded = jwt.verify(cookies.jwt, process.env.JWT_SECRET_CLIENT);
+				console.log({ client_jwt_decoded });
+				acc = client_jwt_decoded.acc_number;
+				email = client_jwt_decoded.login;
+			}
+		}
+	}
+
 	if(req !== undefined && req.url !== null && req.url.indexOf("offstage") > -1)
 	{
-		observer = false;
+		observer = true;
 	}
 
 	if(req !== undefined && req.cookies !== undefined && req.cookies.observer !== undefined && req.cookies.observer === "true")
 	{
-		observer = false;
+		observer = true;
 	}
 
 	return {
 		observer, 
+		acc, 
+		email, 
 	}
 }