@vamlabs/vam-chatbot 0.1.63 → 0.1.65

package/dist/web-component.js

@@ -52,6 +52,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./components/Carousal.jsx":
+/*!*********************************!*\
+  !*** ./components/Carousal.jsx ***!
+  \*********************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _Carousal_module_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./Carousal.module.css */ \"./components/Carousal.module.css\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! framer-motion */ \"./node_modules/framer-motion/dist/es/components/LazyMotion/index.mjs\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! framer-motion */ \"./node_modules/framer-motion/dist/es/render/dom/features-animation.mjs\");\n/* harmony import */ var framer_motion__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! framer-motion */ \"./node_modules/framer-motion/dist/es/render/components/m/proxy.mjs\");\n/* harmony import */ var _utils_variants__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../utils/variants */ \"./utils/variants.js\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\nfunction Carousal(_ref) {\n  let {\n    images = []\n  } = _ref;\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_3__.LazyMotion, {\n    features: framer_motion__WEBPACK_IMPORTED_MODULE_4__.domAnimation,\n    children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(framer_motion__WEBPACK_IMPORTED_MODULE_5__.m.div, {\n      id: \"carousel-container\",\n      className: \"carousel slide w-100\"\n      // data-bs-ride=\"carousel\"\n      ,\n      initial: \"hide\",\n      whileInView: \"show\",\n      viewport: {\n        once: true\n      },\n      variants: _utils_variants__WEBPACK_IMPORTED_MODULE_1__.chatbotImageVariants,\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n        className: `carousel-inner ${_Carousal_module_css__WEBPACK_IMPORTED_MODULE_0__[\"default\"].carousalInner}`,\n        children: [images[0]].map((image, index) => /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"div\", {\n          className: `carousel-item d-flex ${index === 0 ? \"active\" : \"\"} ${_Carousal_module_css__WEBPACK_IMPORTED_MODULE_0__[\"default\"].carousalItem}`,\n          children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_2__.jsx)(\"img\", {\n            src: image,\n            className: \"d-block w-100 object-fit-contain\",\n            alt: \"carousal item\"\n          })\n        }, `carousal-item-${index}`))\n      })\n    })\n  });\n}\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Carousal);\n\n//# sourceURL=webpack://VamChatbot/./components/Carousal.jsx?");
+
+/***/ }),
+
 /***/ "./components/ChatbotBody.jsx":
 /*!************************************!*\
   !*** ./components/ChatbotBody.jsx ***!
@@ -92,7 +103,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var marked__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! marked */ \"./node_modules/marked/lib/marked.esm.js\");\n/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dompurify */ \"./node_modules/dompurify/dist/purify.js\");\n/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Chatbot.module.css */ \"./Chatbot.module.css\");\n/* harmony import */ var _SourceList__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./SourceList */ \"./components/SourceList.jsx\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _Typewriter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./Typewriter */ \"./components/Typewriter.jsx\");\n/* harmony import */ var _PromotedTopics__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./PromotedTopics */ \"./components/PromotedTopics.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n// import Carousal from \"./Carousal\";\n\n\n\n\n\nconst markdownToHtml = markdown => {\n  let htmlResponse = \"\";\n  dompurify__WEBPACK_IMPORTED_MODULE_1___default().addHook(\"afterSanitizeAttributes\", function (node) {\n    // set all elements owning target to target=_blank\n    if (\"target\" in node) {\n      node.setAttribute(\"target\", \"_blank\");\n      node.setAttribute(\"rel\", \"noopener noreferrer\");\n    }\n  });\n  try {\n    htmlResponse = dompurify__WEBPACK_IMPORTED_MODULE_1___default().sanitize(marked__WEBPACK_IMPORTED_MODULE_0__.marked.parse(markdown));\n  } catch (error) {\n    console.log(error);\n  }\n  return htmlResponse;\n};\nfunction MessageCore(_ref) {\n  let {\n    chatbotIcon,\n    messageText,\n    messageReferenceLinks,\n    messageImageLinks,\n    messageSource,\n    messageStatus,\n    promotedTopics,\n    typewriterEffect\n  } = _ref;\n  let messageProps = {};\n  if (messageSource === \"user\") {\n    messageProps.backgroundColor = \"var(--chatbot-user-bubble-color)\";\n  } else if (messageSource === \"bot\") {\n    messageProps.backgroundColor = \"var(--chatbot-bot-bubble-color)\";\n  } else if (messageSource === \"error\") {\n    messageProps.justifyDirection = \"center\";\n  }\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(\"div\", {\n    className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].message,\n    style: {\n      color: messageSource === \"error\" ? \"red\" : \"\",\n      justifyContent: messageProps?.justifyDirection,\n      flexDirection: messageSource === \"user\" ? \"row-reverse\" : \"\"\n    },\n    children: [messageSource === \"user\" ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(\"i\", {\n      className: \"bi bi-person-circle\",\n      style: {\n        color: \"var(--chatbot-user-icon-color)\"\n      }\n    }) : messageSource === \"bot\" ? chatbotIcon && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(\"img\", {\n      src: chatbotIcon,\n      alt: \"chatbot icon\",\n      className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].chatbotIcon\n    }) : \"\", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(\"div\", {\n      className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].messageBody,\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsxs)(\"div\", {\n        className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].messageText,\n        style: {\n          backgroundColor: messageProps.backgroundColor,\n          color: messageSource === \"error\" ? \"red\" : messageSource === \"user\" ? \"var(--chatbot-user-text-color)\" : \"var(--chatbot-bot-text-color)\"\n        },\n        children: [typewriterEffect ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_Typewriter__WEBPACK_IMPORTED_MODULE_5__[\"default\"], {\n          text: markdownToHtml(messageText)\n        }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(\"span\", {\n          className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].markdownToHtmlContainer,\n          dangerouslySetInnerHTML: {\n            __html: markdownToHtml(messageText)\n          }\n        }), messageStatus === \"done\" && promotedTopics?.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_PromotedTopics__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n          data: promotedTopics\n        }), messageStatus === \"done\" && messageReferenceLinks?.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(_SourceList__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n          sources: messageReferenceLinks\n        })]\n      })\n    })]\n  });\n}\n\n// wrap the component in useMemo() to re-render\n// only the latest Message when streaming response\nconst Message = _ref2 => {\n  let {\n    chatbotIcon,\n    messageText,\n    messageReferenceLinks,\n    messageImageLinks,\n    messageSource,\n    messageStatus,\n    promotedTopics,\n    typewriterEffect\n  } = _ref2;\n  return (0,react__WEBPACK_IMPORTED_MODULE_4__.useMemo)(() => {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_7__.jsx)(MessageCore, {\n      chatbotIcon: chatbotIcon,\n      messageText: messageText,\n      messageReferenceLinks: messageReferenceLinks,\n      messageImageLinks: messageImageLinks,\n      messageSource: messageSource,\n      messageStatus: messageStatus,\n      promotedTopics: promotedTopics,\n      typewriterEffect: typewriterEffect\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [messageText, messageStatus, chatbotIcon]);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Message);\n\n//# sourceURL=webpack://VamChatbot/./components/Message.jsx?");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var marked__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! marked */ \"./node_modules/marked/lib/marked.esm.js\");\n/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! dompurify */ \"./node_modules/dompurify/dist/purify.js\");\n/* harmony import */ var dompurify__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(dompurify__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../Chatbot.module.css */ \"./Chatbot.module.css\");\n/* harmony import */ var _Carousal__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./Carousal */ \"./components/Carousal.jsx\");\n/* harmony import */ var _SourceList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./SourceList */ \"./components/SourceList.jsx\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! react */ \"./node_modules/react/index.js\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _Typewriter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./Typewriter */ \"./components/Typewriter.jsx\");\n/* harmony import */ var _PromotedTopics__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./PromotedTopics */ \"./components/PromotedTopics.jsx\");\n/* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! react/jsx-runtime */ \"./node_modules/react/jsx-runtime.js\");\n\n\n\n\n\n\n\n\n\nconst markdownToHtml = markdown => {\n  let htmlResponse = \"\";\n  dompurify__WEBPACK_IMPORTED_MODULE_1___default().addHook(\"afterSanitizeAttributes\", function (node) {\n    // set all elements owning target to target=_blank\n    if (\"target\" in node) {\n      node.setAttribute(\"target\", \"_blank\");\n      node.setAttribute(\"rel\", \"noopener noreferrer\");\n    }\n  });\n  try {\n    htmlResponse = dompurify__WEBPACK_IMPORTED_MODULE_1___default().sanitize(marked__WEBPACK_IMPORTED_MODULE_0__.marked.parse(markdown));\n  } catch (error) {\n    console.log(error);\n  }\n  return htmlResponse;\n};\nfunction MessageCore(_ref) {\n  let {\n    chatbotIcon,\n    messageText,\n    messageReferenceLinks,\n    messageImageLinks,\n    messageSource,\n    messageStatus,\n    promotedTopics,\n    typewriterEffect\n  } = _ref;\n  let messageProps = {};\n  if (messageSource === \"user\") {\n    messageProps.backgroundColor = \"var(--chatbot-user-bubble-color)\";\n  } else if (messageSource === \"bot\") {\n    messageProps.backgroundColor = \"var(--chatbot-bot-bubble-color)\";\n  } else if (messageSource === \"error\") {\n    messageProps.justifyDirection = \"center\";\n  }\n  return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(\"div\", {\n    className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].message,\n    style: {\n      color: messageSource === \"error\" ? \"red\" : \"\",\n      justifyContent: messageProps?.justifyDirection,\n      flexDirection: messageSource === \"user\" ? \"row-reverse\" : \"\"\n    },\n    children: [messageSource === \"user\" ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"i\", {\n      className: \"bi bi-person-circle\",\n      style: {\n        color: \"var(--chatbot-user-icon-color)\"\n      }\n    }) : messageSource === \"bot\" ? chatbotIcon && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"img\", {\n      src: chatbotIcon,\n      alt: \"chatbot icon\",\n      className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].chatbotIcon\n    }) : \"\", /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"div\", {\n      className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].messageBody,\n      children: /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsxs)(\"div\", {\n        className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].messageText,\n        style: {\n          backgroundColor: messageProps.backgroundColor,\n          color: messageSource === \"error\" ? \"red\" : messageSource === \"user\" ? \"var(--chatbot-user-text-color)\" : \"var(--chatbot-bot-text-color)\"\n        },\n        children: [typewriterEffect ? /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Typewriter__WEBPACK_IMPORTED_MODULE_6__[\"default\"], {\n          text: markdownToHtml(messageText)\n        }) : /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(\"span\", {\n          className: _Chatbot_module_css__WEBPACK_IMPORTED_MODULE_2__[\"default\"].markdownToHtmlContainer,\n          dangerouslySetInnerHTML: {\n            __html: markdownToHtml(messageText)\n          }\n        }), messageStatus === \"done\" && promotedTopics?.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_PromotedTopics__WEBPACK_IMPORTED_MODULE_7__[\"default\"], {\n          data: promotedTopics\n        }), messageImageLinks?.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_Carousal__WEBPACK_IMPORTED_MODULE_3__[\"default\"], {\n          images: messageImageLinks\n        }), messageStatus === \"done\" && messageReferenceLinks?.length > 0 && /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(_SourceList__WEBPACK_IMPORTED_MODULE_4__[\"default\"], {\n          sources: messageReferenceLinks\n        })]\n      })\n    })]\n  });\n}\n\n// wrap the component in useMemo() to re-render\n// only the latest Message when streaming response\nconst Message = _ref2 => {\n  let {\n    chatbotIcon,\n    messageText,\n    messageReferenceLinks,\n    messageImageLinks,\n    messageSource,\n    messageStatus,\n    promotedTopics,\n    typewriterEffect\n  } = _ref2;\n  return (0,react__WEBPACK_IMPORTED_MODULE_5__.useMemo)(() => {\n    return /*#__PURE__*/(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_8__.jsx)(MessageCore, {\n      chatbotIcon: chatbotIcon,\n      messageText: messageText,\n      messageReferenceLinks: messageReferenceLinks,\n      messageImageLinks: messageImageLinks,\n      messageSource: messageSource,\n      messageStatus: messageStatus,\n      promotedTopics: promotedTopics,\n      typewriterEffect: typewriterEffect\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [messageText, messageStatus, chatbotIcon]);\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (Message);\n\n//# sourceURL=webpack://VamChatbot/./components/Message.jsx?");
 
 /***/ }),
 
@@ -224,7 +235,7 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 /***/ ((module, __webpack_exports__, __webpack_require__) => {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.bOJfQLIDdUlPEJzIVy0q {\n  --chatbot-height: 70%;\n  --chatbot-width: 30%;\n  --chatbot-header-height: 50px;\n  --chatbot-footer-height: 80px;\n  --chatbot-footer-input-height: 40px;\n  --chatbot-circle-radius: 70px;\n  --chatbot-spacing-x: 10px;\n  --chatbot-spacing-y: 10px;\n  --chatbot-border-radius: 10px;\n}\n\n@media only screen and (max-width: 1280px) {\n  .bOJfQLIDdUlPEJzIVy0q {\n    --chatbot-width: 50%;\n    --chatbot-height: 80%;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .bOJfQLIDdUlPEJzIVy0q {\n    --chatbot-width: 100%;\n    --chatbot-height: 100%;\n    --chatbot-header-height: 70px;\n    --chatbot-spacing-x: 0px;\n    --chatbot-spacing-y: 0px;\n    --chatbot-border-radius: 0px;\n  }\n}\n\n.bOJfQLIDdUlPEJzIVy0q {\n}\n\n.mrPuzpzfdEmQSyTxnvxI {\n  font-family: \"Open Sans\", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 600;\n  font-style: normal;\n  font-variation-settings: \"wdth\" 90;\n  position: fixed;\n  overflow: hidden;\n  border-radius: var(--chatbot-border-radius);\n  bottom: var(--chatbot-spacing-y);\n  right: var(--chatbot-spacing-x);\n  height: var(--chatbot-height);\n  width: var(--chatbot-width);\n  box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n  z-index: 99999;\n}\n\n.QJ6c9UPW4NdCwINA2KKw {\n  position: absolute;\n  width: 100%;\n  background-color: var(--chatbot-header-color);\n  padding: 0 10px;\n  border-bottom: 0.5px solid var(--chatbot-border-color);\n  z-index: 99998;\n  height: var(--chatbot-header-height);\n}\n\n.BAciNorgEk8q0Hjvg_Nd {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: white;\n  font-size: 1.4rem;\n\n  button,\n  button:hover {\n    background-color: var(--chatbot-header-color);\n    color: var(--chatbot-header-text-color);\n    border: none;\n  }\n}\n\n.rDNjthKTeHigjuhTaXFw {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  align-items: flex-start;\n  /* Align items to the start (left) */\n  justify-content: center;\n  /* Center vertically within the container */\n  /* padding-left: 10px; */\n  /* Add padding to push it away from the edge */\n}\n\n.qhIJF8jtTVHpl14phrvO {\n  font-weight: 700;\n  text-align: start;\n  color: var(--chatbot-header-text-color);\n}\n\n.bJ4qOXuizp8yq01SFRbe {\n  font-weight: 700;\n  font-size: 0.4rem;\n  text-align: start;\n}\n\n.M84EXuBJb0ITHqmcP033 {\n  margin-top: var(--chatbot-header-height);\n  font-size: 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: var(--chatbot-background-color);\n  height: calc(100% - var(--chatbot-header-height));\n}\n\n.KJH5XQVgMgo5xa6hVmpQ {\n  .uodJA65d3QSnFHHi6wEE {\n    row-gap: 10px;\n    column-gap: 10px;\n    padding: 0 20px;\n  }\n  .yMV8jdykQ0p_dG9sc2yK {\n    gap: 10px;\n    border-radius: 10px;\n    padding: 5px 12px;\n    cursor: pointer;\n    color: var(--chatbot-prompt-text-color);\n\n    .OFNqcCdonr5dxzTTZ3zK {\n      font-size: 0.85rem;\n    }\n  }\n}\n\n.F4te4w0Rg9nYSlvqoOuU {\n  overflow: auto;\n}\n\n.y3GymRJmY0MX41NX3xWJ {\n  width: 45px;\n  height: 45px;\n}\n\n.soVXB5uMOlUUVHtMVzBV,\n.BAciNorgEk8q0Hjvg_Nd {\n  .y3GymRJmY0MX41NX3xWJ {\n    width: 40px;\n    height: 40px;\n  }\n}\n\n.soVXB5uMOlUUVHtMVzBV {\n  display: flex;\n  gap: 10px;\n  height: fit-content;\n  padding: 10px 20px;\n\n  .On7UzyczZB0EFpZn8hAO {\n    border-radius: 10px;\n    padding: 5px 10px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n  }\n\n  i {\n    font-size: 24px;\n  }\n}\n\n.ys2v0_nbj9UZ2GtmsGFl {\n  display: flex;\n  flex-direction: column;\n}\n\n.uodJA65d3QSnFHHi6wEE {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 20px;\n  column-gap: 15px;\n  justify-content: center;\n  padding: 20px 10px 20px 10px;\n}\n\n.yMV8jdykQ0p_dG9sc2yK {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  height: fit-content;\n  background-color: var(--chatbot-prompt-background-color);\n  border-radius: 10px;\n  padding: 10px 30px;\n  border: none;\n  font-variation-settings: \"wdth\" 90;\n  font-weight: 600;\n  color: var(--chatbot-prompt-text-color);\n\n  .OFNqcCdonr5dxzTTZ3zK {\n    font-size: 0.85rem;\n  }\n}\n\n.yMV8jdykQ0p_dG9sc2yK:disabled {\n  cursor: not-allowed;\n}\n\n.ePwR5gBjQ2sQwKScmcAF {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 30px;\n  max-width: 30px;\n  height: 30px;\n  border-radius: 30px;\n  background-color: grey;\n}\n\n.n5EFd7Gb3khLARy7SBEE {\n  display: block;\n  text-align: center;\n  font-size: 0.7rem;\n  font-weight: 700;\n  margin: 2px 0;\n  background: linear-gradient(to bottom, #39cff6, #ad84ff);\n  background-clip: text;\n  color: transparent;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt {\n  width: 95%;\n  margin: 0 auto 10px;\n  /* Centering the footer with margin auto */\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n}\n\n.ibnXsq4b88cDDvfQQgYn {\n  display: flex;\n  align-items: center;\n  min-height: var(--chatbot-footer-input-height);\n  height: var(--chatbot-footer-input-height);\n  border-radius: 10px;\n  overflow: hidden;\n\n  i {\n    font-size: 1.75rem;\n  }\n  /* Ensures the button and input are nicely clipped within the border radius */\n}\n\n.vJUKQIrYod4Q56Cduawg {\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n\n.vJUKQIrYod4Q56Cduawg .fy7pExJR53Br8Rva0_mA {\n  color: var(--chatbot-header-color);\n  /* Initial color, change this to your default icon color */\n  transition: color 0.3s ease;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt input {\n  font-family: \"Open Sans\", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 600;\n  font-style: normal;\n  font-variation-settings: \"wdth\" 95;\n  color: var(--chatbot-input-text-color);\n  background-color: var(--chatbot-background-color);\n  border: none;\n  padding: 0 10px;\n  width: 100%;\n  height: 100%;\n  outline: none;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt input:focus {\n  border-color: var(--chatbot-user-bubble-color);\n  box-shadow: 0 10 10px var(--chatbot-user-bubble-color);\n  /* Adds a glow effect on focus */\n}\n\n.ibnXsq4b88cDDvfQQgYn button {\n  background-color: var(--chatbot-background-color);\n  border: none;\n  padding: 0 15px;\n  /* Extra padding for the button */\n  color: var(--chatbot-footer-icon-color);\n  cursor: pointer;\n  transition: color 0.3s ease;\n}\n\n.ibnXsq4b88cDDvfQQgYn button:hover {\n  color: var(--chatbot-footericons-hover-color);\n  /* filter: brightness(2); */\n  /* Optional: hover effect for the button */\n}\n\n.ibnXsq4b88cDDvfQQgYn button:disabled {\n  opacity: 0.6;\n  /* Makes the button appear disabled */\n  cursor: not-allowed;\n  /* Changes cursor to indicate it's disabled */\n}\n\n.nW2NG3krvonnMg3Rivul {\n  position: fixed;\n  bottom: var(--chatbot-spacing-y);\n  right: var(--chatbot-spacing-x);\n  width: 0px;\n  height: 0px;\n  opacity: 0;\n  z-index: 99999;\n\n  .O6vpXieYIso2cRwekQqD {\n    bottom: calc(var(--chatbot-circle-radius) + 20px);\n    position: absolute;\n    right: 10px;\n    width: 200px;\n    background-color: var(--chatbot-popup-background-color);\n    color: var(--chatbot-popup-text-color);\n    border-radius: 10px 10px 0 10px;\n    padding: 15px;\n    box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n    button,\n    button:hover {\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  /* Triangle effect on the bottom right of the popup */\n  .gx3uioPf7XBH183XzIsX:after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    right: 0;\n    border-width: 10px;\n    border-style: solid;\n    border-color: var(--chatbot-popup-background-color) transparent transparent\n      transparent;\n  }\n\n  .SnDh_4tosUOepmnQ6qtw {\n    position: absolute;\n    top: -25px;\n    right: 0px;\n    color: rgb(98, 97, 97);\n  }\n}\n\n.JU97fmgoNdy3Tfye2Dws {\n  border-radius: 50px;\n  background-color: var(--chatbot-circle-background-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  cursor: pointer;\n  box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n  height: var(--chatbot-circle-radius);\n  width: var(--chatbot-circle-radius);\n  border-radius: 50%;\n}\n\n/* Add these styles to your Chatbot.module.css file */\n\n.pkiR_TxdafoynTpvRdcQ {\n  margin-top: 10px;\n  font-size: 0.95rem;\n  width: 100%;\n}\n\n.e3H6efowOKFf_KRpdCmA {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.OwwGVqJowxUZVJuA2czv {\n  text-decoration: none;\n  color: var(--chatbot-bot-text-color);\n}\n\n.sCGr7vUZhXadHUv6e8Ir,\n.sCGr7vUZhXadHUv6e8Ir:hover {\n  color: var(--chatbot-inline-link-color) !important;\n  text-decoration: underline;\n  font-size: 0.95rem;\n}\n\n.Bo90PPN_Vahh0nlC0xX9 {\n  a {\n    text-decoration: none;\n    color: var(--chatbot-inline-link-color) !important;\n    font-weight: 900;\n  }\n}\n\n.Bo90PPN_Vahh0nlC0xX9 > p {\n  margin-bottom: 0;\n}\n`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"chatbotParent\": `bOJfQLIDdUlPEJzIVy0q`,\n\t\"chatbotContainer\": `mrPuzpzfdEmQSyTxnvxI`,\n\t\"headerContainer\": `QJ6c9UPW4NdCwINA2KKw`,\n\t\"header\": `BAciNorgEk8q0Hjvg_Nd`,\n\t\"headerTitleContainer\": `rDNjthKTeHigjuhTaXFw`,\n\t\"headerTitle\": `qhIJF8jtTVHpl14phrvO`,\n\t\"headerSubtitle\": `bJ4qOXuizp8yq01SFRbe`,\n\t\"body\": `M84EXuBJb0ITHqmcP033`,\n\t\"bodyPromptsContainer\": `KJH5XQVgMgo5xa6hVmpQ`,\n\t\"promptsData\": `uodJA65d3QSnFHHi6wEE`,\n\t\"option\": `yMV8jdykQ0p_dG9sc2yK`,\n\t\"optionText\": `OFNqcCdonr5dxzTTZ3zK`,\n\t\"conversation\": `F4te4w0Rg9nYSlvqoOuU`,\n\t\"chatbotIcon\": `y3GymRJmY0MX41NX3xWJ`,\n\t\"message\": `soVXB5uMOlUUVHtMVzBV`,\n\t\"messageText\": `On7UzyczZB0EFpZn8hAO`,\n\t\"messageBody\": `ys2v0_nbj9UZ2GtmsGFl`,\n\t\"icon\": `ePwR5gBjQ2sQwKScmcAF`,\n\t\"footerBranding\": `n5EFd7Gb3khLARy7SBEE`,\n\t\"footer\": `Cswbzq1GQuTnMGpPi4Zt`,\n\t\"footerForm\": `ibnXsq4b88cDDvfQQgYn`,\n\t\"promptDrawerButton\": `vJUKQIrYod4Q56Cduawg`,\n\t\"promptDrawerIcon\": `fy7pExJR53Br8Rva0_mA`,\n\t\"chatbotCircleContainer\": `nW2NG3krvonnMg3Rivul`,\n\t\"popupContainer\": `O6vpXieYIso2cRwekQqD`,\n\t\"popup\": `gx3uioPf7XBH183XzIsX`,\n\t\"closePopup\": `SnDh_4tosUOepmnQ6qtw`,\n\t\"chatbotCircle\": `JU97fmgoNdy3Tfye2Dws`,\n\t\"sourceList\": `pkiR_TxdafoynTpvRdcQ`,\n\t\"sourceTitle\": `e3H6efowOKFf_KRpdCmA`,\n\t\"sourceLink\": `OwwGVqJowxUZVJuA2czv`,\n\t\"sourceSwitch\": `sCGr7vUZhXadHUv6e8Ir`,\n\t\"markdownToHtmlContainer\": `Bo90PPN_Vahh0nlC0xX9`\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://VamChatbot/./Chatbot.module.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n___CSS_LOADER_EXPORT___.push([module.id, \"@import url(https://fonts.googleapis.com/css2?family=Open+Sans:ital,wdth,wght@0,75..100,300..800;1,75..100,300..800&display=swap);\"]);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.bOJfQLIDdUlPEJzIVy0q {\n  --chatbot-height: 70%;\n  --chatbot-width: 30%;\n  --chatbot-header-height: 50px;\n  --chatbot-footer-height: 80px;\n  --chatbot-footer-input-height: 40px;\n  --chatbot-circle-radius: 70px;\n  --chatbot-spacing-x: 10px;\n  --chatbot-spacing-y: 10px;\n  --chatbot-border-radius: 10px;\n}\n\n@media only screen and (max-width: 1280px) {\n  .bOJfQLIDdUlPEJzIVy0q {\n    --chatbot-width: 50%;\n    --chatbot-height: 80%;\n  }\n}\n\n@media only screen and (max-width: 768px) {\n  .bOJfQLIDdUlPEJzIVy0q {\n    --chatbot-width: 100%;\n    --chatbot-height: 100%;\n    --chatbot-header-height: 70px;\n    --chatbot-spacing-x: 0px;\n    --chatbot-spacing-y: 0px;\n    --chatbot-border-radius: 0px;\n  }\n}\n\n.bOJfQLIDdUlPEJzIVy0q {\n}\n\n.mrPuzpzfdEmQSyTxnvxI {\n  font-family: \"Open Sans\", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 600;\n  font-style: normal;\n  font-variation-settings: \"wdth\" 90;\n  position: fixed;\n  overflow: hidden;\n  border-radius: var(--chatbot-border-radius);\n  bottom: var(--chatbot-spacing-y);\n  right: var(--chatbot-spacing-x);\n  height: var(--chatbot-height);\n  width: var(--chatbot-width);\n  box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n  z-index: 99999;\n}\n\n.QJ6c9UPW4NdCwINA2KKw {\n  position: absolute;\n  width: 100%;\n  background-color: var(--chatbot-header-color);\n  padding: 0 10px;\n  border-bottom: 0.5px solid var(--chatbot-border-color);\n  z-index: 99998;\n  height: var(--chatbot-header-height);\n}\n\n.BAciNorgEk8q0Hjvg_Nd {\n  height: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  color: white;\n  font-size: 1.4rem;\n\n  button,\n  button:hover {\n    background-color: var(--chatbot-header-color);\n    color: var(--chatbot-header-text-color);\n    border: none;\n  }\n}\n\n.rDNjthKTeHigjuhTaXFw {\n  display: flex;\n  height: 100%;\n  flex-direction: column;\n  align-items: flex-start;\n  /* Align items to the start (left) */\n  justify-content: center;\n  /* Center vertically within the container */\n  /* padding-left: 10px; */\n  /* Add padding to push it away from the edge */\n}\n\n.qhIJF8jtTVHpl14phrvO {\n  font-weight: 700;\n  text-align: start;\n  color: var(--chatbot-header-text-color);\n}\n\n.bJ4qOXuizp8yq01SFRbe {\n  font-weight: 700;\n  font-size: 0.4rem;\n  text-align: start;\n}\n\n.M84EXuBJb0ITHqmcP033 {\n  margin-top: var(--chatbot-header-height);\n  font-size: 1rem;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  background-color: var(--chatbot-background-color);\n  height: calc(100% - var(--chatbot-header-height));\n}\n\n.KJH5XQVgMgo5xa6hVmpQ {\n  .uodJA65d3QSnFHHi6wEE {\n    row-gap: 10px;\n    column-gap: 10px;\n    padding: 0 20px;\n  }\n  .yMV8jdykQ0p_dG9sc2yK {\n    gap: 10px;\n    border-radius: 10px;\n    padding: 5px 12px;\n    cursor: pointer;\n    color: var(--chatbot-prompt-text-color);\n\n    .OFNqcCdonr5dxzTTZ3zK {\n      font-size: 0.85rem;\n    }\n  }\n}\n\n.F4te4w0Rg9nYSlvqoOuU {\n  overflow: auto;\n}\n\n.y3GymRJmY0MX41NX3xWJ {\n  /* width: 45px; */\n  height: 70px;\n}\n\n.soVXB5uMOlUUVHtMVzBV,\n.BAciNorgEk8q0Hjvg_Nd {\n  .y3GymRJmY0MX41NX3xWJ {\n    /* width: 40px; */\n    height: 40px;\n  }\n}\n\n.soVXB5uMOlUUVHtMVzBV {\n  display: flex;\n  gap: 10px;\n  height: fit-content;\n  padding: 10px 20px;\n\n  .On7UzyczZB0EFpZn8hAO {\n    border-radius: 10px;\n    padding: 5px 10px;\n    display: flex;\n    align-items: center;\n    flex-direction: column;\n    align-items: flex-start;\n    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n  }\n\n  i {\n    font-size: 24px;\n  }\n}\n\n.ys2v0_nbj9UZ2GtmsGFl {\n  display: flex;\n  flex-direction: column;\n}\n\n.uodJA65d3QSnFHHi6wEE {\n  display: flex;\n  flex-wrap: wrap;\n  row-gap: 20px;\n  column-gap: 15px;\n  justify-content: center;\n  padding: 20px 10px 20px 10px;\n}\n\n.yMV8jdykQ0p_dG9sc2yK {\n  display: flex;\n  gap: 10px;\n  align-items: center;\n  height: fit-content;\n  background-color: var(--chatbot-prompt-background-color);\n  border-radius: 10px;\n  padding: 10px 30px;\n  border: none;\n  font-variation-settings: \"wdth\" 90;\n  font-weight: 600;\n  color: var(--chatbot-prompt-text-color);\n\n  .OFNqcCdonr5dxzTTZ3zK {\n    font-size: 0.85rem;\n  }\n}\n\n.yMV8jdykQ0p_dG9sc2yK:disabled {\n  cursor: not-allowed;\n}\n\n.ePwR5gBjQ2sQwKScmcAF {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: 30px;\n  max-width: 30px;\n  height: 30px;\n  border-radius: 30px;\n  background-color: grey;\n}\n\n.n5EFd7Gb3khLARy7SBEE {\n  display: block;\n  text-align: center;\n  font-size: 0.7rem;\n  font-weight: 700;\n  margin: 2px 0;\n  background: linear-gradient(to bottom, #39cff6, #ad84ff);\n  background-clip: text;\n  color: transparent;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt {\n  width: 95%;\n  margin: 0 auto 10px;\n  /* Centering the footer with margin auto */\n  border-radius: 10px;\n  box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);\n}\n\n.ibnXsq4b88cDDvfQQgYn {\n  display: flex;\n  align-items: center;\n  min-height: var(--chatbot-footer-input-height);\n  height: var(--chatbot-footer-input-height);\n  border-radius: 10px;\n  overflow: hidden;\n\n  i {\n    font-size: 1.75rem;\n  }\n  /* Ensures the button and input are nicely clipped within the border radius */\n}\n\n.vJUKQIrYod4Q56Cduawg {\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n}\n\n.vJUKQIrYod4Q56Cduawg .fy7pExJR53Br8Rva0_mA {\n  color: var(--chatbot-header-color);\n  /* Initial color, change this to your default icon color */\n  transition: color 0.3s ease;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt input {\n  font-family: \"Open Sans\", sans-serif;\n  font-optical-sizing: auto;\n  font-weight: 600;\n  font-style: normal;\n  font-variation-settings: \"wdth\" 95;\n  color: var(--chatbot-input-text-color);\n  background-color: var(--chatbot-background-color);\n  border: none;\n  padding: 0 10px;\n  width: 100%;\n  height: 100%;\n  outline: none;\n  transition: box-shadow 0.3s ease, border-color 0.3s ease;\n}\n\n.Cswbzq1GQuTnMGpPi4Zt input:focus {\n  border-color: var(--chatbot-user-bubble-color);\n  box-shadow: 0 10 10px var(--chatbot-user-bubble-color);\n  /* Adds a glow effect on focus */\n}\n\n.ibnXsq4b88cDDvfQQgYn button {\n  background-color: var(--chatbot-background-color);\n  border: none;\n  padding: 0 15px;\n  /* Extra padding for the button */\n  color: var(--chatbot-footer-icon-color);\n  cursor: pointer;\n  transition: color 0.3s ease;\n}\n\n.ibnXsq4b88cDDvfQQgYn button:hover {\n  color: var(--chatbot-footericons-hover-color);\n  /* filter: brightness(2); */\n  /* Optional: hover effect for the button */\n}\n\n.ibnXsq4b88cDDvfQQgYn button:disabled {\n  opacity: 0.6;\n  /* Makes the button appear disabled */\n  cursor: not-allowed;\n  /* Changes cursor to indicate it's disabled */\n}\n\n.nW2NG3krvonnMg3Rivul {\n  position: fixed;\n  bottom: var(--chatbot-spacing-y);\n  right: var(--chatbot-spacing-x);\n  width: 0px;\n  height: 0px;\n  opacity: 0;\n  z-index: 99999;\n\n  .O6vpXieYIso2cRwekQqD {\n    bottom: calc(var(--chatbot-circle-radius) + 20px);\n    position: absolute;\n    right: 10px;\n    width: 200px;\n    background-color: var(--chatbot-popup-background-color);\n    color: var(--chatbot-popup-text-color);\n    border-radius: 10px 10px 0 10px;\n    padding: 15px;\n    box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n    button,\n    button:hover {\n      background-color: transparent;\n      border: none;\n    }\n  }\n\n  /* Triangle effect on the bottom right of the popup */\n  .gx3uioPf7XBH183XzIsX:after {\n    content: \"\";\n    position: absolute;\n    top: 100%;\n    right: 0;\n    border-width: 10px;\n    border-style: solid;\n    border-color: var(--chatbot-popup-background-color) transparent transparent\n      transparent;\n  }\n\n  .SnDh_4tosUOepmnQ6qtw {\n    position: absolute;\n    top: -25px;\n    right: 0px;\n    color: rgb(98, 97, 97);\n  }\n}\n\n.JU97fmgoNdy3Tfye2Dws {\n  border-radius: 50px;\n  background-color: var(--chatbot-circle-background-color);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: white;\n  cursor: pointer;\n  box-shadow: 0 8px 16px 6px rgba(0, 24, 56, 0.2);\n  height: var(--chatbot-circle-radius);\n  width: var(--chatbot-circle-radius);\n  border-radius: 50%;\n}\n\n/* Add these styles to your Chatbot.module.css file */\n\n.pkiR_TxdafoynTpvRdcQ {\n  margin-top: 10px;\n  font-size: 0.95rem;\n  width: 100%;\n}\n\n.e3H6efowOKFf_KRpdCmA {\n  margin-bottom: 5px;\n  font-weight: bold;\n}\n\n.OwwGVqJowxUZVJuA2czv {\n  text-decoration: none;\n  color: var(--chatbot-bot-text-color);\n}\n\n.sCGr7vUZhXadHUv6e8Ir,\n.sCGr7vUZhXadHUv6e8Ir:hover {\n  color: var(--chatbot-inline-link-color) !important;\n  text-decoration: underline;\n  font-size: 0.95rem;\n}\n\n.Bo90PPN_Vahh0nlC0xX9 {\n  a {\n    text-decoration: none;\n    color: var(--chatbot-inline-link-color) !important;\n    font-weight: 900;\n  }\n}\n\n.Bo90PPN_Vahh0nlC0xX9 > p {\n  margin-bottom: 0;\n}\n`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"chatbotParent\": `bOJfQLIDdUlPEJzIVy0q`,\n\t\"chatbotContainer\": `mrPuzpzfdEmQSyTxnvxI`,\n\t\"headerContainer\": `QJ6c9UPW4NdCwINA2KKw`,\n\t\"header\": `BAciNorgEk8q0Hjvg_Nd`,\n\t\"headerTitleContainer\": `rDNjthKTeHigjuhTaXFw`,\n\t\"headerTitle\": `qhIJF8jtTVHpl14phrvO`,\n\t\"headerSubtitle\": `bJ4qOXuizp8yq01SFRbe`,\n\t\"body\": `M84EXuBJb0ITHqmcP033`,\n\t\"bodyPromptsContainer\": `KJH5XQVgMgo5xa6hVmpQ`,\n\t\"promptsData\": `uodJA65d3QSnFHHi6wEE`,\n\t\"option\": `yMV8jdykQ0p_dG9sc2yK`,\n\t\"optionText\": `OFNqcCdonr5dxzTTZ3zK`,\n\t\"conversation\": `F4te4w0Rg9nYSlvqoOuU`,\n\t\"chatbotIcon\": `y3GymRJmY0MX41NX3xWJ`,\n\t\"message\": `soVXB5uMOlUUVHtMVzBV`,\n\t\"messageText\": `On7UzyczZB0EFpZn8hAO`,\n\t\"messageBody\": `ys2v0_nbj9UZ2GtmsGFl`,\n\t\"icon\": `ePwR5gBjQ2sQwKScmcAF`,\n\t\"footerBranding\": `n5EFd7Gb3khLARy7SBEE`,\n\t\"footer\": `Cswbzq1GQuTnMGpPi4Zt`,\n\t\"footerForm\": `ibnXsq4b88cDDvfQQgYn`,\n\t\"promptDrawerButton\": `vJUKQIrYod4Q56Cduawg`,\n\t\"promptDrawerIcon\": `fy7pExJR53Br8Rva0_mA`,\n\t\"chatbotCircleContainer\": `nW2NG3krvonnMg3Rivul`,\n\t\"popupContainer\": `O6vpXieYIso2cRwekQqD`,\n\t\"popup\": `gx3uioPf7XBH183XzIsX`,\n\t\"closePopup\": `SnDh_4tosUOepmnQ6qtw`,\n\t\"chatbotCircle\": `JU97fmgoNdy3Tfye2Dws`,\n\t\"sourceList\": `pkiR_TxdafoynTpvRdcQ`,\n\t\"sourceTitle\": `e3H6efowOKFf_KRpdCmA`,\n\t\"sourceLink\": `OwwGVqJowxUZVJuA2czv`,\n\t\"sourceSwitch\": `sCGr7vUZhXadHUv6e8Ir`,\n\t\"markdownToHtmlContainer\": `Bo90PPN_Vahh0nlC0xX9`\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://VamChatbot/./Chatbot.module.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
 
 /***/ }),
 
@@ -239,6 +250,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./components/Carousal.module.css":
+/*!**********************************************************************************************************!*\
+  !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./components/Carousal.module.css ***!
+  \**********************************************************************************************************/
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/noSourceMaps.js */ \"./node_modules/css-loader/dist/runtime/noSourceMaps.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../node_modules/css-loader/dist/runtime/api.js */ \"./node_modules/css-loader/dist/runtime/api.js\");\n/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);\n// Imports\n\n\nvar ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, `.bM7UYUIV67pDU1mIqhBb {\n  border-radius: 10px;\n}\n\n.FCedTtDmiTfcKbb9XOGz {\n  max-height: 24rem;\n}\n`, \"\"]);\n// Exports\n___CSS_LOADER_EXPORT___.locals = {\n\t\"carousalInner\": `bM7UYUIV67pDU1mIqhBb`,\n\t\"carousalItem\": `FCedTtDmiTfcKbb9XOGz`\n};\n/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);\n\n\n//# sourceURL=webpack://VamChatbot/./components/Carousal.module.css?./node_modules/css-loader/dist/cjs.js??ruleSet%5B1%5D.rules%5B1%5D.use%5B1%5D");
+
+/***/ }),
+
 /***/ "./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./components/PromotedTopics.module.css":
 /*!****************************************************************************************************************!*\
   !*** ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./components/PromotedTopics.module.css ***!
@@ -579,6 +601,17 @@ eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpac
 
 /***/ }),
 
+/***/ "./components/Carousal.module.css":
+/*!****************************************!*\
+  !*** ./components/Carousal.module.css ***!
+  \****************************************/
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export */ __webpack_require__.d(__webpack_exports__, {\n/* harmony export */   \"default\": () => (__WEBPACK_DEFAULT_EXPORT__)\n/* harmony export */ });\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ \"./node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleDomAPI.js */ \"./node_modules/style-loader/dist/runtime/styleDomAPI.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertBySelector.js */ \"./node_modules/style-loader/dist/runtime/insertBySelector.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithAttributesAndNonce_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/setAttributesWithAttributesAndNonce.js */ \"./node_modules/style-loader/dist/runtime/setAttributesWithAttributesAndNonce.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithAttributesAndNonce_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithAttributesAndNonce_js__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/insertStyleElement.js */ \"./node_modules/style-loader/dist/runtime/insertStyleElement.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../node_modules/style-loader/dist/runtime/styleTagTransform.js */ \"./node_modules/style-loader/dist/runtime/styleTagTransform.js\");\n/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);\n/* harmony import */ var _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Carousal_module_css__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./Carousal.module.css */ \"./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./components/Carousal.module.css\");\n\n      \n      \n      \n      \n      \n      \n      \n      \n      \n\nvar options = {\"attributes\":{\"id\":\"chatbot-styles\"}};\n\noptions.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());\noptions.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithAttributesAndNonce_js__WEBPACK_IMPORTED_MODULE_3___default());\noptions.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, \"head\");\noptions.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());\noptions.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());\n\nvar update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Carousal_module_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"], options);\n\n\n\n\n       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Carousal_module_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"] && _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Carousal_module_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals ? _node_modules_css_loader_dist_cjs_js_ruleSet_1_rules_1_use_1_Carousal_module_css__WEBPACK_IMPORTED_MODULE_6__[\"default\"].locals : undefined);\n\n\n//# sourceURL=webpack://VamChatbot/./components/Carousal.module.css?");
+
+/***/ }),
+
 /***/ "./components/PromotedTopics.module.css":
 /*!**********************************************!*\
   !*** ./components/PromotedTopics.module.css ***!

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vamlabs/vam-chatbot",
-  "version": "0.1.63",
+  "version": "0.1.65",
   "main": "dist/web-component.js",
   "description": "VAM Chatbot Web Component",
   "files": [