@xapp/chat-widget 1.65.9 → 1.67.0

package/dist/index.js

@@ -27,6 +27,7 @@ var defaultServerUrl = "";
 var defaultWidgetButtonWidth = "48";
 var defaultMobileWidgetButtonWidth = "30";
 var defaultNonMobileScreenWidth = "400";
+var scheduleWidgetUrl = "ScheduleButton";
 var ChatConfigContext = React$1.createContext(null);
 function useWidgetEnv() {
     var ctx = React$1.useContext(ChatConfigContext);
@@ -889,9 +890,37 @@ function setVisualStatus(status) {
 }
 
 function execute(url, dispatch, visuals, behavior) {
+    var _a, _b;
     if (!dispatch || !visuals) {
         throw new Error("OpenUrl: No dispatch and/or visual.");
     }
+    if (url === scheduleWidgetUrl) {
+        // It's actually toggle
+        var toggleForm = (_a = window.xafwControl) === null || _a === void 0 ? void 0 : _a.openForm;
+        if (!toggleForm) {
+            err("Cannot find toggleForm! Update form widget!");
+            return;
+        }
+        var isFormActive = false;
+        var formStatus = (_b = window.xafwControl) === null || _b === void 0 ? void 0 : _b.formStatus;
+        if (formStatus) {
+            var formVisuals = formStatus();
+            isFormActive = formVisuals.active;
+        }
+        else {
+            err("Cannot find formStatus! Update form widget!");
+        }
+        // If form is active and we are here, then both widgets are active. Do nothing. Let the user X out the widgets.
+        if (!isFormActive) {
+            toggleForm();
+            if (visuals.opened) {
+                dispatch(setVisualStatus({
+                    opened: false
+                }));
+            }
+        }
+        return;
+    }
     // Attempt to add query string to the url
     // if the query string already exists, it will not be added
     try {
@@ -7731,6 +7760,20 @@ var ChatTextMessage = function (props) {
                 React__default$1["default"].createElement("span", null, message.msg.text)))));
 };
 
+var ChatScheduleWidget = function (props) {
+    var display = props.display;
+    var chatDispatch = useChatDispatch();
+    var visuals = reactRedux.useSelector(function (state) { return state.visuals; });
+    var openUrl = useOpenUrlCallback();
+    function handleClick() {
+        openUrl(scheduleWidgetUrl, chatDispatch, visuals);
+    }
+    return (React__default$1["default"].createElement("div", { className: "chat-schedule-button-container" },
+        React__default$1["default"].createElement("button", { className: "chat-schedule-button", onClick: handleClick },
+            React__default$1["default"].createElement("i", { className: "fa fa-lg fa-calendar" }),
+            React__default$1["default"].createElement("span", null, display.label || "Schedule Now!"))));
+};
+
 function getClassName(msg) {
     return isAgent(msg.user.nick) ? "agent" : "visitor";
 }
@@ -7762,6 +7805,9 @@ var ChatMessage = function (props) {
                         React__default$1["default"].createElement(ChatMessagePart, { showAvatar: avaKey === "html", user: user },
                             React__default$1["default"].createElement(ChatMarkdownMessage, { message: props.message, sibling: props.sibling, onOpenUrl: (_a = props.middlewareContext) === null || _a === void 0 ? void 0 : _a.openUrl })),
                     msg.displays && middleware && msg.displays.map(function (display, index) {
+                        if (display.type === "ScheduleButton") {
+                            return (React__default$1["default"].createElement(ChatScheduleWidget, { minimizeOnClick: props.minimizeOnClick, display: display }));
+                        }
                         var Middleware = middleware;
                         return (React__default$1["default"].createElement(Middleware, { key: index, msg: display, ctx: props.middlewareContext }));
                     }),
@@ -29625,11 +29671,12 @@ var defaultProps = {
     visitorId: "",
     onSend: function () { return Promise.resolve(); },
     onWrite: function () { return Promise.resolve(); },
-    onOpenUrl: function () { }
+    onOpenUrl: function () { },
+    minimizeOnClick: function () { }
 };
 var MessageList = function (props) {
     if (props === void 0) { props = defaultProps; }
-    var onSend = props.onSend, onWrite = props.onWrite, onOpenUrl = props.onOpenUrl;
+    var onSend = props.onSend, onWrite = props.onWrite, onOpenUrl = props.onOpenUrl, minimizeOnClick = props.minimizeOnClick;
     var messagesEndRef = React$1.useRef(null);
     React$1.useEffect(function () {
         messagesEndRef.current.scrollIntoView({ behavior: "smooth" });
@@ -29673,7 +29720,7 @@ var MessageList = function (props) {
         switch (msg.type) {
             case "chat.file":
             case "chat.msg":
-                return (React__default$1["default"].createElement(ChatMessage, { key: "cm-".concat(msg.type, "-").concat(msg.timestamp), message: msg, sibling: sibling, agent: user, messageMiddleware: props.messageMiddleware, middlewareContext: ctxCache.resolve(user) }));
+                return (React__default$1["default"].createElement(ChatMessage, { key: "cm-".concat(msg.type, "-").concat(msg.timestamp), message: msg, sibling: sibling, agent: user, messageMiddleware: props.messageMiddleware, middlewareContext: ctxCache.resolve(user), minimizeOnClick: minimizeOnClick }));
             case "chat.failureMsg":
                 return (React__default$1["default"].createElement(FailureMessage, __assign({ key: "fm-".concat(msg.type, "-").concat(msg.timestamp), agents: props.agents, time: time }, msg.failureMsg)));
             case "chat.memberjoin":
@@ -30170,9 +30217,8 @@ var ChatWidget = function (props) {
         // if (get("opened")) {
         //     setVisible(true);
         // }
-        if (chatState.visuals.opened) {
-            setVisible(true);
-        }
+        // We need this to minimize
+        setVisible(chatState.visuals.opened);
         if (patternExist && patternMatches) {
             setVisible(true);
         }
@@ -30291,7 +30337,7 @@ var ChatWidget = function (props) {
         React__default$1["default"].createElement("div", { className: "widget-container ".concat(modeClass, " ").concat(getVisibilityClass()) },
             React__default$1["default"].createElement(WidgetStylesheet, { theme: config === null || config === void 0 ? void 0 : config.theme }),
             React__default$1["default"].createElement(ChatHeader, { accountStatus: chatState.accountStatus, refreshOnClick: handleRestartClick, minimizeOnClick: handleMinimizeClick, cancelOnClick: handleCancelClick, agent: widgetAgent, canRefresh: canRefresh, canMinimize: canMinimize, canCancel: canCancel, config: config === null || config === void 0 ? void 0 : config.header, menuConfig: config.menu, onSubmit: handleOnSubmit }),
-            React__default$1["default"].createElement(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_w = (_v = props.config) === null || _v === void 0 ? void 0 : _v.typingStatus) === null || _w === void 0 ? void 0 : _w.textTypingStatusEnabled, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl }),
+            React__default$1["default"].createElement(MessageList, { visible: visible, queuePosition: chatState.queuePosition, isChatting: chatState.isChatting, isOffline: isOffline, messages: messages, agents: chatState.agents, agent: config === null || config === void 0 ? void 0 : config.agent, lastRatingRequestTimestamp: chatState.lastRatingRequestTimestamp, hasRating: chatState.hasRating, visitorId: chatState.visitorId, messageMiddleware: props.messageMiddleware, textTypingStatusEnabled: (_w = (_v = props.config) === null || _v === void 0 ? void 0 : _v.typingStatus) === null || _w === void 0 ? void 0 : _w.textTypingStatusEnabled, onSend: handleSendMessage, onWrite: handleWriteMessage, onOpenUrl: handleOpenUrl, minimizeOnClick: handleMinimizeClick }),
             React__default$1["default"].createElement("div", { className: "xa-spinner-container ".concat(visible && connectionStatus === "pending" ? "visible" : "") },
                 React__default$1["default"].createElement("div", { className: "xa-spinner" })),
             connectionStatus === "offline" && React__default$1["default"].createElement(ServerOffline, null),