@xapp/chat-widget 1.41.2 → 1.42.2

package/dist/index.js

@@ -1716,10 +1716,10 @@ var Carousel = function (props) {
             React__default$1["default"].createElement(CarouselItem, { item: item, emptyImageVisible: hasImage, onExecute: props.onExecute, onButtonClick: props.onButtonClick, onOpenUrl: props.onOpenUrl })));
     });
     return (React__default$1["default"].createElement("div", { className: "xappw-carousel" },
-        hasOnlyOneItem && (React__default$1["default"].createElement("div", { className: "xappw-carousel__prev" },
+        !hasOnlyOneItem && (React__default$1["default"].createElement("div", { className: "xappw-carousel__prev" },
             React__default$1["default"].createElement(ChevronLeft, { onClick: function () { return scrollMe(-1); } }))),
         React__default$1["default"].createElement("div", { ref: listRef, className: "xappw-carousel-items ".concat(hasOnlyOneItem ? "xappw-carousel-items--one-item" : "") }, listItems),
-        hasOnlyOneItem && (React__default$1["default"].createElement("div", { className: "xappw-carousel__next" },
+        !hasOnlyOneItem && (React__default$1["default"].createElement("div", { className: "xappw-carousel__next" },
             React__default$1["default"].createElement(ChevronRight, { onClick: function () { return scrollMe(1); } })))));
 };
 
@@ -7870,6 +7870,11 @@ function useSuggestions(search, context) {
     }); }, [suggestions, suggestionIndex, execute, suggestionItem]);
 }
 
+var ChatBranding = function (props) {
+    var text = props.text;
+    return (React__default$1["default"].createElement("div", { className: "chat-footer__branding" }, text !== null && text !== void 0 ? text : "Powered by XAPP AI"));
+};
+
 var DrawerBars = function (props) {
     return (React__default$1["default"].createElement("div", { className: "drawer-bars", onClick: props.onToggle },
         React__default$1["default"].createElement("div", { className: "drawer-bar bar1" }),
@@ -7993,18 +7998,20 @@ var Suggestions = function (props) {
 };
 
 var ChatFooter = function (props) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     var placeholder = props.placeholder, onSubmit = props.onSubmit;
-    var _d = React$1.useState(false), drawer = _d[0], setDrawerState = _d[1]; // false initially
-    var _e = React$1.useState(), suggestionSearch = _e[0], setSuggestionSearch = _e[1];
+    var _k = React$1.useState(false), drawer = _k[0], setDrawerState = _k[1]; // false initially
+    var _l = React$1.useState(), suggestionSearch = _l[0], setSuggestionSearch = _l[1];
     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 _f = React$1.useState({
+    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({
         text: "",
         formats: []
-    }), input = _f[0], setInput = _f[1];
+    }), input = _m[0], setInput = _m[1];
     function toggleDrawer() {
         var newDrawer = !drawer;
         setDrawerState(newDrawer);
@@ -8040,10 +8047,11 @@ var ChatFooter = function (props) {
                 React__default$1["default"].createElement(ChatMenu, { opened: drawer, onItemClick: handleMenuItem, items: menuItems }),
                 React__default$1["default"].createElement("div", { className: "chat-footer__menu-icon" },
                     React__default$1["default"].createElement(DrawerBars, { onToggle: toggleDrawer }))) : React__default$1["default"].createElement(React__default$1["default"].Fragment, null),
-        ((_c = suggestions.suggestions) === null || _c === void 0 ? void 0 : _c.length) > 0 && React__default$1["default"].createElement(Suggestions, { className: "xappw-chat-footer__suggestions", data: suggestions.suggestions, index: suggestions.index, onItemClick: handleItemClick, onItemUse: handleItemUse }),
+        ((_j = suggestions.suggestions) === null || _j === void 0 ? void 0 : _j.length) > 0 && React__default$1["default"].createElement(Suggestions, { className: "xappw-chat-footer__suggestions", data: suggestions.suggestions, index: suggestions.index, onItemClick: handleItemClick, onItemUse: handleItemUse }),
         React__default$1["default"].createElement(Input, { addClass: "chat-footer__input " + (props.isChatting ? "visible" : ""), suggestion: suggestions.item, value: input, placeholder: placeholder, onSubmit: handleSubmit, onChange: handleChange, onSuggestionCommand: suggestions.execute, 
             // onFocus={this.inputOnFocus}
-            onFileUpload: props.onFileUpload })));
+            onFileUpload: props.onFileUpload }),
+        brandingEnabled && React__default$1["default"].createElement(ChatBranding, { text: branding })));
 };
 
 var noop = function () { };
@@ -30819,10 +30827,11 @@ function getHeaderStyle(style) {
     return union(getBackgroundStyle(style.background), getTextStyle(style.text), getBorderStyle(style.border));
 }
 function getFooterStyle(style) {
+    var _a;
     if (!style) {
         return empty();
     }
-    return union(getBackgroundStyle(style.background), getBorderStyle(style.border));
+    return union(getBackgroundStyle(style.background), getBorderStyle(style.border), withPrefix("branding-text-", getTextStyle((_a = style.branding) === null || _a === void 0 ? void 0 : _a.text)));
 }
 function getInputStyle(style) {
     if (!style) {