@botonic/react
Version:
Build Chatbots using React
18 lines • 1.43 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.UnreadMessagesBanner = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const react_1 = require("react");
const arrow_down_svg_1 = tslib_1.__importDefault(require("../../assets/arrow-down.svg"));
const environment_1 = require("../../util/environment");
const context_1 = require("../../webchat/context");
const styles_1 = require("./styles");
const use_notifications_1 = require("./use-notifications");
const UnreadMessagesBanner = ({ unreadMessagesBannerRef, }) => {
const { webchatState } = (0, react_1.useContext)(context_1.WebchatContext);
const { notificationsEnabled, CustomUnreadMessagesBanner, bannerText } = (0, use_notifications_1.useNotifications)();
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: notificationsEnabled ? ((0, jsx_runtime_1.jsx)("div", Object.assign({ ref: unreadMessagesBannerRef }, { children: CustomUnreadMessagesBanner ? ((0, jsx_runtime_1.jsx)(CustomUnreadMessagesBanner, {})) : ((0, jsx_runtime_1.jsxs)(styles_1.ContainerUnreadMessagesBanner, { children: [(0, jsx_runtime_1.jsx)("img", { src: (0, environment_1.resolveImage)(arrow_down_svg_1.default) }), webchatState.numUnreadMessages, " ", bannerText] })) }))) : null }));
};
exports.UnreadMessagesBanner = UnreadMessagesBanner;
//# sourceMappingURL=unread-messages-banner.js.map