@xapp/chat-widget 1.47.2 → 1.48.0

package/dist/index.js

@@ -7110,19 +7110,111 @@ var ChatChipsContainer = function (_) {
         React__default$1["default"].createElement(ChatChips, { options: chips, onOptionClick: optionOnChange })));
 };
 
+var lib = {};
+
+var ChannelData = {};
+
+Object.defineProperty(ChannelData, "__esModule", { value: true });
+
+var Constants = {};
+
+Object.defineProperty(Constants, "__esModule", { value: true });
+Constants.CHAT_WIDGET_CHANNEL = void 0;
+Constants.CHAT_WIDGET_CHANNEL = "chat-widget";
+
+var Types = {};
+
+/*! Copyright (c) 2021, XAPPmedia */
+Object.defineProperty(Types, "__esModule", { value: true });
+
+var UserInfo = {};
+
+Object.defineProperty(UserInfo, "__esModule", { value: true });
+
+var WidgetEnv = {};
+
+Object.defineProperty(WidgetEnv, "__esModule", { value: true });
+
+var WidgetTheme = {};
+
+Object.defineProperty(WidgetTheme, "__esModule", { value: true });
+
+var guards = {};
+
+Object.defineProperty(guards, "__esModule", { value: true });
+guards.isStandardMenuItem = guards.isStaticTextMenuItem = guards.isStaticImageMenuItem = void 0;
+function isStaticImageMenuItem(item) {
+    return !!item && !!item.imageUrl;
+}
+guards.isStaticImageMenuItem = isStaticImageMenuItem;
+function isStaticTextMenuItem(item) {
+    return !!item && !!item.body;
+}
+guards.isStaticTextMenuItem = isStaticTextMenuItem;
+function isStandardMenuItem(item) {
+    return !!item && !!item.label;
+}
+guards.isStandardMenuItem = isStandardMenuItem;
+
+(function (exports) {
+	var __createBinding = (commonjsGlobal && commonjsGlobal.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+	    if (k2 === undefined) k2 = k;
+	    var desc = Object.getOwnPropertyDescriptor(m, k);
+	    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+	      desc = { enumerable: true, get: function() { return m[k]; } };
+	    }
+	    Object.defineProperty(o, k2, desc);
+	}) : (function(o, m, k, k2) {
+	    if (k2 === undefined) k2 = k;
+	    o[k2] = m[k];
+	}));
+	var __exportStar = (commonjsGlobal && commonjsGlobal.__exportStar) || function(m, exports) {
+	    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+	};
+	Object.defineProperty(exports, "__esModule", { value: true });
+	/*! Copyright (c) 2021, XAPPmedia */
+	__exportStar(ChannelData, exports);
+	__exportStar(Constants, exports);
+	__exportStar(Types, exports);
+	__exportStar(UserInfo, exports);
+	__exportStar(WidgetEnv, exports);
+	__exportStar(WidgetTheme, exports);
+	__exportStar(guards, exports);
+	
+} (lib));
+
 var ChatMenuItem = function (props) {
     function handleClick() {
         if (props.onClick) {
             props.onClick(props.label);
         }
     }
-    return (React__default$1["default"].createElement("button", { type: "button", className: "chat-menu-item", onClick: handleClick }, props.label));
+    var content = props.subtitle ? (React__default$1["default"].createElement("span", null,
+        React__default$1["default"].createElement("div", null, props.label),
+        React__default$1["default"].createElement("div", { className: "chat-menu-item--subtitle" }, props.subtitle))) : (React__default$1["default"].createElement("span", null, props.label));
+    return (React__default$1["default"].createElement("button", { type: "button", className: "chat-menu-item", onClick: handleClick }, content));
 };
 
 var ChatMenu = function (props) {
     var items = props.items;
-    return (React__default$1["default"].createElement("div", { className: "chat-menu ".concat(props.opened ? "chat-menu--opened" : "chat-menu--closed") }, items.map(function (label, i) {
-        return React__default$1["default"].createElement(ChatMenuItem, { key: i, onClick: props.onItemClick, label: label });
+    return (React__default$1["default"].createElement("div", { className: "chat-menu ".concat(props.opened ? "chat-menu--opened" : "chat-menu--closed") }, items.map(function (item, i) {
+        if (lib.isStandardMenuItem(item)) {
+            return React__default$1["default"].createElement(ChatMenuItem, { key: i, onClick: props.onItemClick, label: item.label, subtitle: item.subtitle });
+        }
+        else if (lib.isStaticImageMenuItem(item)) {
+            return (React__default$1["default"].createElement("div", { className: "chat-menu-item-static" },
+                React__default$1["default"].createElement("img", { style: {
+                        maxHeight: "100%",
+                        maxWidth: "auto"
+                    }, src: item.imageUrl, alt: "Menu Item" })));
+        }
+        else if (lib.isStaticTextMenuItem(item)) {
+            return (React__default$1["default"].createElement("div", { className: "chat-menu-item-static" },
+                React__default$1["default"].createElement("div", null,
+                    React__default$1["default"].createElement("div", null, item.title),
+                    React__default$1["default"].createElement("div", { className: "chat-menu-item-static--body" }, item.body))));
+        }
+        return React__default$1["default"].createElement("p", null, "Unknown");
     })));
 };
 
@@ -8024,7 +8116,7 @@ var ChatFooter = function (props) {
     var contexts = reactRedux.useSelector(function (state) { return state.activeContexts; });
     var suggestions = useSuggestions(suggestionSearch, contexts);
     var menuItemsRaw = (_b = (_a = useWidgetEnv()) === null || _a === void 0 ? void 0 : _a.menu) === null || _b === void 0 ? void 0 : _b.items;
-    var menuItems = React$1.useMemo(function () { return menuItemsRaw ? menuItemsRaw.map(function (item) { return item.label; }) : []; }, [menuItemsRaw]);
+    var menuItems = React$1.useMemo(function () { return menuItemsRaw ? menuItemsRaw : []; }, [menuItemsRaw]);
     var branding = (_e = (_d = (_c = useWidgetEnv()) === null || _c === void 0 ? void 0 : _c.footer) === null || _d === void 0 ? void 0 : _d.branding) === null || _e === void 0 ? void 0 : _e.text;
     var brandingEnabled = (_h = (_g = (_f = useWidgetEnv()) === null || _f === void 0 ? void 0 : _f.footer) === null || _g === void 0 ? void 0 : _g.branding) === null || _h === void 0 ? void 0 : _h.enabled;
     var _m = React$1.useState({
@@ -30839,7 +30931,7 @@ function getButtonStyle(style) {
     });
 }
 function getMenuItemStyle(style) {
-    return union(getTextStyle(style === null || style === void 0 ? void 0 : style.text), getBackgroundStyle(style === null || style === void 0 ? void 0 : style.background), single("height", style === null || style === void 0 ? void 0 : style.height));
+    return union(getTextStyle(style === null || style === void 0 ? void 0 : style.text), withPrefix("subtitle-", getTextStyle(style.subtitle)), getBorderStyle(style.border), getBackgroundStyle(style === null || style === void 0 ? void 0 : style.background), single("height", style === null || style === void 0 ? void 0 : style.height));
 }
 function getMenuStyle(style) {
     return union(withPrefix("item-", getMenuItemStyle(style === null || style === void 0 ? void 0 : style.item)));