AI replies for EagleEye

backend/src/api/eagleEyeContent/eagleEyeContentReply.ts

@@ -0,0 +1,21 @@
+import Permissions from '../../security/permissions'
+import track from '../../segment/track'
+import EagleEyeContentService from '../../services/eagleEyeContentService'
+import PermissionChecker from '../../services/user/permissionChecker'
+
+export default async (req, res) => {
+  new PermissionChecker(req).validateHas(Permissions.values.eagleEyeActionCreate)
+
+  const payload = await EagleEyeContentService.reply(req.query.title, req.query.description)
+
+  track(
+    'Eagle Eye reply generated',
+    {
+      title: req.query.title,
+      description: req.query.description,
+      reply: payload.reply,
+    },
+    { ...req },
+  )
+  await req.responseHandler.success(req, res, payload)
+}

backend/src/api/eagleEyeContent/eagleEyeContentTrack.ts

@@ -1,17 +1,95 @@
 import Permissions from '../../security/permissions'
 import PermissionChecker from '../../services/user/permissionChecker'
 import track from '../../segment/track'
+import Error404 from '../../errors/Error404'
 
 export default async (req, res) => {
   new PermissionChecker(req).validateHas(Permissions.values.eagleEyeContentRead)
-  track(
-    'Eagle Eye post clicked',
-    {
-      url: req.body.url,
-      platform: req.body.platform,
-    },
-    { ...req },
-  )
+
+  const event = req.body.event
+  const params = req.body.params
+
+  switch (event) {
+    case 'postClicked':
+      console.log('Eagle Eye post clicked', {
+        url: params.url,
+        platform: params.platform,
+      })
+      track(
+        'Eagle Eye post clicked',
+        {
+          url: params.url,
+          platform: params.platform,
+        },
+        { ...req },
+      )
+      break
+    case 'generatedReply':
+      console.log('Eagle Eye AI reply generated', {
+        title: params.title,
+        description: params.description,
+        platform: params.platform,
+        reply: params.reply,
+        url: params.url,
+      })
+      track(
+        'Eagle Eye AI reply generated',
+        {
+          title: params.title,
+          description: params.description,
+          platform: params.platform,
+          reply: params.reply,
+          url: params.url,
+        },
+        { ...req },
+      )
+      break
+    case 'generatedReplyFeedback':
+      console.log('Eagle Eye AI reply feedback', {
+        type: params.type,
+        title: params.title,
+        description: params.description,
+        platform: params.platform,
+        reply: params.reply,
+        url: params.url,
+      })
+      track(
+        'Eagle Eye AI reply feedback',
+        {
+          type: params.type,
+          title: params.title,
+          description: params.description,
+          platform: params.platform,
+          reply: params.reply,
+          url: params.url,
+        },
+        { ...req },
+      )
+      break
+    case 'generatedReplyCopied':
+      console.log('Eagle Eye AI reply copied', {
+        title: params.title,
+        description: params.description,
+        platform: params.platform,
+        url: params.url,
+        reply: params.reply,
+      })
+      track(
+        'Eagle Eye AI reply copied',
+        {
+          title: params.title,
+          description: params.description,
+          platform: params.platform,
+          url: params.url,
+          reply: params.reply,
+        },
+        { ...req },
+      )
+      break
+
+    default:
+      throw new Error404('en', 'erros.eagleEye.invlaidEvent')
+  }
 
   const out = {
     Success: true,

backend/src/api/eagleEyeContent/index.ts

@@ -21,6 +21,12 @@ export default (app) => {
     safeWrap(require('./eagleEyeContentTrack').default),
   )
 
+  app.get(
+    `/tenant/:tenantId/eagleEyeContent/reply`,
+    featureFlagMiddleware(FeatureFlag.EAGLE_EYE, 'entities.eagleEye.errors.planLimitExceeded'),
+    safeWrap(require('./eagleEyeContentReply').default),
+  )
+
   app.get(
     `/tenant/:tenantId/eagleEyeContent/search`,
     featureFlagMiddleware(FeatureFlag.EAGLE_EYE, 'entities.eagleEye.errors.planLimitExceeded'),

backend/src/i18n/en.ts

@@ -124,6 +124,7 @@ const en = {
         'emailDigest.frequency needs to be one of daily, weekly. Settings not updated.',
       timeInvalid: 'emailDigest.time needs to be a valid time. Settings not updated.',
       notOnboarded: 'Eagle eye is not set up yet.',
+      invalidEvent: 'Invalid event type.',
     },
     integrations: {
       badEndpoint: 'Bad endpoint: {0}',

backend/src/services/eagleEyeContentService.ts

@@ -184,4 +184,24 @@ export default class EagleEyeContentService extends LoggingBase {
 
     return out
   }
+
+  static async reply(title, description) {
+    const config = {
+      method: 'get',
+      maxBodyLength: Infinity,
+      url: `${EAGLE_EYE_CONFIG.url}/reply`,
+      params: {
+        title,
+        description,
+      },
+      headers: {
+        Authorization: `Bearer ${EAGLE_EYE_CONFIG.apiKey}`,
+      },
+    }
+
+    const response = await axios(config)
+    return {
+      reply: response.data,
+    }
+  }
 }

backend/src/services/eagleEyeSettingsService.ts

@@ -133,7 +133,13 @@ export default class EagleEyeSettingsService extends LoggingBase {
       }
 
       // Remove any extra fields
-      data = lodash.pick(data, ['onboarded', 'feed', 'emailDigestActive', 'emailDigest'])
+      data = lodash.pick(data, [
+        'onboarded',
+        'feed',
+        'emailDigestActive',
+        'emailDigest',
+        'aiReplies',
+      ])
 
       // Update the user's EagleEye settings
       const userOut = await UserRepository.updateEagleEyeSettings(

backend/src/types/eagleEyeTypes.ts

@@ -45,6 +45,7 @@ export interface EagleEyeSettings {
   feed: EagleEyeFeedSettings
   emailDigestActive: boolean
   emailDigest?: EagleEyeEmailDigestSettings
+  aiReplies: boolean
 }
 
 // Enum for EagleEyePlatforms

frontend/src/premium/eagle-eye/components/list/eagle-eye-loading-card.vue

@@ -11,7 +11,6 @@
         class="bg-gray-200 h-5 w-10/12 last:w-9/12 rounded animate-pulse"
       />
     </div>
-
     <div class="mb-10 flex flex-col gap-3">
       <div
         v-for="(_, index) in Array(tiles.description)"
@@ -21,22 +20,18 @@
     </div>
   </div>
 </template>
-
 <script setup>
 import { computed, defineProps } from 'vue'
-
 const props = defineProps({
   size: {
     type: String,
     default: 'small'
   }
 })
-
 const tiles = computed(() => {
   if (props.size === 'small') {
     return { title: 2, description: 3 }
   }
-
   return { title: 3, description: 4 }
 })
 </script>