feat(experiment): use-flagsmith-internal-client-to-send-evaluation-data

frontend/api/index.js

@@ -117,6 +117,10 @@ app.get('/config/project-overrides', (req, res) => {
       name: 'e2eToken',
       value: process.env[`E2E_TEST_TOKEN_${(process.env.ENV || 'dev').toUpperCase()}`] || process.env.E2E_TEST_TOKEN || '',
     },
+    {
+      name: 'evaluationAnalyticsServerUrl',
+      value: process.env.EVALUATION_ANALYTICS_SERVER_URL,
+    },
   ]
   let output = values.map(getVariable).join('')
   res.setHeader('Cache-Control', 's-max-age=1, stale-while-revalidate')

frontend/common/loadChat.ts

@@ -1,4 +1,4 @@
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import moment from 'moment'
 import AccountStore from './stores/account-store'
 import { getStore } from './store'

frontend/common/providers/ConfigProvider.js

@@ -1,5 +1,5 @@
 import React, { Component } from 'react'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import ConfigStore from 'common/stores/config-store'
 
 export default (WrappedComponent) => {

frontend/common/stores/config-store.js

@@ -44,6 +44,13 @@ flagsmith
     environmentID: Project.flagsmith,
     onChange: controller.loaded,
     realtime: window.E2E ? false : Project.flagsmithRealtime,
+    ...(Project.evaluationAnalyticsServerUrl
+      ? {
+          evaluationAnalyticsConfig: {
+            analyticsServerUrl: Project.evaluationAnalyticsServerUrl,
+          },
+        }
+      : {}),
   })
   .catch(() => {
     controller.onError()

frontend/common/stores/feature-list-store.ts

@@ -24,7 +24,7 @@ import {
 import Utils from 'common/utils/utils'
 import Actions from 'common/dispatcher/action-constants'
 import Project from 'common/project'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import API from 'project/api'
 import { Req } from 'common/types/requests'
 import { getVersionFeatureState } from 'common/services/useVersionFeatureState'

frontend/common/useViewMode.ts

@@ -1,4 +1,4 @@
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import { useState, useCallback } from 'react'
 
 export type ViewMode =

frontend/common/utils/utils.tsx

@@ -16,7 +16,7 @@ import {
   PConfidence,
   UserPermissions,
 } from 'common/types/responses'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import { ReactNode } from 'react'
 import _ from 'lodash'
 import ErrorMessage from 'components/ErrorMessage'

frontend/package.json

@@ -51,6 +51,7 @@
     "@babel/register": "^7.12.1",
     "@datadog/ui-extensions-react": "0.32.0",
     "@datadog/ui-extensions-sdk": "0.32.0",
+    "@flagsmith/flagsmith": "^11.0.0-internal.5",
     "@ionic/react": "^7.5.3",
     "@material-ui/core": "4.12.4",
     "@react-oauth/google": "^0.2.8",

frontend/web/components/Announcement.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import InfoMessage from './InfoMessage'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import Utils from 'common/utils/utils'
 
 export type AnnouncementValueType = {

frontend/web/components/AnnouncementPerPage.tsx

@@ -1,6 +1,6 @@
 import React, { FC } from 'react'
 import InfoMessage from './InfoMessage'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import Utils from 'common/utils/utils'
 import { AnnouncementValueType } from './Announcement'
 import { matchPath } from 'react-router-dom'

frontend/web/components/JSONReference.tsx

@@ -4,7 +4,7 @@ import { isArray, isObject } from 'lodash'
 import Highlight from './Highlight'
 import Button from './base/forms/Button'
 import Switch from './Switch'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import Icon from './Icon'
 import Utils from 'common/utils/utils'
 

frontend/web/components/modals/create-feature/tabs/CreateFeature.tsx

@@ -8,7 +8,6 @@ import { useHasPermission } from 'common/providers/Permission'
 import Switch from 'components/Switch'
 import Tooltip from 'components/Tooltip'
 import Icon from 'components/Icon'
-import Utils from 'common/utils/utils'
 import { useCreateTagMutation, useGetTagsQuery } from 'common/services/useTag'
 
 type CreateFeatureTabProps = {

frontend/web/project/api.ts

@@ -10,7 +10,7 @@ const Cookies = require('js-cookie')
 import Project from 'common/project'
 import { AccountModel, User } from 'common/types/responses'
 import AccountStore from 'common/stores/account-store'
-import flagsmith from 'flagsmith'
+import flagsmith from '@flagsmith/flagsmith'
 import Utils from 'common/utils/utils'
 import loadChat, { identifyChatUser } from 'common/loadChat'
 

frontend/web/project/libs.js

@@ -1,4 +1,4 @@
-import flagsmith from 'flagsmith';
+import flagsmith from '@flagsmith/flagsmith';
 import * as Sentry from '@sentry/browser';
 // Optimise lodash
 import each from 'lodash/each';