{"version":3,"sources":["webpack:///./src/views/Chat.vue?cfe0","webpack:///src/views/Chat.vue","webpack:///./src/views/Chat.vue?f7e2","webpack:///./src/views/Chat.vue?72d9","webpack:///./src/views/Chat.vue?507c"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","_l","message","key","id","class","role","_s","domProps","html","_e","isLoading","on","sendMessage","$event","type","indexOf","_k","keyCode","model","value","callback","$$v","input","expression","staticRenderFns","component","VAlert","VCard","VCardActions","VCardText","VCardTitle","VIcon","VList","VListItem","VListItemContent","VListItemIcon","VProgressCircular","VTextField"],"mappings":"+IAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,SAAS,CAACE,YAAY,oBAAoB,CAACF,EAAG,eAAe,CAACE,YAAY,qBAAqB,CAACN,EAAIO,GAAG,mDAAmDH,EAAG,cAAc,CAACE,YAAY,oBAAoB,CAACF,EAAG,SAAS,CAACE,YAAY,mBAAmBE,MAAM,CAAC,QAAU,KAAK,CAACJ,EAAG,cAAc,CAACE,YAAY,gBAAgBE,MAAM,CAAC,KAAO,KAAK,CAACJ,EAAG,mBAAmB,CAACA,EAAG,SAAS,CAACI,MAAM,CAAC,MAAQ,QAAQ,CAACR,EAAIO,GAAG,gEAAgE,GAAGH,EAAG,sBAAsB,CAACJ,EAAIO,GAAG,0GAA0G,GAAGP,EAAIS,GAAIT,EAAY,UAAE,SAASU,GAAS,OAAON,EAAG,cAAc,CAACO,IAAID,EAAQE,GAAGC,MAAuB,SAAjBH,EAAQI,KAAkB,eAAiB,eAAe,CAACV,EAAG,mBAAmB,CAACA,EAAG,SAAS,CAACJ,EAAIO,GAAG,6BAA6BP,EAAIe,GAAoB,SAAjBL,EAAQI,KAAkB,cAAgB,aAAa,6BAA6B,GAAGV,EAAG,sBAAsB,CAACA,EAAG,MAAM,CAACY,SAAS,CAAC,UAAYhB,EAAIe,GAAGL,EAAQO,YAAY,MAAMjB,EAAa,UAAEI,EAAG,cAAc,CAACE,YAAY,eAAe,CAACF,EAAG,sBAAsB,CAACA,EAAG,sBAAsB,CAACI,MAAM,CAAC,cAAgB,GAAG,MAAQ,cAAc,IAAI,GAAGR,EAAIkB,MAAM,IAAI,GAAGd,EAAG,iBAAiB,CAACA,EAAG,eAAe,CAACI,MAAM,CAAC,OAAS,GAAG,aAAa,mBAAmB,UAAY,GAAG,oBAAoB,WAAW,eAAe,WAAW,MAAQ,sBAAsB,SAAWR,EAAImB,WAAWC,GAAG,CAAC,qBAAqBpB,EAAIqB,YAAY,MAAQ,SAASC,GAAQ,OAAIA,EAAOC,KAAKC,QAAQ,QAAQxB,EAAIyB,GAAGH,EAAOI,QAAQ,QAAQ,GAAGJ,EAAOX,IAAI,SAAkB,KAAcX,EAAIqB,YAAYC,KAAUK,MAAM,CAACC,MAAO5B,EAAS,MAAE6B,SAAS,SAAUC,GAAM9B,EAAI+B,MAAMD,GAAKE,WAAW,YAAY,IAAI,GAAG5B,EAAG,UAAU,CAACE,YAAY,OAAOE,MAAM,CAAC,MAAQ,UAAU,KAAO,KAAK,CAACJ,EAAG,QAAQ,CAACA,EAAG,SAAS,CAACJ,EAAIO,GAAG,aAAaP,EAAIO,GAAG,sfAAsf,IAC74E0B,EAAkB,GCoEtB,GACE,MAAF,GAEE,KAHF,WAII,MAAJ,CACM,SAAN,GACM,MAAN,GACM,WAAN,IAGE,QAAF,CACI,YADJ,WACM,IAAN,OACA,oBACA,IAGM,KAAN,eACQ,GAAR,WACQ,KAAR,OACQ,QAAR,EACQ,KAAR,IAGM,KAAN,aACM,KAAN,uDACQ,IAAR,kCACQ,EAAR,eACU,GAAV,WACU,KAAV,YACU,QAAV,OACU,KAAV,OAEA,oBACQ,EAAR,aACQ,EAAR,gBCvG8U,I,qKCQ1UC,EAAY,eACd,EACAnC,EACAkC,GACA,EACA,KACA,WACA,MAIa,aAAAC,EAAiB,QAgBhC,IAAkBA,EAAW,CAACC,SAAA,KAAOC,QAAA,KAAMC,aAAA,OAAaC,UAAA,OAAUC,WAAA,OAAWC,QAAA,KAAMC,QAAA,KAAMC,YAAA,KAAUC,iBAAA,OAAiBC,gBAAA,KAAcC,oBAAA,KAAkBC,aAAA,Q,oCCnCpJ","file":"js/chat~d22f7946.a04044ab.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('v-card',{staticClass:\"chat-dialog ma-2\"},[_c('v-card-title',{staticClass:\"chat-dialog-title\"},[_vm._v(\"\\n        AI SlaAPP Chat (Bèta Version)\\n    \")]),_c('v-card-text',{staticClass:\"chat-dialog-text\"},[_c('v-list',{staticClass:\"chat-dialog-list\",attrs:{\"rounded\":\"\"}},[_c('v-list-item',{staticClass:\"alert-message\",attrs:{\"dark\":\"\"}},[_c('v-list-item-icon',[_c('v-icon',{attrs:{\"color\":\"red\"}},[_vm._v(\"\\n                        mdi-alert\\n                    \")])],1),_c('v-list-item-content',[_vm._v(\"\\n                    Deze chatbot is in Bèta modus. Lees de disclaimer onderaan.\\n                \")])],1),_vm._l((_vm.messages),function(message){return _c('v-list-item',{key:message.id,class:message.role === 'user' ? 'user-message' : 'bot-message'},[_c('v-list-item-icon',[_c('v-icon',[_vm._v(\"\\n                        \"+_vm._s(message.role === 'user' ? 'mdi-account' : 'mdi-robot')+\"\\n                    \")])],1),_c('v-list-item-content',[_c('div',{domProps:{\"innerHTML\":_vm._s(message.html)}})])],1)}),(_vm.isLoading)?_c('v-list-item',{staticClass:\"bot-message\"},[_c('v-list-item-content',[_c('v-progress-circular',{attrs:{\"indeterminate\":\"\",\"color\":\"primary\"}})],1)],1):_vm._e()],2)],1),_c('v-card-actions',[_c('v-text-field',{attrs:{\"filled\":\"\",\"clear-icon\":\"mdi-close-circle\",\"clearable\":\"\",\"append-outer-icon\":\"mdi-send\",\"prepend-icon\":\"mdi-chat\",\"label\":\"Type hier uw vraag.\",\"disabled\":_vm.isLoading},on:{\"click:append-outer\":_vm.sendMessage,\"keyup\":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,\"enter\",13,$event.key,\"Enter\")){ return null; }return _vm.sendMessage($event)}},model:{value:(_vm.input),callback:function ($$v) {_vm.input=$$v},expression:\"input\"}})],1)],1),_c('v-alert',{staticClass:\"ma-2\",attrs:{\"color\":\"primary\",\"dark\":\"\"}},[_c('small',[_c('strong',[_vm._v(\"Let op:\")]),_vm._v(\" Het gebruik van onze AI-chatbot is op eigen risico. Onze chatbot kan algemene informatie en advies verstrekken, maar het is belangrijk op te merken dat de informatie niet bedoeld is als vervanging voor professioneel medisch advies, diagnose of behandeling. Raadpleeg altijd een gekwalificeerde zorgverlener als u gezondheidsproblemen heeft of vragen heeft over uw medische toestand. Wij zijn niet verantwoordelijk voor enige schade of verlies dat voortvloeit uit het gebruik van onze chatbot.\")])])],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n    <div>\r\n        <v-card class=\"chat-dialog ma-2\">\r\n        <v-card-title class=\"chat-dialog-title\">\r\n            AI SlaAPP Chat (Bèta Version)\r\n        </v-card-title>\r\n        <v-card-text class=\"chat-dialog-text\">\r\n            <v-list class=\"chat-dialog-list\" rounded >\r\n                <v-list-item\r\n                dark\r\n                class=\"alert-message\">\r\n                    <v-list-item-icon>\r\n                        <v-icon color=\"red\">\r\n                            mdi-alert\r\n                        </v-icon>\r\n                    </v-list-item-icon> \r\n                    <v-list-item-content>\r\n                        Deze chatbot is in Bèta modus. Lees de disclaimer onderaan.\r\n                    </v-list-item-content>\r\n                </v-list-item>\r\n                <v-list-item\r\n                    v-for=\"message in messages\"\r\n                    :key=\"message.id\"\r\n                    :class=\"message.role === 'user' ? 'user-message' : 'bot-message'\"\r\n                >\r\n                    <v-list-item-icon>\r\n                        <v-icon>\r\n                            {{ message.role === 'user' ? 'mdi-account' : 'mdi-robot' }}\r\n                        </v-icon>\r\n                    </v-list-item-icon>\r\n\r\n                    <v-list-item-content > \r\n                        <div v-html=\"message.html\"></div>\r\n                    </v-list-item-content>\r\n                </v-list-item>\r\n                <v-list-item\r\n                    v-if=\"isLoading\"\r\n                    class=\"bot-message\">\r\n                    <v-list-item-content>\r\n                        <v-progress-circular\r\n                            indeterminate\r\n                            color=\"primary\"\r\n                        ></v-progress-circular>\r\n                    </v-list-item-content>\r\n                </v-list-item>\r\n            </v-list>\r\n        </v-card-text>\r\n        <v-card-actions>\r\n            <v-text-field\r\n                filled\r\n                clear-icon=\"mdi-close-circle\"\r\n                clearable\r\n                @click:append-outer=\"sendMessage\"\r\n                append-outer-icon=\"mdi-send\"\r\n                prepend-icon=\"mdi-chat\"\r\n                v-model=\"input\"\r\n                label=\"Type hier uw vraag.\"\r\n                :disabled=\"isLoading\"\r\n                @keyup.enter=\"sendMessage\"\r\n            ></v-text-field>\r\n        </v-card-actions>\r\n        </v-card>\r\n        <v-alert class=\"ma-2\" color=\"primary\" dark>\r\n            <small ><strong>Let op:</strong> Het gebruik van onze AI-chatbot is op eigen risico. Onze chatbot kan algemene informatie en advies verstrekken, maar het is belangrijk op te merken dat de informatie niet bedoeld is als vervanging voor professioneel medisch advies, diagnose of behandeling. Raadpleeg altijd een gekwalificeerde zorgverlener als u gezondheidsproblemen heeft of vragen heeft over uw medische toestand. Wij zijn niet verantwoordelijk voor enige schade of verlies dat voortvloeit uit het gebruik van onze chatbot.</small>\r\n        </v-alert>\r\n    </div>\r\n  </template>\r\n  \r\n  <script>\r\n  export default {\r\n    props: {\r\n    },\r\n    data() {\r\n      return {\r\n        messages: [],\r\n        input: \"\",\r\n        isLoading: false\r\n      };\r\n    },\r\n    methods: {\r\n      sendMessage() {\r\n        const text = this.input.trim();\r\n        if (!text) {\r\n          return;\r\n        }\r\n        this.messages.push({\r\n          id: Date.now(),\r\n          role: \"user\",\r\n          content: text,\r\n          html: text\r\n        });\r\n\r\n        this.isLoading = true;\r\n        this.$http.post('api/Chat', this.messages).then((res) => {\r\n            var htmlResponse = res.data.replaceAll(\"\\n\", \"</br>\");\r\n            this.messages.push({\r\n                id: Date.now(),\r\n                role: \"assistant\",\r\n                content: res.data,\r\n                html: htmlResponse\r\n            });\r\n        }).finally(() => {\r\n            this.isLoading = false;\r\n            this.input = \"\";\r\n        })\r\n        // TODO: Send message to server and get response\r\n        // For demo purposes, simulate bot response after 1 second\r\n        // setTimeout(() => {\r\n        //   this.messages.push({\r\n        //     id: Date.now(),\r\n        //     type: \"bot\",\r\n        //     text: \"I'm sorry, I don't understand.\",\r\n        //   });\r\n        // }, 1000);\r\n      },\r\n    },\r\n  };\r\n  </script>\r\n  \r\n  <style scoped>\r\n  .chat-dialog {\r\n    /* width: 400px; */\r\n    height: 100%;\r\n    margin: auto;\r\n  }\r\n  .chat-dialog-title {\r\n    background-color: #eeeeee;\r\n    text-align: center;\r\n  }\r\n  .chat-dialog-text {\r\n    min-height: 300px;\r\n    overflow-y: auto;\r\n    padding: 16px;\r\n  }\r\n  .chat-dialog-list {\r\n    display: flex;\r\n    flex-direction: column;\r\n  }\r\n  .user-message {\r\n    align-self: flex-end;\r\n    max-width: 80%;\r\n    background-color: #768d6e;\r\n    color: #ffffff;\r\n  }\r\n  .bot-message {\r\n    align-self: flex-start;\r\n    max-width: 80%;\r\n    background-color: #f0f3ec;\r\n    color: #333333;\r\n  }\r\n  .alert-message {\r\n    align-self: flex-start;\r\n    max-width: 80%;\r\n    background-color: #354F52;\r\n    color: #ffffff;\r\n  }\r\n  .chat-dialog-actions {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 16px;\r\n  }\r\n  </style>\r\n  ","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./Chat.vue?vue&type=template&id=02c25ea6&scoped=true&\"\nimport script from \"./Chat.vue?vue&type=script&lang=js&\"\nexport * from \"./Chat.vue?vue&type=script&lang=js&\"\nimport style0 from \"./Chat.vue?vue&type=style&index=0&id=02c25ea6&scoped=true&lang=css&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"02c25ea6\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VAlert } from 'vuetify/lib/components/VAlert';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VList } from 'vuetify/lib/components/VList';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\nimport { VListItemIcon } from 'vuetify/lib/components/VList';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VTextField } from 'vuetify/lib/components/VTextField';\ninstallComponents(component, {VAlert,VCard,VCardActions,VCardText,VCardTitle,VIcon,VList,VListItem,VListItemContent,VListItemIcon,VProgressCircular,VTextField})\n","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../node_modules/css-loader/index.js??ref--6-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Chat.vue?vue&type=style&index=0&id=02c25ea6&scoped=true&lang=css&\""],"sourceRoot":""}