\n );\n}\n\nexport default App;\n"],"names":["_ref","_ref$position","position","navigate","useNavigate","positionClass","styles","_jsx","children","className","concat","onClick","console","log","useGuardedRoute","_useState","useState","_useState2","_slicedToArray","isYourAppVisible","setIsYourAppVisible","_useState3","_useState4","unreadMessages","setUnreadMessages","_useState5","_useState6","isWidgetInitialized","setIsWidgetInitialized","_useState7","_useState8","chatWidgetReady","setChatWidgetReady","containerRef","useRef","chatWidgetRef","widgetRef","credentials","useSelector","state","areCredentialsValid","token","domain","hostId","unloadWidgets","current","toggle","renderWidget","useCallback","Callbridge","sso","container","on","data","totalUnread","Object","values","rooms","reduce","total","count","useEffect","room","pathname","loadWidget","service","load","_jsxs","disabled","style","ref","TokenButton","MenuButton"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/197.faf8e74c.chunk.js b/static/js/197.faf8e74c.chunk.js
new file mode 100644
index 00000000..18f8c3f7
--- /dev/null
+++ b/static/js/197.faf8e74c.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[197],{1374:function(n,e,t){t.d(e,{Z:function(){return c}});t(2791);var o=t(7689),r="MenuButton_menuButton__e9oFw",u="MenuButton_left__d8Tih",i="MenuButton_right__fbjxn",a=t(184);var c=function(n){var e=n.position,t=void 0===e?"left":e,c=(0,o.s0)(),s="right"===t?i:u;return(0,a.jsx)("div",{children:(0,a.jsx)("button",{className:"".concat(r," ").concat(s),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),c("/iotum-samples/menu")},children:"Menu Page"})})}},4197:function(n,e,t){t.r(e),t.d(e,{default:function(){return g}});var o=t(9439),r=t(2791),u="submitForm_appContainer__B1dgt",i="submitForm_verticalTabContainer__riwi2",a="submitForm_widgetContainer__Vm7kt",c="submitForm_badge__llHLA",s=t(5177),l=t(1374),d=t(9074),h=t(9434),f=t(184),g=function(){var n=(0,r.useState)(!0),e=(0,o.Z)(n,2),t=e[0],g=e[1],m=(0,r.useState)(0),b=(0,o.Z)(m,2),_=b[0],p=b[1],v=(0,r.useState)(!1),j=(0,o.Z)(v,2),k=j[0],x=j[1],C=(0,r.useState)(!1),w=(0,o.Z)(C,2),T=w[0],A=w[1],E=(0,r.useRef)(null),D=(0,r.useRef)(null),M=(0,r.useRef)(null),N=(0,h.v9)((function(n){return n.credentials})),S=function(){M.current&&M.current.toggle(!1),D.current&&D.current.toggle(!1)},Z=(0,r.useCallback)((function(){M.current=new d.Dashboard({domain:N.domain,sso:{token:N.token,hostId:N.hostId},container:E.current}),M.current.toggle(!1),M.current.on("dashboard.READY",(function(){D.current=new d.Dashboard({domain:"iotum.callbridge.rocks",container:E.current},"Team"),D.current.toggle(!1),D.current.on("dashboard.UNREAD_MESSAGES",(function(n){var e=Object.values(n.rooms).reduce((function(n,e){return n+e}),0);p(e)})),D.current.on("dashboard.READY",(function(){A(!0),x(!0)}))}))}),[N]);(0,r.useEffect)((function(){k&&D.current.on("dashboard.NAVIGATE",(function(n){var e="/"!==n.pathname?n.pathname:"an unspecified room";console.log("The chat widget navigated to this room: ".concat(e))}))}),[k]),(0,r.useEffect)((function(){return Z(),function(){S(),console.log("Widget unloaded")}}),[N,Z]);var B=function(n){S(),""===n?(g(!0),console.log("Load your app")):"Team"===n?(D.current.toggle(!0),g(!1),console.log("Load the team chat widget")):(M.current.toggle(!0),M.current.load(n),g(!1),console.log("Load the "+n+" widget"))};return(0,f.jsxs)("div",{className:u,children:[(0,f.jsxs)("div",{className:i,children:[(0,f.jsx)("button",{onClick:function(){return B("")},disabled:!T,children:"Your App"}),(0,f.jsxs)("button",{onClick:function(){return B("Team")},disabled:!T,style:{position:"relative"},children:["Team Chat",_>0&&(0,f.jsx)("span",{className:c,children:_})]}),(0,f.jsx)("button",{onClick:function(){return B("Drive")},disabled:!T,children:"Drive"}),(0,f.jsx)("button",{onClick:function(){return B("Contacts")},disabled:!T,children:"Contacts"})]}),t&&(0,f.jsx)("div",{children:"Your app goes here"}),!T&&(0,f.jsx)("div",{children:"The widgets are loading"}),(0,f.jsx)("div",{ref:E,className:a}),(0,f.jsx)(s.Z,{position:"right"}),(0,f.jsx)(l.Z,{position:"right"})]})}}}]);
+//# sourceMappingURL=197.faf8e74c.chunk.js.map
\ No newline at end of file
diff --git a/static/js/197.faf8e74c.chunk.js.map b/static/js/197.faf8e74c.chunk.js.map
new file mode 100644
index 00000000..fbc0639d
--- /dev/null
+++ b/static/js/197.faf8e74c.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/197.faf8e74c.chunk.js","mappings":"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","sources":["webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","webpack://iotum-samples/./src/pages/tabbed-dashboard/submitForm.module.css?8a8c","pages/tabbed-dashboard/App.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/iotum-samples/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\n );\n}\n\nexport default App;\n"],"names":["_ref","_ref$position","position","navigate","useNavigate","positionClass","styles","_jsx","children","className","concat","onClick","console","log","_useState","useState","_useState2","_slicedToArray","isYourAppVisible","setIsYourAppVisible","_useState3","_useState4","unreadMessages","setUnreadMessages","_useState5","_useState6","isWidgetInitialized","setIsWidgetInitialized","_useState7","_useState8","chatWidgetReady","setChatWidgetReady","containerRef","useRef","chatWidgetRef","widgetRef","credentials","useSelector","state","unloadWidgets","current","toggle","renderWidget","useCallback","Callbridge","domain","sso","token","hostId","container","on","data","totalUnread","Object","values","rooms","reduce","total","count","useEffect","room","pathname","loadWidget","service","load","_jsxs","disabled","style","ref","TokenButton","MenuButton"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/210.5041c705.chunk.js b/static/js/210.5041c705.chunk.js
deleted file mode 100644
index 6dd6ee7f..00000000
--- a/static/js/210.5041c705.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[210],{1891:function(n,t,o){var a=o(2791),e=o(9434),c=o(9074),i=o(27),r=o(184);t.Z=function(n){var t=(0,a.useRef)(null),o=(0,e.v9)((function(n){return n.credentials}));return(0,a.useEffect)((function(){var a=o.domain||"iotum.callbridge.rocks",e=new c.Dashboard({domain:a,container:t.current},"Team",{layout:"main",pathname:n.path});return console.log("A new chat room was opened: "+n.path),function(){e.unload(),console.log("Chat room was closed: "+n.path)}}),[n.path,o]),(0,r.jsx)("div",{ref:t,className:i.Z.chatRoom})}},1374:function(n,t,o){o.d(t,{Z:function(){return u}});o(2791);var a=o(7689),e="MenuButton_menuButton__e9oFw",c="MenuButton_left__d8Tih",i="MenuButton_right__fbjxn",r=o(184);var u=function(n){var t=n.position,o=void 0===t?"left":t,u=(0,a.s0)(),s="right"===o?i:c;return(0,r.jsx)("div",{children:(0,r.jsx)("button",{className:"".concat(e," ").concat(s),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),u("/menu")},children:"Menu Page"})})}},9210:function(n,t,o){o.r(t),o.d(t,{default:function(){return p}});var a=o(1413),e=o(9439),c=o(2791),i=o(9434),r=o(1891),u=o(27),s=o(5177),l=o(1374),h=o(184),m=function(n){var t=n.rooms,o=n.onRoomButtonClick,a=n.onRoomClose;return(0,h.jsxs)("div",{className:u.Z.container,children:[(0,h.jsx)("div",{className:u.Z.roomListContainer,children:t.map((function(n){return(0,h.jsx)("div",{className:u.Z.chatRoomItem,children:(0,h.jsx)("button",{onClick:function(){return o(n.path)},className:n.bool?u.Z.active:"",children:n.name})},n.path)}))}),(0,h.jsxs)("div",{className:u.Z.chatRoomsContainer,children:[t.map((function(n){return n.bool&&(0,h.jsxs)("div",{className:"".concat(u.Z.chatRoom," ").concat(u.Z.activeRoom),children:[(0,h.jsx)(r.Z,{path:n.path}),(0,h.jsx)("button",{className:u.Z.closeButton,onClick:function(){return a(n.path)},children:"x"})]},n.path)})),(0,h.jsx)(s.Z,{position:"right"}),(0,h.jsx)(l.Z,{position:"right"})]})]})},d=o(9074),f=o(1348),p=function(){(0,f.Z)();var n=(0,c.useState)([]),t=(0,e.Z)(n,2),o=t[0],r=t[1],u=(0,c.useRef)(null),s=(0,i.v9)((function(n){return n.credentials})),l=(0,c.useCallback)((function(){u.current=new d.Dashboard({domain:s.domain,sso:{token:s.token,hostId:s.hostId},container:"#chat"},"Team",{layout:"list",pathname:"/"}),u.current.once("dashboard.ROOM_LIST",(function(n){var t=[],o=Object.values(n.rooms).map((function(n){var o=n.accounts.map((function(n){return n.name}));if(1===o.length){var a="".concat(o[0]," (you)");return t.push(o[0]),{name:a,path:n.path,bool:!1}}return{name:o.filter((function(n){return!t.includes(n)})).join(", "),path:n.path,bool:!1}}));r(o)})),u.current.toggle(!1)}),[s]);return(0,c.useEffect)((function(){if(s&&s.token&&s.domain&&s.hostId){var n=setTimeout((function(){l()}),100);return function(){var t;clearTimeout(n),null===(t=u.current)||void 0===t||t.unload()}}}),[s,l]),(0,h.jsxs)("div",{children:[(0,h.jsx)("div",{id:"room-buttons",children:(0,h.jsx)(m,{rooms:o,onRoomButtonClick:function(n){r((function(t){return t.map((function(t){return t.path===n?(0,a.Z)((0,a.Z)({},t),{},{bool:!0}):t}))}))},onRoomClose:function(n){r((function(t){return t.map((function(t){return t.path===n?(0,a.Z)((0,a.Z)({},t),{},{bool:!1}):t}))}))}})}),(0,h.jsx)("div",{id:"chat"})]})}},27:function(n,t){t.Z={container:"chat_container__tPqzb",roomListContainer:"chat_roomListContainer__hpRp3",chatRoomItem:"chat_chatRoomItem__tdDrk",active:"chat_active__YaH2-",chatRoomsContainer:"chat_chatRoomsContainer__Smrg+",chatRoom:"chat_chatRoom__Oon7U",activeRoom:"chat_activeRoom__fmDik",closeButton:"chat_closeButton__v7qtp"}}}]);
-//# sourceMappingURL=210.5041c705.chunk.js.map
\ No newline at end of file
diff --git a/static/js/210.5041c705.chunk.js.map b/static/js/210.5041c705.chunk.js.map
deleted file mode 100644
index 1d7bc17c..00000000
--- a/static/js/210.5041c705.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/210.5041c705.chunk.js","mappings":"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","sources":["components/ChatRoom/ChatRoom.js","webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","pages/list-widget-ui/ChatRoomList.js","pages/list-widget-ui/App.js","webpack://iotum-samples/./src/components/ChatRoom/chat.module.css?03db"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport styles from './chat.module.css';\n\nconst ChatRoom = (props) => {\n const chatContainerRef = useRef(null); \n const credentials = useSelector(state => state.credentials)\n\n useEffect(() => {\n // Use the domain from the Redux store, or a default value if not available\n const domain = credentials.domain || 'iotum.callbridge.rocks'\n\n // This code will run after the component has rendered and the chat container is available in the DOM\n const chatRoom = new Callbridge.Dashboard(\n {\n domain: domain,\n container: chatContainerRef.current, // Use the DOM element reference\n },\n 'Team',\n { layout: 'main', pathname: props.path }\n );\n\n console.log(\"A new chat room was opened: \" + props.path);\n\n // Cleanup function to be called when the component unmounts\n return () => {\n chatRoom.unload(); // Replace with actual cleanup method if available\n console.log(\"Chat room was closed: \" + props.path);\n };\n }, [props.path, credentials]); \n\n // Render the chat container reference\n return ;\n};\n\nexport default ChatRoom;\n","// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","import React from 'react';\nimport ChatRoom from '../../components/ChatRoom/ChatRoom.js';\nimport styles from '../../components/ChatRoom/chat.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\n\nconst ChatRoomList = ({ rooms, onRoomButtonClick, onRoomClose }) => {\n return (\n
\n );\n};\n\nexport default App;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"chat_container__tPqzb\",\"roomListContainer\":\"chat_roomListContainer__hpRp3\",\"chatRoomItem\":\"chat_chatRoomItem__tdDrk\",\"active\":\"chat_active__YaH2-\",\"chatRoomsContainer\":\"chat_chatRoomsContainer__Smrg+\",\"chatRoom\":\"chat_chatRoom__Oon7U\",\"activeRoom\":\"chat_activeRoom__fmDik\",\"closeButton\":\"chat_closeButton__v7qtp\"};"],"names":["props","chatContainerRef","useRef","credentials","useSelector","state","useEffect","domain","chatRoom","Callbridge","container","current","layout","pathname","path","console","log","unload","_jsx","ref","className","styles","_ref","_ref$position","position","navigate","useNavigate","positionClass","children","concat","onClick","rooms","onRoomButtonClick","onRoomClose","_jsxs","roomListContainer","map","room","chatRoomItem","bool","active","name","chatRoomsContainer","activeRoom","ChatRoom","closeButton","TokenButton","MenuButton","useGuardedRoute","_useState","useState","_useState2","_slicedToArray","allRooms","setAllRooms","widget","renderWidget","useCallback","sso","token","hostId","once","data","uniqueAccountNames","allRoomsChange","Object","values","accounts","account","length","accountName","push","filter","includes","join","toggle","timer","setTimeout","_widget$current","clearTimeout","id","ChatRoomList","prevRooms","_objectSpread"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/210.c013c8f4.chunk.js b/static/js/210.c013c8f4.chunk.js
new file mode 100644
index 00000000..90dfaac8
--- /dev/null
+++ b/static/js/210.c013c8f4.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[210],{1891:function(n,t,o){var a=o(2791),e=o(9074),c=o(27),i=o(184);t.Z=function(n){var t=(0,a.useRef)(null);return(0,a.useEffect)((function(){var o=new e.Dashboard({domain:"iotum.callbridge.rocks",container:t.current},"Team",{layout:"main",pathname:n.path});return console.log("A new chat room was opened: "+n.path),function(){o.unload(),console.log("Chat room was closed: "+n.path)}}),[n.path]),(0,i.jsx)("div",{ref:t,className:c.Z.chatRoom})}},1374:function(n,t,o){o.d(t,{Z:function(){return u}});o(2791);var a=o(7689),e="MenuButton_menuButton__e9oFw",c="MenuButton_left__d8Tih",i="MenuButton_right__fbjxn",r=o(184);var u=function(n){var t=n.position,o=void 0===t?"left":t,u=(0,a.s0)(),s="right"===o?i:c;return(0,r.jsx)("div",{children:(0,r.jsx)("button",{className:"".concat(e," ").concat(s),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),u("/iotum-samples/menu")},children:"Menu Page"})})}},9210:function(n,t,o){o.r(t),o.d(t,{default:function(){return f}});var a=o(1413),e=o(9439),c=o(2791),i=o(9434),r=o(1891),u=o(27),s=o(5177),l=o(1374),m=o(184),h=function(n){var t=n.rooms,o=n.onRoomButtonClick,a=n.onRoomClose;return(0,m.jsxs)("div",{className:u.Z.container,children:[(0,m.jsx)("div",{className:u.Z.roomListContainer,children:t.map((function(n){return(0,m.jsx)("div",{className:u.Z.chatRoomItem,children:(0,m.jsx)("button",{onClick:function(){return o(n.path)},className:n.bool?u.Z.active:"",children:n.name})},n.path)}))}),(0,m.jsxs)("div",{className:u.Z.chatRoomsContainer,children:[t.map((function(n){return n.bool&&(0,m.jsxs)("div",{className:"".concat(u.Z.chatRoom," ").concat(u.Z.activeRoom),children:[(0,m.jsx)(r.Z,{path:n.path}),(0,m.jsx)("button",{className:u.Z.closeButton,onClick:function(){return a(n.path)},children:"x"})]},n.path)})),(0,m.jsx)(s.Z,{position:"right"}),(0,m.jsx)(l.Z,{position:"right"})]})]})},d=o(9074),f=function(){var n=(0,c.useState)([]),t=(0,e.Z)(n,2),o=t[0],r=t[1],u=(0,c.useRef)(null),s=(0,i.v9)((function(n){return n.credentials})),l=(0,c.useCallback)((function(){u.current=new d.Dashboard({domain:s.domain,sso:{token:s.token,hostId:s.hostId},container:"#chat"},"Team",{layout:"list",pathname:"/"}),u.current.once("dashboard.ROOM_LIST",(function(n){var t=[],o=Object.values(n.rooms).map((function(n){var o=n.accounts.map((function(n){return n.name}));if(1===o.length){var a="".concat(o[0]," (you)");return t.push(o[0]),{name:a,path:n.path,bool:!1}}return{name:o.filter((function(n){return!t.includes(n)})).join(", "),path:n.path,bool:!1}}));r(o)})),u.current.toggle(!1)}),[s]);return(0,c.useEffect)((function(){if(s&&s.token&&s.domain&&s.hostId){var n=setTimeout((function(){l()}),100);return function(){var t;clearTimeout(n),null===(t=u.current)||void 0===t||t.unload()}}}),[s,l]),(0,m.jsxs)("div",{children:[(0,m.jsx)("div",{id:"room-buttons",children:(0,m.jsx)(h,{rooms:o,onRoomButtonClick:function(n){r((function(t){return t.map((function(t){return t.path===n?(0,a.Z)((0,a.Z)({},t),{},{bool:!0}):t}))}))},onRoomClose:function(n){r((function(t){return t.map((function(t){return t.path===n?(0,a.Z)((0,a.Z)({},t),{},{bool:!1}):t}))}))}})}),(0,m.jsx)("div",{id:"chat"})]})}},27:function(n,t){t.Z={container:"chat_container__tPqzb",roomListContainer:"chat_roomListContainer__hpRp3",chatRoomItem:"chat_chatRoomItem__tdDrk",active:"chat_active__YaH2-",chatRoomsContainer:"chat_chatRoomsContainer__Smrg+",chatRoom:"chat_chatRoom__Oon7U",activeRoom:"chat_activeRoom__fmDik",closeButton:"chat_closeButton__v7qtp"}}}]);
+//# sourceMappingURL=210.c013c8f4.chunk.js.map
\ No newline at end of file
diff --git a/static/js/210.c013c8f4.chunk.js.map b/static/js/210.c013c8f4.chunk.js.map
new file mode 100644
index 00000000..31c669e9
--- /dev/null
+++ b/static/js/210.c013c8f4.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/210.c013c8f4.chunk.js","mappings":"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","sources":["components/ChatRoom/ChatRoom.js","webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","pages/list-widget-ui/ChatRoomList.js","pages/list-widget-ui/App.js","webpack://iotum-samples/./src/components/ChatRoom/chat.module.css?03db"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport styles from './chat.module.css';\n\nconst ChatRoom = (props) => {\n const chatContainerRef = useRef(null); \n\n useEffect(() => {\n // This code will run after the component has rendered and the chat container is available in the DOM\n const chatRoom = new Callbridge.Dashboard(\n {\n domain: 'iotum.callbridge.rocks',\n container: chatContainerRef.current, // Use the DOM element reference\n },\n 'Team',\n { layout: 'main', pathname: props.path }\n );\n\n console.log(\"A new chat room was opened: \" + props.path);\n\n // Cleanup function to be called when the component unmounts\n return () => {\n chatRoom.unload(); // Replace with actual cleanup method if available\n console.log(\"Chat room was closed: \" + props.path);\n };\n }, [props.path]); \n\n // Render the chat container reference\n return ;\n};\n\nexport default ChatRoom;\n","// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/iotum-samples/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","import React from 'react';\nimport ChatRoom from '../../components/ChatRoom/ChatRoom.js';\nimport styles from '../../components/ChatRoom/chat.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\n\nconst ChatRoomList = ({ rooms, onRoomButtonClick, onRoomClose }) => {\n return (\n
\n );\n};\n\nexport default App;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"chat_container__tPqzb\",\"roomListContainer\":\"chat_roomListContainer__hpRp3\",\"chatRoomItem\":\"chat_chatRoomItem__tdDrk\",\"active\":\"chat_active__YaH2-\",\"chatRoomsContainer\":\"chat_chatRoomsContainer__Smrg+\",\"chatRoom\":\"chat_chatRoom__Oon7U\",\"activeRoom\":\"chat_activeRoom__fmDik\",\"closeButton\":\"chat_closeButton__v7qtp\"};"],"names":["props","chatContainerRef","useRef","useEffect","chatRoom","Callbridge","domain","container","current","layout","pathname","path","console","log","unload","_jsx","ref","className","styles","_ref","_ref$position","position","navigate","useNavigate","positionClass","children","concat","onClick","rooms","onRoomButtonClick","onRoomClose","_jsxs","roomListContainer","map","room","chatRoomItem","bool","active","name","chatRoomsContainer","activeRoom","ChatRoom","closeButton","TokenButton","MenuButton","_useState","useState","_useState2","_slicedToArray","allRooms","setAllRooms","widget","credentials","useSelector","state","renderWidget","useCallback","sso","token","hostId","once","data","uniqueAccountNames","allRoomsChange","Object","values","accounts","account","length","accountName","push","filter","includes","join","toggle","timer","setTimeout","_widget$current","clearTimeout","id","ChatRoomList","prevRooms","_objectSpread"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/528.06c3a853.chunk.js b/static/js/528.06c3a853.chunk.js
deleted file mode 100644
index f41bb895..00000000
--- a/static/js/528.06c3a853.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[528],{1891:function(n,t,o){var e=o(2791),a=o(9434),r=o(9074),c=o(27),i=o(184);t.Z=function(n){var t=(0,e.useRef)(null),o=(0,a.v9)((function(n){return n.credentials}));return(0,e.useEffect)((function(){var e=o.domain||"iotum.callbridge.rocks",a=new r.Dashboard({domain:e,container:t.current},"Team",{layout:"main",pathname:n.path});return console.log("A new chat room was opened: "+n.path),function(){a.unload(),console.log("Chat room was closed: "+n.path)}}),[n.path,o]),(0,i.jsx)("div",{ref:t,className:c.Z.chatRoom})}},1374:function(n,t,o){o.d(t,{Z:function(){return u}});o(2791);var e=o(7689),a="MenuButton_menuButton__e9oFw",r="MenuButton_left__d8Tih",c="MenuButton_right__fbjxn",i=o(184);var u=function(n){var t=n.position,o=void 0===t?"left":t,u=(0,e.s0)(),s="right"===o?c:r;return(0,i.jsx)("div",{children:(0,i.jsx)("button",{className:"".concat(a," ").concat(s),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),u("/menu")},children:"Menu Page"})})}},5528:function(n,t,o){o.r(t),o.d(t,{App:function(){return v},default:function(){return g}});var e=o(1413),a=o(9439),r=o(2791),c=o(9434),i=o(1891),u=o(27),s=o(5177),l=o(1374),h=o(184),m=function(n){var t=n.rooms,o=n.onRoomClose;return(0,h.jsxs)("div",{className:u.Z.chatRoomsContainer,children:[t.map((function(n){return n.bool&&(0,h.jsxs)("div",{className:"".concat(u.Z.chatRoom," ").concat(u.Z.activeRoom),children:[(0,h.jsx)(i.Z,{path:n.path}),(0,h.jsx)("button",{className:u.Z.closeButton,onClick:function(){return o(n.path)},children:"x"})]},n.path)})),(0,h.jsx)(s.Z,{position:"right"}),(0,h.jsx)(l.Z,{position:"right"})]})},d="submitForm_container__iv0mm",f="submitForm_roomListContainer__8I4zt",_=o(9074),p=o(1348),v=function(){(0,p.Z)();var n=(0,r.useState)([]),t=(0,a.Z)(n,2),o=t[0],i=t[1],u=(0,r.useRef)(null),s=(0,c.v9)((function(n){return n.credentials}));console.log("Credentials:",s);var l=(0,r.useCallback)((function(){console.log("renderWidget ran"),u.current=new _.Dashboard({domain:s.domain,sso:{token:s.token,hostId:s.hostId},container:"#chat"},"Team",{layout:"list",pathname:"/"}),console.log("dashboard rendered"),u.current.once("dashboard.ROOM_LIST",(function(n){var t=[],o=Object.values(n.rooms).map((function(n){var o=n.accounts.map((function(n){return n.name}));if(1===o.length){var e="".concat(o[0]," (you)");return t.push(o[0]),{name:e,path:n.path,bool:!1}}return{name:o.filter((function(n){return!t.includes(n)})).join(", "),path:n.path,bool:!1}}));i(o)})),u.current.on("dashboard.NAVIGATE",(function(n){var t;"/"!==n.pathname&&(u.current.load("Team",{layout:"list"}),console.log("There was a navigate event to "+n.pathname+" in the list widget and the list widget was reloaded")),t=n.pathname,i((function(n){return n.map((function(n){return n.path===t?(0,e.Z)((0,e.Z)({},n),{},{bool:!0}):n}))}))})),u.current.on("dashboard.READY",(function(){console.log("The list widget was rendered")}))}),[s]);return(0,r.useEffect)((function(){return s&&s.token&&s.domain&&s.hostId&&l(s),function(){var n;null===(n=u.current)||void 0===n||n.unload()}}),[s,l]),(0,h.jsxs)("div",{className:d,children:[(0,h.jsx)("div",{id:"chat",className:f}),(0,h.jsx)("div",{children:(0,h.jsx)(m,{rooms:o,onRoomClose:function(n){console.log(n+" was closed"),i((function(t){return t.map((function(t){return t.path===n?(0,e.Z)((0,e.Z)({},t),{},{bool:!1}):t}))}))}})})]})},g=v},27:function(n,t){t.Z={container:"chat_container__tPqzb",roomListContainer:"chat_roomListContainer__hpRp3",chatRoomItem:"chat_chatRoomItem__tdDrk",active:"chat_active__YaH2-",chatRoomsContainer:"chat_chatRoomsContainer__Smrg+",chatRoom:"chat_chatRoom__Oon7U",activeRoom:"chat_activeRoom__fmDik",closeButton:"chat_closeButton__v7qtp"}}}]);
-//# sourceMappingURL=528.06c3a853.chunk.js.map
\ No newline at end of file
diff --git a/static/js/528.06c3a853.chunk.js.map b/static/js/528.06c3a853.chunk.js.map
deleted file mode 100644
index ec331ed1..00000000
--- a/static/js/528.06c3a853.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/528.06c3a853.chunk.js","mappings":"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","sources":["components/ChatRoom/ChatRoom.js","webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","pages/chat-room-list/ChatRoomList.js","webpack://iotum-samples/./src/pages/chat-room-list/submitForm.module.css?5027","pages/chat-room-list/App.js","webpack://iotum-samples/./src/components/ChatRoom/chat.module.css?03db"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport { useSelector } from 'react-redux';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport styles from './chat.module.css';\n\nconst ChatRoom = (props) => {\n const chatContainerRef = useRef(null); \n const credentials = useSelector(state => state.credentials)\n\n useEffect(() => {\n // Use the domain from the Redux store, or a default value if not available\n const domain = credentials.domain || 'iotum.callbridge.rocks'\n\n // This code will run after the component has rendered and the chat container is available in the DOM\n const chatRoom = new Callbridge.Dashboard(\n {\n domain: domain,\n container: chatContainerRef.current, // Use the DOM element reference\n },\n 'Team',\n { layout: 'main', pathname: props.path }\n );\n\n console.log(\"A new chat room was opened: \" + props.path);\n\n // Cleanup function to be called when the component unmounts\n return () => {\n chatRoom.unload(); // Replace with actual cleanup method if available\n console.log(\"Chat room was closed: \" + props.path);\n };\n }, [props.path, credentials]); \n\n // Render the chat container reference\n return ;\n};\n\nexport default ChatRoom;\n","// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","import React from 'react';\nimport ChatRoom from '../../components/ChatRoom/ChatRoom.js';\nimport styles from '../../components/ChatRoom/chat.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\n\nconst ChatRoomList = ({ rooms, onRoomClose }) => {\n return (\n
\n {rooms.map((room) =>\n room.bool && (\n
\n \n onRoomClose(room.path)}\n >\n x\n \n
\n )\n )}\n \n \n
\n );\n};\n\nexport default ChatRoomList;","// extracted by mini-css-extract-plugin\nexport default {\"form-wrapper\":\"submitForm_form-wrapper__Zc6Zy\",\"container\":\"submitForm_container__iv0mm\",\"roomListContainer\":\"submitForm_roomListContainer__8I4zt\"};","import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useSelector } from 'react-redux';\nimport ChatRoomList from './ChatRoomList';\nimport styles from './submitForm.module.css';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport useGuardedRoute from '../../components/hooks/useGuardedRoute';\n\nexport const App = () => {\n useGuardedRoute()\n const [allRooms, setAllRooms] = useState([]);\n const widget = useRef(null);\n \n // Retrive credentials from Redux store\n const credentials = useSelector(state => state.credentials);\n console.log(\"Credentials:\", credentials);\n\n const handleRoomButtonClick = (path) => {\n setAllRooms(prevRooms => prevRooms.map(room => {\n return room.path === path ? { ...room, bool: true } : room;\n }));\n };\n\n const handleRoomClose = (path) => {\n console.log(path + \" was closed\");\n setAllRooms(prevRooms => prevRooms.map(room => {\n return room.path === path ? { ...room, bool: false } : room;\n }));\n };\n\n const renderWidget = useCallback(() => {\n console.log(\"renderWidget ran\");\n widget.current = new Callbridge.Dashboard(\n {\n domain: credentials.domain, // using the state variable for domain\n sso: {\n token: credentials.token,\n hostId: credentials.hostId\n },\n container: '#chat',\n },\n 'Team',\n { layout: 'list', pathname: '/'}\n );\n console.log(\"dashboard rendered\");\n\n widget.current.once('dashboard.ROOM_LIST', (data) => {\n const uniqueAccountNames = []; // To keep track of account names that should have \"(you)\" added\n const allRoomsChange = Object.values(data.rooms).map((room) => {\n const accounts = room.accounts.map((account) => account.name);\n \n // Check if the room has only one account\n if (accounts.length === 1) {\n const accountName = `${accounts[0]} (you)`;\n uniqueAccountNames.push(accounts[0]); // Add the account name to the unique list\n return {\n name: accountName,\n path: room.path,\n bool: false,\n };\n }\n \n // Filter out account names that are in the unique list\n const filteredNames = accounts.filter((name) => !uniqueAccountNames.includes(name));\n return {\n name: filteredNames.join(', '),\n path: room.path,\n bool: false,\n };\n });\n \n setAllRooms(allRoomsChange);\n });\n\n widget.current.on('dashboard.NAVIGATE', (data) => {\n if (data.pathname !== \"/\") {\n widget.current.load(\"Team\", {layout: \"list\"})\n console.log(\"There was a navigate event to \" + data.pathname + \" in the list widget and the list widget was reloaded\");\n } \n\n handleRoomButtonClick(data.pathname);\n }\n )\n\n widget.current.on('dashboard.READY', () => {\n console.log(\"The list widget was rendered\");\n });\n }, [credentials]);\n\n useEffect(() => {\n if (credentials && credentials.token && credentials.domain && credentials.hostId) {\n renderWidget(credentials);\n }\n\n return () => {\n widget.current?.unload();\n }\n }, [credentials, renderWidget]);\n \n return (\n
\n \n
\n \n
\n
\n );\n \n};\n\nexport default App;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"chat_container__tPqzb\",\"roomListContainer\":\"chat_roomListContainer__hpRp3\",\"chatRoomItem\":\"chat_chatRoomItem__tdDrk\",\"active\":\"chat_active__YaH2-\",\"chatRoomsContainer\":\"chat_chatRoomsContainer__Smrg+\",\"chatRoom\":\"chat_chatRoom__Oon7U\",\"activeRoom\":\"chat_activeRoom__fmDik\",\"closeButton\":\"chat_closeButton__v7qtp\"};"],"names":["props","chatContainerRef","useRef","credentials","useSelector","state","useEffect","domain","chatRoom","Callbridge","container","current","layout","pathname","path","console","log","unload","_jsx","ref","className","styles","_ref","_ref$position","position","navigate","useNavigate","positionClass","children","concat","onClick","rooms","onRoomClose","_jsxs","chatRoomsContainer","map","room","bool","activeRoom","ChatRoom","closeButton","TokenButton","MenuButton","App","useGuardedRoute","_useState","useState","_useState2","_slicedToArray","allRooms","setAllRooms","widget","renderWidget","useCallback","sso","token","hostId","once","data","uniqueAccountNames","allRoomsChange","Object","values","accounts","account","name","length","accountName","push","filter","includes","join","on","load","prevRooms","_objectSpread","_widget$current","id","ChatRoomList"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/528.110ab889.chunk.js b/static/js/528.110ab889.chunk.js
new file mode 100644
index 00000000..5d7e297c
--- /dev/null
+++ b/static/js/528.110ab889.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[528],{1891:function(n,o,t){var e=t(2791),a=t(9074),r=t(27),c=t(184);o.Z=function(n){var o=(0,e.useRef)(null);return(0,e.useEffect)((function(){var t=new a.Dashboard({domain:"iotum.callbridge.rocks",container:o.current},"Team",{layout:"main",pathname:n.path});return console.log("A new chat room was opened: "+n.path),function(){t.unload(),console.log("Chat room was closed: "+n.path)}}),[n.path]),(0,c.jsx)("div",{ref:o,className:r.Z.chatRoom})}},1374:function(n,o,t){t.d(o,{Z:function(){return s}});t(2791);var e=t(7689),a="MenuButton_menuButton__e9oFw",r="MenuButton_left__d8Tih",c="MenuButton_right__fbjxn",i=t(184);var s=function(n){var o=n.position,t=void 0===o?"left":o,s=(0,e.s0)(),u="right"===t?c:r;return(0,i.jsx)("div",{children:(0,i.jsx)("button",{className:"".concat(a," ").concat(u),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),s("/iotum-samples/menu")},children:"Menu Page"})})}},5528:function(n,o,t){t.r(o),t.d(o,{App:function(){return p},default:function(){return v}});var e=t(1413),a=t(9439),r=t(2791),c=t(9434),i=t(1891),s=t(27),u=t(5177),l=t(1374),h=t(184),m=function(n){var o=n.rooms,t=n.onRoomClose;return(0,h.jsxs)("div",{className:s.Z.chatRoomsContainer,children:[o.map((function(n){return n.bool&&(0,h.jsxs)("div",{className:"".concat(s.Z.chatRoom," ").concat(s.Z.activeRoom),children:[(0,h.jsx)(i.Z,{path:n.path}),(0,h.jsx)("button",{className:s.Z.closeButton,onClick:function(){return t(n.path)},children:"x"})]},n.path)})),(0,h.jsx)(u.Z,{position:"right"}),(0,h.jsx)(l.Z,{position:"right"})]})},d="submitForm_container__iv0mm",f="submitForm_roomListContainer__8I4zt",_=t(9074),p=function(){var n=(0,r.useState)([]),o=(0,a.Z)(n,2),t=o[0],i=o[1],s=(0,r.useRef)(null),u=(0,c.v9)((function(n){return n.credentials}));console.log("Credentials:",u);var l=(0,r.useCallback)((function(){console.log("renderWidget ran"),s.current=new _.Dashboard({domain:u.domain,sso:{token:u.token,hostId:u.hostId},container:"#chat"},"Team",{layout:"list",pathname:"/"}),console.log("dashboard rendered"),s.current.once("dashboard.ROOM_LIST",(function(n){var o=[],t=Object.values(n.rooms).map((function(n){var t=n.accounts.map((function(n){return n.name}));if(1===t.length){var e="".concat(t[0]," (you)");return o.push(t[0]),{name:e,path:n.path,bool:!1}}return{name:t.filter((function(n){return!o.includes(n)})).join(", "),path:n.path,bool:!1}}));i(t)})),s.current.on("dashboard.NAVIGATE",(function(n){var o;"/"!==n.pathname&&(s.current.load("Team",{layout:"list"}),console.log("There was a navigate event to "+n.pathname+" in the list widget and the list widget was reloaded")),o=n.pathname,i((function(n){return n.map((function(n){return n.path===o?(0,e.Z)((0,e.Z)({},n),{},{bool:!0}):n}))}))})),s.current.on("dashboard.READY",(function(){console.log("The list widget was rendered")}))}),[u]);return(0,r.useEffect)((function(){return u&&u.token&&u.domain&&u.hostId&&l(u),function(){var n;null===(n=s.current)||void 0===n||n.unload()}}),[u,l]),(0,h.jsxs)("div",{className:d,children:[(0,h.jsx)("div",{id:"chat",className:f}),(0,h.jsx)("div",{children:(0,h.jsx)(m,{rooms:t,onRoomClose:function(n){console.log(n+" was closed"),i((function(o){return o.map((function(o){return o.path===n?(0,e.Z)((0,e.Z)({},o),{},{bool:!1}):o}))}))}})})]})},v=p},27:function(n,o){o.Z={container:"chat_container__tPqzb",roomListContainer:"chat_roomListContainer__hpRp3",chatRoomItem:"chat_chatRoomItem__tdDrk",active:"chat_active__YaH2-",chatRoomsContainer:"chat_chatRoomsContainer__Smrg+",chatRoom:"chat_chatRoom__Oon7U",activeRoom:"chat_activeRoom__fmDik",closeButton:"chat_closeButton__v7qtp"}}}]);
+//# sourceMappingURL=528.110ab889.chunk.js.map
\ No newline at end of file
diff --git a/static/js/528.110ab889.chunk.js.map b/static/js/528.110ab889.chunk.js.map
new file mode 100644
index 00000000..837c3a34
--- /dev/null
+++ b/static/js/528.110ab889.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/528.110ab889.chunk.js","mappings":"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","sources":["components/ChatRoom/ChatRoom.js","webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","pages/chat-room-list/ChatRoomList.js","webpack://iotum-samples/./src/pages/chat-room-list/submitForm.module.css?5027","pages/chat-room-list/App.js","webpack://iotum-samples/./src/components/ChatRoom/chat.module.css?03db"],"sourcesContent":["import React, { useRef, useEffect } from 'react';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport styles from './chat.module.css';\n\nconst ChatRoom = (props) => {\n const chatContainerRef = useRef(null); \n\n useEffect(() => {\n // This code will run after the component has rendered and the chat container is available in the DOM\n const chatRoom = new Callbridge.Dashboard(\n {\n domain: 'iotum.callbridge.rocks',\n container: chatContainerRef.current, // Use the DOM element reference\n },\n 'Team',\n { layout: 'main', pathname: props.path }\n );\n\n console.log(\"A new chat room was opened: \" + props.path);\n\n // Cleanup function to be called when the component unmounts\n return () => {\n chatRoom.unload(); // Replace with actual cleanup method if available\n console.log(\"Chat room was closed: \" + props.path);\n };\n }, [props.path]); \n\n // Render the chat container reference\n return ;\n};\n\nexport default ChatRoom;\n","// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/iotum-samples/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","import React from 'react';\nimport ChatRoom from '../../components/ChatRoom/ChatRoom.js';\nimport styles from '../../components/ChatRoom/chat.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\n\nconst ChatRoomList = ({ rooms, onRoomClose }) => {\n return (\n
\n {rooms.map((room) =>\n room.bool && (\n
\n \n onRoomClose(room.path)}\n >\n x\n \n
\n )\n )}\n \n \n
\n );\n};\n\nexport default ChatRoomList;","// extracted by mini-css-extract-plugin\nexport default {\"form-wrapper\":\"submitForm_form-wrapper__Zc6Zy\",\"container\":\"submitForm_container__iv0mm\",\"roomListContainer\":\"submitForm_roomListContainer__8I4zt\"};","import React, { useState, useEffect, useRef, useCallback } from 'react';\nimport { useSelector } from 'react-redux';\nimport ChatRoomList from './ChatRoomList';\nimport styles from './submitForm.module.css';\nimport * as Callbridge from '@iotum/callbridge-js';\n\nexport const App = () => {\n const [allRooms, setAllRooms] = useState([]);\n const widget = useRef(null);\n \n // Retrive credentials from Redux store\n const credentials = useSelector(state => state.credentials);\n console.log(\"Credentials:\", credentials);\n\n const handleRoomButtonClick = (path) => {\n setAllRooms(prevRooms => prevRooms.map(room => {\n return room.path === path ? { ...room, bool: true } : room;\n }));\n };\n\n const handleRoomClose = (path) => {\n console.log(path + \" was closed\");\n setAllRooms(prevRooms => prevRooms.map(room => {\n return room.path === path ? { ...room, bool: false } : room;\n }));\n };\n\n const renderWidget = useCallback(() => {\n console.log(\"renderWidget ran\");\n widget.current = new Callbridge.Dashboard(\n {\n domain: credentials.domain, // using the state variable for domain\n sso: {\n token: credentials.token,\n hostId: credentials.hostId\n },\n container: '#chat',\n },\n 'Team',\n { layout: 'list', pathname: '/'}\n );\n console.log(\"dashboard rendered\");\n\n widget.current.once('dashboard.ROOM_LIST', (data) => {\n const uniqueAccountNames = []; // To keep track of account names that should have \"(you)\" added\n const allRoomsChange = Object.values(data.rooms).map((room) => {\n const accounts = room.accounts.map((account) => account.name);\n \n // Check if the room has only one account\n if (accounts.length === 1) {\n const accountName = `${accounts[0]} (you)`;\n uniqueAccountNames.push(accounts[0]); // Add the account name to the unique list\n return {\n name: accountName,\n path: room.path,\n bool: false,\n };\n }\n \n // Filter out account names that are in the unique list\n const filteredNames = accounts.filter((name) => !uniqueAccountNames.includes(name));\n return {\n name: filteredNames.join(', '),\n path: room.path,\n bool: false,\n };\n });\n \n setAllRooms(allRoomsChange);\n });\n\n widget.current.on('dashboard.NAVIGATE', (data) => {\n if (data.pathname !== \"/\") {\n widget.current.load(\"Team\", {layout: \"list\"})\n console.log(\"There was a navigate event to \" + data.pathname + \" in the list widget and the list widget was reloaded\");\n } \n\n handleRoomButtonClick(data.pathname);\n }\n )\n\n widget.current.on('dashboard.READY', () => {\n console.log(\"The list widget was rendered\");\n });\n }, [credentials]);\n\n useEffect(() => {\n if (credentials && credentials.token && credentials.domain && credentials.hostId) {\n renderWidget(credentials);\n }\n\n return () => {\n widget.current?.unload();\n }\n }, [credentials, renderWidget]);\n \n return (\n
\n \n
\n \n
\n
\n );\n \n};\n\nexport default App;\n","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"chat_container__tPqzb\",\"roomListContainer\":\"chat_roomListContainer__hpRp3\",\"chatRoomItem\":\"chat_chatRoomItem__tdDrk\",\"active\":\"chat_active__YaH2-\",\"chatRoomsContainer\":\"chat_chatRoomsContainer__Smrg+\",\"chatRoom\":\"chat_chatRoom__Oon7U\",\"activeRoom\":\"chat_activeRoom__fmDik\",\"closeButton\":\"chat_closeButton__v7qtp\"};"],"names":["props","chatContainerRef","useRef","useEffect","chatRoom","Callbridge","domain","container","current","layout","pathname","path","console","log","unload","_jsx","ref","className","styles","_ref","_ref$position","position","navigate","useNavigate","positionClass","children","concat","onClick","rooms","onRoomClose","_jsxs","chatRoomsContainer","map","room","bool","activeRoom","ChatRoom","closeButton","TokenButton","MenuButton","App","_useState","useState","_useState2","_slicedToArray","allRooms","setAllRooms","widget","credentials","useSelector","state","renderWidget","useCallback","sso","token","hostId","once","data","uniqueAccountNames","allRoomsChange","Object","values","accounts","account","name","length","accountName","push","filter","includes","join","on","load","prevRooms","_objectSpread","_widget$current","id","ChatRoomList"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/906.56accfd9.chunk.js b/static/js/906.56accfd9.chunk.js
deleted file mode 100644
index d21c7eba..00000000
--- a/static/js/906.56accfd9.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[906],{1374:function(e,n,t){t.d(n,{Z:function(){return c}});t(2791);var o=t(7689),s="MenuButton_menuButton__e9oFw",i="MenuButton_left__d8Tih",u="MenuButton_right__fbjxn",r=t(184);var c=function(e){var n=e.position,t=void 0===n?"left":n,c=(0,o.s0)(),a="right"===t?u:i;return(0,r.jsx)("div",{children:(0,r.jsx)("button",{className:"".concat(s," ").concat(a),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),c("/menu")},children:"Menu Page"})})}},7906:function(e,n,t){t.r(n),t.d(n,{default:function(){return b}});var o=t(9439),s=t(2791),i="submitForm_appContainer__fBuO4",u="submitForm_startButton__UFeO6",r="submitForm_accessCodeLabel__grkCR",c="submitForm_accessCodeInput__TIWMW",a="submitForm_startMeetingButton__uwJ8I",l="submitForm_widgetContainer__Kk1Fh",d=t(5177),_=t(1374),m=t(9074),f=t(9434),g=t(1348),h=t(184),b=function(){(0,g.Z)();var e=(0,s.useState)(""),n=(0,o.Z)(e,2),t=n[0],b=n[1],p=(0,s.useRef)(null),v=(0,s.useRef)(null),k=(0,f.v9)((function(e){return e.credentials})),C=(0,s.useCallback)((function(){console.log("render meeting widget"),t?(v.current&&v.current.unload(),v.current=new m.Meeting({domain:k.domain,sso:{token:k.token,hostId:k.hostId},container:p.current},t,{skipJoin:!0})):console.log("Access code not set, widget will not be rendered.")}),[k,t]);return(0,h.jsxs)("div",{className:i,children:[(0,h.jsxs)("div",{className:u,children:[(0,h.jsx)("div",{className:r,children:"Access Code:"}),(0,h.jsx)("input",{type:"text",className:c,value:t,onChange:function(e){b(e.target.value)}}),(0,h.jsx)("button",{className:a,onClick:C,children:"Start Meeting"})]}),(0,h.jsx)(d.Z,{position:"right"}),(0,h.jsx)(_.Z,{position:"right"}),(0,h.jsx)("div",{ref:p,className:l})]})}}}]);
-//# sourceMappingURL=906.56accfd9.chunk.js.map
\ No newline at end of file
diff --git a/static/js/906.56accfd9.chunk.js.map b/static/js/906.56accfd9.chunk.js.map
deleted file mode 100644
index f4c5246b..00000000
--- a/static/js/906.56accfd9.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/906.56accfd9.chunk.js","mappings":"yKACA,EAA6B,+BAA7B,EAAmE,yBAAnE,EAAoG,0B,SCuBpG,MApBA,SAAmBA,GAAyB,IAADC,EAAAD,EAArBE,SAAAA,OAAQ,IAAAD,EAAG,OAAMA,EAC/BE,GAAWC,EAAAA,EAAAA,MAQXC,EAA6B,UAAbH,EAAuBI,EAAeA,EAE5D,OACEC,EAAAA,EAAAA,KAAA,OAAAC,UACED,EAAAA,EAAAA,KAAA,UAAQE,UAAS,GAAAC,OAAKJ,EAAiB,KAAAI,OAAIL,GAAiBM,QAV5C,WAClBC,QAAQC,IAAI,6CACZV,EAAS,QACX,EAOqFK,SAAC,eAKxF,C,4FCrBA,EAA+E,iCAA/E,EAA8H,gCAA9H,EAAgL,oCAAhL,EAAsO,oCAAtO,EAA+R,uCAA/R,EAAwV,oC,2DCkExV,EA3DY,YACVM,EAAAA,EAAAA,KACA,IAAAC,GAAoCC,EAAAA,EAAAA,UAAS,IAAGC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAAzCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,GAAYC,EAAAA,EAAAA,QAAO,MACnBC,GAASD,EAAAA,EAAAA,QAAO,MAEhBE,GAAcC,EAAAA,EAAAA,KAAY,SAAAC,GAAK,OAAIA,EAAMF,WAAW,IAMpDG,GAAeC,EAAAA,EAAAA,cAAY,WAC/BhB,QAAQC,IAAI,yBAEPM,GAKDI,EAAOM,SACTN,EAAOM,QAAQC,SAGjBP,EAAOM,QAAU,IAAIE,EAAAA,QACnB,CACEC,OAAQR,EAAYQ,OACpBC,IAAK,CACHC,MAAOV,EAAYU,MACnBC,OAAQX,EAAYW,QAEtBd,UAAWA,EAAUQ,SAEvBV,EACA,CACEiB,UAAU,KAnBZxB,QAAQC,IAAI,oDAsBhB,GAAG,CAACW,EAAaL,IAEjB,OACEkB,EAAAA,EAAAA,MAAA,OAAK5B,UAAWH,EAAoBE,SAAA,EAClC6B,EAAAA,EAAAA,MAAA,OAAK5B,UAAWH,EAAmBE,SAAA,EACjCD,EAAAA,EAAAA,KAAA,OAAKE,UAAWH,EAAuBE,SAAC,kBACxCD,EAAAA,EAAAA,KAAA,SACE+B,KAAK,OACL7B,UAAWH,EACXiC,MAAOpB,EACPqB,SAxCiB,SAACC,GACxBrB,EAAcqB,EAAMC,OAAOH,MAC7B,KAwCMhC,EAAAA,EAAAA,KAAA,UAAQE,UAAWH,EAA2BK,QAASgB,EAAanB,SAAC,sBAEvED,EAAAA,EAAAA,KAACoC,EAAAA,EAAW,CAACzC,SAAS,WACtBK,EAAAA,EAAAA,KAACqC,EAAAA,EAAU,CAAC1C,SAAS,WACrBK,EAAAA,EAAAA,KAAA,OAAKsC,IAAKxB,EAAWZ,UAAWH,MAGtC,C","sources":["webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","webpack://iotum-samples/./src/pages/simple-meeting/submitForm.module.css?d69f","pages/simple-meeting/App.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"form-wrapper\":\"submitForm_form-wrapper__Gz5JF\",\"appContainer\":\"submitForm_appContainer__fBuO4\",\"startButton\":\"submitForm_startButton__UFeO6\",\"accessCodeLabel\":\"submitForm_accessCodeLabel__grkCR\",\"accessCodeInput\":\"submitForm_accessCodeInput__TIWMW\",\"startMeetingButton\":\"submitForm_startMeetingButton__uwJ8I\",\"widgetContainer\":\"submitForm_widgetContainer__Kk1Fh\"};","import React, { useState, useRef, useCallback } from 'react';\nimport styles from './submitForm.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport { useSelector } from 'react-redux';\nimport useGuardedRoute from '../../components/hooks/useGuardedRoute';\n\nconst App = () => {\n useGuardedRoute()\n const [accessCode, setAccessCode] = useState('');\n const container = useRef(null);\n const widget = useRef(null);\n\n const credentials = useSelector(state => state.credentials);\n\n const handleAccessCode = (event) => {\n setAccessCode(event.target.value);\n }\n\n const renderWidget = useCallback(() => {\n console.log(\"render meeting widget\");\n\n if (!accessCode) {\n console.log(\"Access code not set, widget will not be rendered.\");\n return;\n }\n\n if (widget.current) {\n widget.current.unload();\n }\n\n widget.current = new Callbridge.Meeting(\n {\n domain: credentials.domain, \n sso: {\n token: credentials.token,\n hostId: credentials.hostId\n },\n container: container.current,\n },\n accessCode, \n {\n skipJoin: true\n }\n );\n }, [credentials, accessCode]); // Dependencies: credentials and accessCode\n\n return (\n
\n
\n
Access Code:
\n \n \n
\n \n \n \n
\n );\n};\n\nexport default App;\n"],"names":["_ref","_ref$position","position","navigate","useNavigate","positionClass","styles","_jsx","children","className","concat","onClick","console","log","useGuardedRoute","_useState","useState","_useState2","_slicedToArray","accessCode","setAccessCode","container","useRef","widget","credentials","useSelector","state","renderWidget","useCallback","current","unload","Callbridge","domain","sso","token","hostId","skipJoin","_jsxs","type","value","onChange","event","target","TokenButton","MenuButton","ref"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/906.e43221f2.chunk.js b/static/js/906.e43221f2.chunk.js
new file mode 100644
index 00000000..fc4e461c
--- /dev/null
+++ b/static/js/906.e43221f2.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[906],{1374:function(e,t,n){n.d(t,{Z:function(){return c}});n(2791);var s=n(7689),o="MenuButton_menuButton__e9oFw",i="MenuButton_left__d8Tih",u="MenuButton_right__fbjxn",r=n(184);var c=function(e){var t=e.position,n=void 0===t?"left":t,c=(0,s.s0)(),a="right"===n?u:i;return(0,r.jsx)("div",{children:(0,r.jsx)("button",{className:"".concat(o," ").concat(a),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),c("/iotum-samples/menu")},children:"Menu Page"})})}},7906:function(e,t,n){n.r(t),n.d(t,{default:function(){return h}});var s=n(9439),o=n(2791),i="submitForm_appContainer__fBuO4",u="submitForm_startButton__UFeO6",r="submitForm_accessCodeLabel__grkCR",c="submitForm_accessCodeInput__TIWMW",a="submitForm_startMeetingButton__uwJ8I",l="submitForm_widgetContainer__Kk1Fh",d=n(5177),m=n(1374),_=n(9074),f=n(9434),g=n(184),h=function(){var e=(0,o.useState)(""),t=(0,s.Z)(e,2),n=t[0],h=t[1],p=(0,o.useRef)(null),b=(0,o.useRef)(null),v=(0,f.v9)((function(e){return e.credentials})),k=(0,o.useCallback)((function(){console.log("render meeting widget"),n?(b.current&&b.current.unload(),b.current=new _.Meeting({domain:v.domain,sso:{token:v.token,hostId:v.hostId},container:p.current},n,{skipJoin:!0})):console.log("Access code not set, widget will not be rendered.")}),[v,n]);return(0,g.jsxs)("div",{className:i,children:[(0,g.jsxs)("div",{className:u,children:[(0,g.jsx)("div",{className:r,children:"Access Code:"}),(0,g.jsx)("input",{type:"text",className:c,value:n,onChange:function(e){h(e.target.value)}}),(0,g.jsx)("button",{className:a,onClick:k,children:"Start Meeting"})]}),(0,g.jsx)(d.Z,{position:"right"}),(0,g.jsx)(m.Z,{position:"right"}),(0,g.jsx)("div",{ref:p,className:l})]})}}}]);
+//# sourceMappingURL=906.e43221f2.chunk.js.map
\ No newline at end of file
diff --git a/static/js/906.e43221f2.chunk.js.map b/static/js/906.e43221f2.chunk.js.map
new file mode 100644
index 00000000..c37402ea
--- /dev/null
+++ b/static/js/906.e43221f2.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/906.e43221f2.chunk.js","mappings":"yKACA,EAA6B,+BAA7B,EAAmE,yBAAnE,EAAoG,0B,SCuBpG,MApBA,SAAmBA,GAAyB,IAADC,EAAAD,EAArBE,SAAAA,OAAQ,IAAAD,EAAG,OAAMA,EAC/BE,GAAWC,EAAAA,EAAAA,MAQXC,EAA6B,UAAbH,EAAuBI,EAAeA,EAE5D,OACEC,EAAAA,EAAAA,KAAA,OAAAC,UACED,EAAAA,EAAAA,KAAA,UAAQE,UAAS,GAAAC,OAAKJ,EAAiB,KAAAI,OAAIL,GAAiBM,QAV5C,WAClBC,QAAQC,IAAI,6CACZV,EAAS,sBACX,EAOqFK,SAAC,eAKxF,C,4FCrBA,EAA+E,iCAA/E,EAA8H,gCAA9H,EAAgL,oCAAhL,EAAsO,oCAAtO,EAA+R,uCAA/R,EAAwV,oC,iDCgExV,EA1DY,WACV,IAAAM,GAAoCC,EAAAA,EAAAA,UAAS,IAAGC,GAAAC,EAAAA,EAAAA,GAAAH,EAAA,GAAzCI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAC1BI,GAAYC,EAAAA,EAAAA,QAAO,MACnBC,GAASD,EAAAA,EAAAA,QAAO,MAEhBE,GAAcC,EAAAA,EAAAA,KAAY,SAAAC,GAAK,OAAIA,EAAMF,WAAW,IAMpDG,GAAeC,EAAAA,EAAAA,cAAY,WAC/Bf,QAAQC,IAAI,yBAEPK,GAKDI,EAAOM,SACTN,EAAOM,QAAQC,SAGjBP,EAAOM,QAAU,IAAIE,EAAAA,QACnB,CACEC,OAAQR,EAAYQ,OACpBC,IAAK,CACHC,MAAOV,EAAYU,MACnBC,OAAQX,EAAYW,QAEtBd,UAAWA,EAAUQ,SAEvBV,EACA,CACEiB,UAAU,KAnBZvB,QAAQC,IAAI,oDAsBhB,GAAG,CAACU,EAAaL,IAEjB,OACEkB,EAAAA,EAAAA,MAAA,OAAK3B,UAAWH,EAAoBE,SAAA,EAClC4B,EAAAA,EAAAA,MAAA,OAAK3B,UAAWH,EAAmBE,SAAA,EACjCD,EAAAA,EAAAA,KAAA,OAAKE,UAAWH,EAAuBE,SAAC,kBACxCD,EAAAA,EAAAA,KAAA,SACE8B,KAAK,OACL5B,UAAWH,EACXgC,MAAOpB,EACPqB,SAxCiB,SAACC,GACxBrB,EAAcqB,EAAMC,OAAOH,MAC7B,KAwCM/B,EAAAA,EAAAA,KAAA,UAAQE,UAAWH,EAA2BK,QAASe,EAAalB,SAAC,sBAEvED,EAAAA,EAAAA,KAACmC,EAAAA,EAAW,CAACxC,SAAS,WACtBK,EAAAA,EAAAA,KAACoC,EAAAA,EAAU,CAACzC,SAAS,WACrBK,EAAAA,EAAAA,KAAA,OAAKqC,IAAKxB,EAAWX,UAAWH,MAGtC,C","sources":["webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","webpack://iotum-samples/./src/pages/simple-meeting/submitForm.module.css?d69f","pages/simple-meeting/App.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/iotum-samples/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"form-wrapper\":\"submitForm_form-wrapper__Gz5JF\",\"appContainer\":\"submitForm_appContainer__fBuO4\",\"startButton\":\"submitForm_startButton__UFeO6\",\"accessCodeLabel\":\"submitForm_accessCodeLabel__grkCR\",\"accessCodeInput\":\"submitForm_accessCodeInput__TIWMW\",\"startMeetingButton\":\"submitForm_startMeetingButton__uwJ8I\",\"widgetContainer\":\"submitForm_widgetContainer__Kk1Fh\"};","import React, { useState, useRef, useCallback } from 'react';\nimport styles from './submitForm.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport { useSelector } from 'react-redux';\n\nconst App = () => {\n const [accessCode, setAccessCode] = useState('');\n const container = useRef(null);\n const widget = useRef(null);\n\n const credentials = useSelector(state => state.credentials);\n\n const handleAccessCode = (event) => {\n setAccessCode(event.target.value);\n }\n\n const renderWidget = useCallback(() => {\n console.log(\"render meeting widget\");\n\n if (!accessCode) {\n console.log(\"Access code not set, widget will not be rendered.\");\n return;\n }\n\n if (widget.current) {\n widget.current.unload();\n }\n\n widget.current = new Callbridge.Meeting(\n {\n domain: credentials.domain, \n sso: {\n token: credentials.token,\n hostId: credentials.hostId\n },\n container: container.current,\n },\n accessCode, \n {\n skipJoin: true\n }\n );\n }, [credentials, accessCode]); // Dependencies: credentials and accessCode\n\n return (\n
\n
\n
Access Code:
\n \n \n
\n \n \n \n
\n );\n};\n\nexport default App;\n"],"names":["_ref","_ref$position","position","navigate","useNavigate","positionClass","styles","_jsx","children","className","concat","onClick","console","log","_useState","useState","_useState2","_slicedToArray","accessCode","setAccessCode","container","useRef","widget","credentials","useSelector","state","renderWidget","useCallback","current","unload","Callbridge","domain","sso","token","hostId","skipJoin","_jsxs","type","value","onChange","event","target","TokenButton","MenuButton","ref"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/935.4d4ca839.chunk.js b/static/js/935.4d4ca839.chunk.js
deleted file mode 100644
index a68672ea..00000000
--- a/static/js/935.4d4ca839.chunk.js
+++ /dev/null
@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[935],{1374:function(n,e,t){t.d(e,{Z:function(){return u}});t(2791);var o=t(7689),i="MenuButton_menuButton__e9oFw",a="MenuButton_left__d8Tih",r="MenuButton_right__fbjxn",s=t(184);var u=function(n){var e=n.position,t=void 0===e?"left":e,u=(0,o.s0)(),c="right"===t?r:a;return(0,s.jsx)("div",{children:(0,s.jsx)("button",{className:"".concat(i," ").concat(c),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),u("/menu")},children:"Menu Page"})})}},6935:function(n,e,t){t.r(e),t.d(e,{default:function(){return f}});var o=t(9439),i=t(2791),a="submitForm_chatContainer__Xcj9R",r="submitForm_badge__coYDH",s="submitForm_biggerButton__hfy-z",u=t(5177),c=t(1374),d=t(9074),l=t(9434),h=t(1348),m=t(184),f=function(){(0,h.Z)();var n=(0,i.useState)(0),e=(0,o.Z)(n,2),t=e[0],f=e[1],g=(0,i.useState)(!0),v=(0,o.Z)(g,2),_=v[0],b=v[1],k=(0,i.useRef)(null),j=(0,l.v9)((function(n){return n.credentials})),x=j.token&&j.domain&&j.hostId,p=(0,i.useCallback)((function(){x&&(k.current&&k.current.instance?k.current.instance&&k.current.instance.focus():(k.current=new d.Dashboard({domain:j.domain,sso:{token:j.token,hostId:j.hostId},container:window,target:{name:"CallbridgeChatWidget",checkExisting:!0}},"Team"),k.current.on("dashboard.NAVIGATE",(function(n){console.log("navigate event")}))))}),[j,x]);return(0,i.useEffect)((function(){if(x){var n=document.createElement("div");n.style.display="none",document.body.appendChild(n);var e=new d.Dashboard({domain:j.domain,sso:{token:j.token,hostId:j.hostId},container:n,target:{name:"InvisibleWidget",checkExisting:!0}},"Team");return e.on("dashboard.UNREAD_MESSAGES",(function(n){var e=Object.values(n.rooms).reduce((function(n,e){return n+e}),0);f(e),b(!1)})),function(){var n;null===(n=k.current)||void 0===n||n.unload(),null===e||void 0===e||e.unload()}}}),[j,x]),(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)(u.Z,{position:"right"}),(0,m.jsx)(c.Z,{position:"right"}),(0,m.jsx)("div",{className:a,children:_?(0,m.jsx)("div",{children:"Loading unread messages..."}):(0,m.jsxs)(m.Fragment,{children:[(0,m.jsx)("button",{className:s,onClick:p,children:"Chat"}),(0,m.jsx)("span",{className:r,children:t})]})})]})}}}]);
-//# sourceMappingURL=935.4d4ca839.chunk.js.map
\ No newline at end of file
diff --git a/static/js/935.4d4ca839.chunk.js.map b/static/js/935.4d4ca839.chunk.js.map
deleted file mode 100644
index d0f08a35..00000000
--- a/static/js/935.4d4ca839.chunk.js.map
+++ /dev/null
@@ -1 +0,0 @@
-{"version":3,"file":"static/js/935.4d4ca839.chunk.js","mappings":"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","sources":["webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","webpack://iotum-samples/./src/pages/popout-chat/submitForm.module.css?9556","pages/popout-chat/App.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"form-wrapper\":\"submitForm_form-wrapper__zNU3U\",\"chatContainer\":\"submitForm_chatContainer__Xcj9R\",\"badge\":\"submitForm_badge__coYDH\",\"biggerButton\":\"submitForm_biggerButton__hfy-z\"};","import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport styles from './submitForm.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport { useSelector } from 'react-redux';\nimport useGuardedRoute from '../../components/hooks/useGuardedRoute';\n\nconst App = () => {\n useGuardedRoute(); // Guard the route\n const [unreadMessages, setUnreadMessages] = useState(0);\n const [isLoading, setIsLoading] = useState(true);\n const widget = useRef(null);\n\n const credentials = useSelector(state => state.credentials);\n\n // Check if all necessary credentials are available\n const areCredentialsValid = credentials.token && credentials.domain && credentials.hostId;\n\n const renderChatWidget = useCallback(() => {\n if (areCredentialsValid) {\n if (!widget.current || !widget.current.instance) {\n widget.current = new Callbridge.Dashboard({\n domain: credentials.domain,\n sso: {\n token: credentials.token,\n hostId: credentials.hostId,\n },\n container: window,\n target: {\n name: \"CallbridgeChatWidget\",\n checkExisting: true,\n }\n }, 'Team');\n\n widget.current.on('dashboard.NAVIGATE', (data) => {\n console.log(\"navigate event\");\n });\n } else if (widget.current.instance) {\n widget.current.instance.focus();\n }\n }\n }, [credentials, areCredentialsValid]);\n\n useEffect(() => {\n if (areCredentialsValid) {\n const hiddenContainer = document.createElement('div');\n hiddenContainer.style.display = 'none';\n document.body.appendChild(hiddenContainer);\n\n const invisibleWidget = new Callbridge.Dashboard({\n domain: credentials.domain,\n sso: {\n token: credentials.token,\n hostId: credentials.hostId,\n },\n container: hiddenContainer,\n target: {\n name: \"InvisibleWidget\",\n checkExisting: true,\n }\n }, 'Team');\n\n invisibleWidget.on('dashboard.UNREAD_MESSAGES', (data) => {\n const sum = Object.values(data.rooms).reduce((m, n) => m + n, 0);\n setUnreadMessages(sum);\n setIsLoading(false);\n });\n\n return () => {\n widget.current?.unload();\n invisibleWidget?.unload();\n };\n }\n }, [credentials, areCredentialsValid]);\n\n return (\n <>\n \n \n
\n {isLoading ? (\n
Loading unread messages...
\n ) : (\n <>\n \n {unreadMessages}\n \n )}\n
\n \n );\n};\n\nexport default App;\n"],"names":["_ref","_ref$position","position","navigate","useNavigate","positionClass","styles","_jsx","children","className","concat","onClick","console","log","useGuardedRoute","_useState","useState","_useState2","_slicedToArray","unreadMessages","setUnreadMessages","_useState3","_useState4","isLoading","setIsLoading","widget","useRef","credentials","useSelector","state","areCredentialsValid","token","domain","hostId","renderChatWidget","useCallback","current","instance","focus","Callbridge","sso","container","window","target","name","checkExisting","on","data","useEffect","hiddenContainer","document","createElement","style","display","body","appendChild","invisibleWidget","sum","Object","values","rooms","reduce","m","n","_widget$current","unload","_jsxs","_Fragment","TokenButton","MenuButton"],"sourceRoot":""}
\ No newline at end of file
diff --git a/static/js/935.cee7ffa5.chunk.js b/static/js/935.cee7ffa5.chunk.js
new file mode 100644
index 00000000..476151a5
--- /dev/null
+++ b/static/js/935.cee7ffa5.chunk.js
@@ -0,0 +1,2 @@
+"use strict";(self.webpackChunkiotum_samples=self.webpackChunkiotum_samples||[]).push([[935],{1374:function(e,n,t){t.d(n,{Z:function(){return c}});t(2791);var o=t(7689),i="MenuButton_menuButton__e9oFw",a="MenuButton_left__d8Tih",s="MenuButton_right__fbjxn",r=t(184);var c=function(e){var n=e.position,t=void 0===n?"left":n,c=(0,o.s0)(),u="right"===t?s:a;return(0,r.jsx)("div",{children:(0,r.jsx)("button",{className:"".concat(i," ").concat(u),onClick:function(){console.log("Menu Button Clicked, Go To the Menu Page."),c("/iotum-samples/menu")},children:"Menu Page"})})}},6935:function(e,n,t){t.r(n),t.d(n,{default:function(){return g}});var o=t(9439),i=t(2791),a="submitForm_chatContainer__Xcj9R",s="submitForm_badge__coYDH",r="submitForm_biggerButton__hfy-z",c=t(5177),u=t(1374),d=t(9074),l=t(9434),h=t(184),g=function(){var e=(0,i.useState)(0),n=(0,o.Z)(e,2),t=n[0],g=n[1],m=(0,i.useState)(!0),f=(0,o.Z)(m,2),v=f[0],b=f[1],_=(0,i.useRef)(null),w=(0,l.v9)((function(e){return e.credentials}));console.log("Credentials:",w);var p=(0,i.useCallback)((function(){console.log("renderChatWidget called"),_.current&&_.current.instance?_.current.instance&&(console.log("Change focus to the existing widget that's open in a new window"),_.current.instance.focus()):(console.log("Create a new widget because the window was closed/there never was a widget"),_.current=new d.Dashboard({domain:w.domain,sso:{token:w.token,hostId:w.hostId},container:window,target:{name:"CallbridgeChatWidget",checkExisting:!0}},"Team"),_.current.on("dashboard.NAVIGATE",(function(e){console.log("navigate event")})))}),[w]);return(0,i.useEffect)((function(){console.log("Setting up invisibleWidget for unread messages");var e=document.createElement("div");e.style.display="none",document.body.appendChild(e);var n=new d.Dashboard({domain:w.domain,sso:{token:w.token,hostId:w.hostId},container:e,target:{name:"InvisibleWidget",checkExisting:!0}},"Team");return n.on("dashboard.UNREAD_MESSAGES",(function(e){var n=Object.values(e.rooms).reduce((function(e,n){return e+n}),0);g(n),b(!1)})),function(){var e;null===(e=_.current)||void 0===e||e.unload(),null===n||void 0===n||n.unload()}}),[w]),(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)(c.Z,{position:"right"}),(0,h.jsx)(u.Z,{position:"right"}),(0,h.jsx)("div",{className:a,children:v?(0,h.jsx)("div",{children:"Loading unread messages..."}):(0,h.jsxs)(h.Fragment,{children:[(0,h.jsx)("button",{className:r,onClick:p,children:"Chat"}),(0,h.jsx)("span",{className:s,children:t})]})})]})}}}]);
+//# sourceMappingURL=935.cee7ffa5.chunk.js.map
\ No newline at end of file
diff --git a/static/js/935.cee7ffa5.chunk.js.map b/static/js/935.cee7ffa5.chunk.js.map
new file mode 100644
index 00000000..232974a4
--- /dev/null
+++ b/static/js/935.cee7ffa5.chunk.js.map
@@ -0,0 +1 @@
+{"version":3,"file":"static/js/935.cee7ffa5.chunk.js","mappings":"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","sources":["webpack://iotum-samples/./src/navigation/MenuButton/MenuButton.module.css?3f77","navigation/MenuButton/MenuButton.js","webpack://iotum-samples/./src/pages/popout-chat/submitForm.module.css?9556","pages/popout-chat/App.js"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"menuButton\":\"MenuButton_menuButton__e9oFw\",\"left\":\"MenuButton_left__d8Tih\",\"right\":\"MenuButton_right__fbjxn\"};","import React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport styles from './MenuButton.module.css'; \r\n\r\nfunction MenuButton({ position = 'left' }) { // 'left' is default if no position is provided\r\n const navigate = useNavigate();\r\n \r\n const handleClick = () => {\r\n console.log('Menu Button Clicked, Go To the Menu Page.');\r\n navigate('/iotum-samples/menu');\r\n };\r\n\r\n // Determine the button position class\r\n const positionClass = position === 'right' ? styles.right : styles.left;\r\n\r\n return (\r\n
\r\n \r\n
\r\n );\r\n}\r\n\r\nexport default MenuButton;\r\n","// extracted by mini-css-extract-plugin\nexport default {\"form-wrapper\":\"submitForm_form-wrapper__zNU3U\",\"chatContainer\":\"submitForm_chatContainer__Xcj9R\",\"badge\":\"submitForm_badge__coYDH\",\"biggerButton\":\"submitForm_biggerButton__hfy-z\"};","import React, { useState, useRef, useCallback, useEffect } from 'react';\nimport styles from './submitForm.module.css';\nimport TokenButton from '../../navigation/TokenButton/TokenButton';\nimport MenuButton from '../../navigation/MenuButton/MenuButton';\nimport * as Callbridge from '@iotum/callbridge-js';\nimport { useSelector } from 'react-redux';\n\nconst App = () => {\n const [unreadMessages, setUnreadMessages] = useState(0);\n const [isLoading, setIsLoading] = useState(true);\n const widget = useRef(null);\n\n const credentials = useSelector(state => state.credentials);\n console.log(\"Credentials:\", credentials);\n\n // Function to render the chat widget\n const renderChatWidget = useCallback(() => {\n console.log('renderChatWidget called'); // Debugging log\n if (!widget.current || !widget.current.instance) {\n console.log(\"Create a new widget because the window was closed/there never was a widget\");\n\n widget.current = new Callbridge.Dashboard({\n domain: credentials.domain,\n sso: {\n token: credentials.token,\n hostId: credentials.hostId,\n },\n container: window,\n target: {\n name: \"CallbridgeChatWidget\",\n checkExisting: true,\n }\n }, 'Team');\n\n widget.current.on('dashboard.NAVIGATE', (data) => {\n console.log(\"navigate event\");\n });\n } else if (widget.current.instance) {\n console.log(\"Change focus to the existing widget that's open in a new window\");\n widget.current.instance.focus();\n }\n }, [credentials]);\n\n // Effect for handling unread messages event\n useEffect(() => {\n console.log('Setting up invisibleWidget for unread messages'); // Debugging log\n\n const hiddenContainer = document.createElement('div');\n hiddenContainer.style.display = 'none';\n document.body.appendChild(hiddenContainer);\n \n const invisibleWidget = new Callbridge.Dashboard({\n domain: credentials.domain,\n sso: {\n token: credentials.token,\n hostId: credentials.hostId,\n },\n container: hiddenContainer,\n target: {\n name: \"InvisibleWidget\",\n checkExisting: true,\n }\n }, 'Team');\n\n invisibleWidget.on('dashboard.UNREAD_MESSAGES', (data) => {\n const sum = Object.values(data.rooms).reduce((m, n) => m + n, 0);\n setUnreadMessages(sum);\n setIsLoading(false);\n });\n\n // Cleanup function\n return () => {\n\n widget.current?.unload()\n invisibleWidget?.unload()\n\n };\n }, [credentials]);\n\n return (\n <>\n \n \n