@xapp/chat-widget 1.27.0 → 1.27.1

package/dist/index.js

@@ -44,6 +44,25 @@ var ChatConfigContext = React.createContext(null);
 function useWidgetEnv() {
     var ctx = React.useContext(ChatConfigContext);
     return ctx === null || ctx === void 0 ? void 0 : ctx.env;
+}
+function useConnectionInfo(env) {
+    var connection = React.useMemo(function () {
+        if (env === null || env === void 0 ? void 0 : env.connection) {
+            return env.connection;
+        }
+        return {
+            serverUrl: env === null || env === void 0 ? void 0 : env.serverUrl,
+            accountKey: env === null || env === void 0 ? void 0 : env.accountKey,
+            type: (env === null || env === void 0 ? void 0 : env.direct) ? "direct" : "websocket"
+        };
+    }, [env]);
+    var nonce = reactRedux.useSelector(function (state) { return state.connection.nonce; });
+    return React.useMemo(function () { return ({
+        accountKey: connection.accountKey,
+        serverUrl: connection.serverUrl,
+        type: connection.type,
+        nonce: nonce
+    }); }, [connection.accountKey, connection.serverUrl, connection.type, nonce]);
 }
 
 /*! *****************************************************************************
@@ -8568,7 +8587,7 @@ var SuggestionsItem = function (props) {
     var canUse = data.type !== "FAQ";
     return (React__default["default"].createElement("div", { className: "xappw-suggestions-item " + (props.current ? "xappw-suggestions-item--current" : ""), onClick: handleClick, onMouseEnter: handleHover },
         React__default["default"].createElement("div", { className: "xappw-suggestions-item__texts" }, formats.map(function (format, index) { return (React__default["default"].createElement("span", { className: "xappw-suggestions-item__text xappw-suggestions-item__text--" + format.type, key: index }, suggestion.substring(format.start, format.end))); })),
-        React__default["default"].createElement(IconButton, { className: "xappw-suggestions-item__use " + (!canUse ? "xappw-suggestions-item__use--disabled" : ""), onClick: handleUse, icon: LeftDownArrowIcon })));
+        canUse && React__default["default"].createElement(IconButton, { className: "xappw-suggestions-item__use", onClick: handleUse, icon: LeftDownArrowIcon })));
 };
 
 function getLabel(type) {
@@ -9300,25 +9319,6 @@ function getCtaStyle(style) {
     return union(getBackgroundStyle(style.background), getTextStyle(style.text));
 }
 
-function useConnectionInfo(env) {
-    var connection = React.useMemo(function () {
-        if (env === null || env === void 0 ? void 0 : env.connection) {
-            return env.connection;
-        }
-        return {
-            serverUrl: env === null || env === void 0 ? void 0 : env.serverUrl,
-            accountKey: env === null || env === void 0 ? void 0 : env.accountKey,
-            type: (env === null || env === void 0 ? void 0 : env.direct) ? "direct" : "websocket"
-        };
-    }, [env]);
-    var nonce = reactRedux.useSelector(function (state) { return state.connection.nonce; });
-    return React.useMemo(function () { return ({
-        accountKey: connection.accountKey,
-        serverUrl: connection.serverUrl,
-        type: connection.type,
-        nonce: nonce
-    }); }, [connection.accountKey, connection.serverUrl, connection.type, nonce]);
-}
 var ChatWidgetWrapper = function (props) {
     var rawConfig = props.config;
     var connection = useConnectionInfo(rawConfig);
@@ -9692,11 +9692,11 @@ function createChatStore(config) {
 }
 
 var ChatWidgetContainer = function (props) {
-    var _a, _b;
+    var _a;
     var messageMiddleware = useStandardMiddleware();
-    var connection = (_a = props.config) === null || _a === void 0 ? void 0 : _a.connection;
+    var connection = useConnectionInfo(props.config);
     var chatStore = React.useMemo(function () { return createChatStore(connection); }, [connection]);
-    if ((_b = props.config) === null || _b === void 0 ? void 0 : _b.disabled) {
+    if ((_a = props.config) === null || _a === void 0 ? void 0 : _a.disabled) {
         return React__default["default"].createElement(React__default["default"].Fragment, null);
     }
     var widgetProps = __assign(__assign({}, props), { messageMiddleware: messageMiddleware });