Adds filter change to the chatbot

src/csp.ts

@@ -14,6 +14,7 @@ const vimeoCdn = '*.vimeocdn.com'; // used for video preview images
 const hotjarCom = '*.hotjar.com';
 const hotjarIo = '*.hotjar.io';
 const taskAnalytics = '*.taskanalytics.com';
+const googleStorage = 'https://storage.googleapis.com';
 
 const styleSrc = [
     navNo,
@@ -51,7 +52,7 @@ const directives: Partial<CSPDirectives> = {
         cdnNavNo,
         DATA, // ds-css
     ],
-    'img-src': [navNo, vergicScreenSharing, vimeoCdn, hotjarCom, vergicDotCom],
+    'img-src': [navNo, vergicScreenSharing, vimeoCdn, hotjarCom, vergicDotCom, googleStorage],
     'frame-src': [hotjarCom, vimeoPlayer, qbrick],
     'connect-src': [navNo, boostChatbot, vergicScreenSharing, hotjarCom, hotjarIo, taskAnalytics],
 };

src/komponenter/footer/chatbot/ChatbotWrapper.tsx

@@ -8,13 +8,17 @@ import { FridaIcon } from './FridaIcon';
 import { BoostConfig, BoostObject } from './boost-config';
 
 import style from './ChatbotWrapper.module.scss';
+import { MenuValue } from 'utils/meny-storage-utils';
+import { Locale } from 'store/reducers/language-duck';
 
 const stateSelector = (state: AppState) => ({
     chatbotParamEnabled: state.environment.PARAMS.CHATBOT,
     chatbotParamVisible: state.environment.PARAMS.CHATBOT_VISIBLE,
     featureToggles: state.featureToggles,
     context: state.arbeidsflate.status,
     env: state.environment.ENV,
+    language: state.language.language,
+    arbeidsflate: state.arbeidsflate.status,
 });
 
 const conversationCookieName = 'nav-chatbot%3Aconversation';
@@ -23,7 +27,7 @@ const boostApiUrlBaseTest = 'navtest';
 const boostApiUrlBaseProduction = 'nav';
 
 export const ChatbotWrapper = () => {
-    const { chatbotParamEnabled, chatbotParamVisible, env } = useSelector(stateSelector);
+    const { chatbotParamEnabled, chatbotParamVisible, env, language, arbeidsflate } = useSelector(stateSelector);
     const [cookies, setCookie, removeCookie] = useCookies([conversationCookieName]);
 
     // Do not mount chatbot on initial render. Prevents hydration errors
@@ -52,6 +56,13 @@ export const ChatbotWrapper = () => {
             return;
         }
 
+        let preferredFilter;
+        if (arbeidsflate === MenuValue.ARBEIDSGIVER) {
+            preferredFilter = 'arbeidsgiver';
+        } else {
+            preferredFilter = language === Locale.NYNORSK ? 'nynorsk' : 'bokmal';
+        }
+
         const options: BoostConfig = {
             chatPanel: {
                 settings: {
@@ -64,6 +75,11 @@ export const ChatbotWrapper = () => {
                         multiline: true,
                     },
                 },
+                header: {
+                    filters: {
+                        filterValues: preferredFilter,
+                    },
+                },
             },
         };
 
@@ -116,6 +132,9 @@ export const ChatbotWrapper = () => {
                 domain: isProduction ? '.nav.no' : '.dev.nav.no',
             });
         });
+        boost.chatPanel.addEventListener('setFilterValue', function (ev: any) {
+            boost.chatPanel.setFilterValues(ev.detail.filterValue);
+        });
 
         if (bufferLoad) {
             setBufferLoad(false);