@xapp/chat-widget 1.37.0 → 1.37.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ChatWidget/ChatWidget.stories.d.ts +1 -0
- package/dist/config/config.d.ts +2 -2
- package/dist/index.css +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +16 -10
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +16 -10
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
package/dist/index.js
CHANGED
|
@@ -22,8 +22,7 @@ var ActionButton = function (props) {
|
|
|
22
22
|
return (React__default$1["default"].createElement("button", { type: props.type, className: "action-button ".concat(props.addClass), onClick: handleClick }, props.label));
|
|
23
23
|
};
|
|
24
24
|
|
|
25
|
-
var defaultServerUrl =
|
|
26
|
-
process.env.ACCOUNT_KEY;
|
|
25
|
+
var defaultServerUrl = "";
|
|
27
26
|
var ChatConfigContext = React$1.createContext(null);
|
|
28
27
|
function useWidgetEnv() {
|
|
29
28
|
var ctx = React$1.useContext(ChatConfigContext);
|
|
@@ -8477,7 +8476,7 @@ var ChatWidgetWrapper = function (props) {
|
|
|
8477
8476
|
React__default$1["default"].createElement(ChatWidget, __assign({}, props)))));
|
|
8478
8477
|
};
|
|
8479
8478
|
var ChatWidget = function (props) {
|
|
8480
|
-
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
8479
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
8481
8480
|
var innerDispatch = useChatDispatch();
|
|
8482
8481
|
var dispatch = useChatServerDispatch();
|
|
8483
8482
|
// From Redux
|
|
@@ -8486,11 +8485,18 @@ var ChatWidget = function (props) {
|
|
|
8486
8485
|
var dockedMode = mode === "docked";
|
|
8487
8486
|
var staticMode = mode === "static";
|
|
8488
8487
|
var modeClass = "widget-container--".concat(mode);
|
|
8489
|
-
var canMinimize = !dockedMode && !staticMode && ((_b = props.config.header) === null || _b === void 0 ? void 0 : _b.actions.minimize);
|
|
8490
|
-
var canCancel
|
|
8488
|
+
var canMinimize = !dockedMode && !staticMode && ((_c = (_b = props.config.header) === null || _b === void 0 ? void 0 : _b.actions) === null || _c === void 0 ? void 0 : _c.minimize);
|
|
8489
|
+
var canCancel;
|
|
8490
|
+
// To preserve legacy behavior, cancel needs a little more checks
|
|
8491
|
+
if (typeof ((_e = (_d = props.config.header) === null || _d === void 0 ? void 0 : _d.actions) === null || _e === void 0 ? void 0 : _e.cancel) === "boolean") {
|
|
8492
|
+
canCancel = !dockedMode && !staticMode && ((_g = (_f = props.config.header) === null || _f === void 0 ? void 0 : _f.actions) === null || _g === void 0 ? void 0 : _g.cancel);
|
|
8493
|
+
}
|
|
8494
|
+
else {
|
|
8495
|
+
canCancel = !dockedMode && !staticMode;
|
|
8496
|
+
}
|
|
8491
8497
|
// Our state - pull from storage
|
|
8492
|
-
var
|
|
8493
|
-
var
|
|
8498
|
+
var _o = React$1.useState(!canMinimize || !!get("visible)") || (((_h = props.config) === null || _h === void 0 ? void 0 : _h.autoOpenOnWidth) && window.matchMedia("(min-width: ".concat((_j = props.config) === null || _j === void 0 ? void 0 : _j.autoOpenOnWidth, ")")).matches)), visible = _o[0], setVisibleState = _o[1];
|
|
8499
|
+
var _p = React$1.useState(false), typing = _p[0], setTypingState = _p[1]; // false initially
|
|
8494
8500
|
var chatServer = React$1.useContext(ChatServerContext);
|
|
8495
8501
|
var setVisible = React$1.useCallback(function (newVisible) {
|
|
8496
8502
|
if (staticMode) {
|
|
@@ -8600,17 +8606,17 @@ var ChatWidget = function (props) {
|
|
|
8600
8606
|
onConnectionStatusChange(connectionStatus);
|
|
8601
8607
|
}
|
|
8602
8608
|
}, [connectionStatus, onConnectionStatusChange]);
|
|
8603
|
-
useExternalScript((
|
|
8609
|
+
useExternalScript((_k = props.config) === null || _k === void 0 ? void 0 : _k.middlewareUrl);
|
|
8604
8610
|
return (React__default$1["default"].createElement(React__default$1["default"].Fragment, null,
|
|
8605
8611
|
React__default$1["default"].createElement("div", { className: "widget-container ".concat(modeClass, " ").concat(getVisibilityClass()) },
|
|
8606
8612
|
React__default$1["default"].createElement(WidgetStylesheet, { theme: config === null || config === void 0 ? void 0 : config.theme }),
|
|
8607
|
-
React__default$1["default"].createElement(StatusContainer, { accountStatus: chatState.accountStatus, minimizeOnClick: minimizeOnClick, cancelOnClick: cancelOnClick, agent: (
|
|
8613
|
+
React__default$1["default"].createElement(StatusContainer, { accountStatus: chatState.accountStatus, minimizeOnClick: minimizeOnClick, cancelOnClick: cancelOnClick, agent: (_l = chatState.agents["agent:robot"]) === null || _l === void 0 ? void 0 : _l.user, canMinimize: canMinimize, canCancel: canCancel, config: config === null || config === void 0 ? void 0 : config.header }),
|
|
8608
8614
|
React__default$1["default"].createElement(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, messageMiddleware: props.messageMiddleware, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl }),
|
|
8609
8615
|
React__default$1["default"].createElement("div", { className: "spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : "") },
|
|
8610
8616
|
React__default$1["default"].createElement("div", { className: "spinner" })),
|
|
8611
8617
|
connectionStatus === "offline" && React__default$1["default"].createElement(ServerOffline, null),
|
|
8612
8618
|
React__default$1["default"].createElement(ChatFooter, { isChatting: chatState.isChatting, onChange: handleOnChange, onSubmit: handleOnSubmit, onFileUpload: handleFileUpload })),
|
|
8613
|
-
React__default$1["default"].createElement(ChatButton, { addClass: getVisibilityClass(), onClick: chatButtonOnClick, config: (
|
|
8619
|
+
React__default$1["default"].createElement(ChatButton, { addClass: getVisibilityClass(), onClick: chatButtonOnClick, config: (_m = props.config) === null || _m === void 0 ? void 0 : _m.cta, visible: visible })));
|
|
8614
8620
|
};
|
|
8615
8621
|
|
|
8616
8622
|
function tryParseJson(str) {
|