chat page

GenesysPureConnect · Oct 21, 2015 · f423d67 · f423d67
1 parent c52e843
commit f423d67
Show file tree

Hide file tree

Showing 39 changed files with 34,954 additions and 0 deletions.
diff --git a/src/ChatPage/chat/BypassLoginForm/chatOrCallback.html b/src/ChatPage/chat/BypassLoginForm/chatOrCallback.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+  <head>
+    <meta http-equiv="X-UA-Compatible" content="IE=7" />
+    <meta http-equiv="Pragma" content="no-cache">
+    <meta http-equiv="Expires" content="-1">
+    <meta http-equiv="cache-control" content="no-cache" />
+    <title>Interaction Web Tools</title>
+    <link rel="Stylesheet" type="text/css" href="page.css" media="all" />
+    <link rel="Stylesheet" type="text/css" href="webchat.css" media="all" />
+  </head>
+  <body>
+    <div id="iwc-web-chat-container">
+      <noscript>
+        <div class="iwc-web-chat">
+          <div class="iwc-login-container">
+            <h1 class="iwc-page-header">Interaction Web Tools</h1>
+            <div>
+              <div class="iwc-error">
+                <img src="img/error.png" alt="Error" />
+                <span>Javascript is required to view this site.</span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </noscript>
+    </div>
+    <script src="js/require.js" data-main="js/main.js" type="text/javascript"></script>
+    <script>
+        function setInteractionWebToolsParams(config, ui) {
+            return {
+                "currentUriFragment" : ui.ConfigConversions.convertICServerCountToCurrentUriFragment(config.ICServerCount),
+                "uriFragments" : ui.ConfigConversions.convertICServerCountToUriFragments(config.ICServerCount),
+                "pageMode" : ui.ConfigConversions.convertInteractionTypesToPageMode(config.InteractionTypes),
+                "chatTarget" : config.ChatTarget,
+                "chatTargetType" : config.ChatTargetType,
+                "callbackTarget" : config.CallbackTarget,
+                "callbackTargetType" : config.CallbackTargetType,
+                "defaultLanguageCode" : config.DefaultLanguageCode,
+             // "customInfo" : null,
+             // "chatFollowupUrl" : null,
+             // "callbackAttributes" : null,
+             // "callbackRoutingContext" : null
+                "useHttps" : config.UseEncryption
+            };
+        }
+
+        function getUserSelectedLanguageOverride() {
+            return null;
+        }
+
+        // The language in which the UI will be displayed is determined as follows:
+        // 1. If getUserSelectedLanguageOverride() returns a language code, that language will be used.
+        // 2. Otherwise, if the user's browser settings specify a supported language, the highest-preferred supported language will be used.
+        // 3. As a last resort, the language indicated by "defaultLanguageCode" above will be used.
+    </script>
+  </body>
+</html>
diff --git a/src/ChatPage/chat/BypassLoginForm/img/WebChatHeader.png b/src/ChatPage/chat/BypassLoginForm/img/WebChatHeader.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/WebChatHeader_rtl.png b/src/ChatPage/chat/BypassLoginForm/img/WebChatHeader_rtl.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/ball.png b/src/ChatPage/chat/BypassLoginForm/img/ball.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/check.png b/src/ChatPage/chat/BypassLoginForm/img/check.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/disconnect.gif b/src/ChatPage/chat/BypassLoginForm/img/disconnect.gif
diff --git a/src/ChatPage/chat/BypassLoginForm/img/error.png b/src/ChatPage/chat/BypassLoginForm/img/error.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/message_indicator.png b/src/ChatPage/chat/BypassLoginForm/img/message_indicator.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/message_indicator_rtl.png b/src/ChatPage/chat/BypassLoginForm/img/message_indicator_rtl.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/spinner.gif b/src/ChatPage/chat/BypassLoginForm/img/spinner.gif
diff --git a/src/ChatPage/chat/BypassLoginForm/img/triangle.png b/src/ChatPage/chat/BypassLoginForm/img/triangle.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/typing_16x32.png b/src/ChatPage/chat/BypassLoginForm/img/typing_16x32.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/typing_16x32_rtl.png b/src/ChatPage/chat/BypassLoginForm/img/typing_16x32_rtl.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/user.png b/src/ChatPage/chat/BypassLoginForm/img/user.png
diff --git a/src/ChatPage/chat/BypassLoginForm/img/user_rtl.png b/src/ChatPage/chat/BypassLoginForm/img/user_rtl.png
diff --git a/src/ChatPage/chat/BypassLoginForm/index.html b/src/ChatPage/chat/BypassLoginForm/index.html
@@ -0,0 +1,54 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+<html>
+    <head>
+        <title>Bypass Login Form Example</title>
+    </head>
+    <body>
+      <table border="1">
+        <tr>
+          <td>
+            <form action="chatOrCallback.html" method="GET">
+              <table>
+                <tr>
+                  <td>Name:</td>
+                  <td><input type="text" name="chatUsername"></td>
+                </tr>
+                <tr>
+                  <td>Password (optional):</td>
+                  <td><input type="password" name="chatPassword"></td>
+                </tr>
+                <tr>
+                  <td colspan="2"><input type="submit" value="Start Chat"></td>
+                </tr>
+              </table>
+            </form>
+          </td>
+          <td>
+            <form action="chatOrCallback.html" method="GET">
+              <table>
+                <tr>
+                  <td>Name:</td>
+                  <td><input type="text" name="callbackUsername"></td>
+                </tr>
+                <tr>
+                  <td>Password (optional):</td>
+                  <td><input type="password" name="callbackPassword"></td>
+                </tr>
+                <tr>
+                  <td>Telephone:</td>
+                  <td><input type="text" name="callbackTelephone"></td>
+                </tr>
+                <tr>
+                  <td>Subject:</td>
+                  <td><input type="text" name="callbackDescription"></td>
+                </tr>
+                <tr>
+                  <td colspan="2"><input type="submit" value="Create Callback"></td>
+                </tr>
+              </table>
+            </td>
+          </form>
+        </tr>
+      </table>
+    </body>
+</html>
diff --git a/src/ChatPage/chat/BypassLoginForm/js/Customizations.js b/src/ChatPage/chat/BypassLoginForm/js/Customizations.js
@@ -0,0 +1,264 @@
+/************************************************************************************************
+* This file contains Javascript code authored by Interactive Intelligence, Inc.                 *
+*                                                                                               *
+* The contents of this file are warranted to function as intended, provided they are not        *
+* modified in any way by customers, end users, or other parties.                                *
+*                                                                                               *
+* During the course of this product's support lifecycle, Interactive Intelligence, Inc. may     *
+* publish updates to this file at any time, via an SU or similar process.  If other             *
+* modifications are made to this file, these modifications may therefore be overwritten.        *
+*                                                                                               *
+* Customers are encouraged to extend the functionality provided in this file, by creating       *
+* additional file(s) which use this file as an API.                                             *
+************************************************************************************************/
+
+define(['common', 'ui', 'WebServices'], function(common, ui, webservices)
+{
+    var customizations = common.Type.registerLocalNamespace("customizations");
+
+/**
+ * CustomLoginInfoSource class 
+ *  
+ * In the default installation, a page is shown which allows the user to 
+ * select between tabs for Chat, Callback, and Registration.  To create a 
+ * chat, the user must type their name (and optionally, a password) and 
+ * press the "Start Chat" button.  To create a callback, the user must type 
+ * their name, telephone number, callback description, (and optionally a 
+ * password), and press the "Start Callback" button.
+ *  
+ * This is because ui._Internal._DefaultLoginInfoSource is not 
+ * able to get login information from any other source, so the default action is 
+ * to show that page. 
+ *  
+ * This subclass of _DefaultLoginInfoSource obtains login data from form submission 
+ * data, and the login form is therefore not shown. 
+ */
+customizations.CustomLoginInfoSource = Class.create(ui._Internal._DefaultLoginInfoSource,
+{
+    initialize : function()
+    {
+        // Create an instance of the class that is defined just below this one.
+        // This line could be placed elsewhere if desired, such as in chatOrCallback.html.
+        var customLifecycleEventsObserverSingleton = new customizations.CustomLifecycleEventsObserver();
+    },
+
+    /** 
+     * Skip the login page, and begin a chat right away using a username 
+     * obtained from the form in this example's index.html 
+     */
+    get_chatUsername : function()
+    {
+        // This line may be used to extract the value from the query string
+        return this.get_queryStringValue("chatUsername");
+    },
+
+    /** 
+     * If get_chatUsername() returns non-null, this method may optionally be 
+     * used to return the password of that user.  If an anonymous chat is 
+     * desired, simply implement get_chatUsername() but allow get_chatPassword() to 
+     * return null. 
+     */
+    get_chatPassword : function()
+    {
+        // This line may be used to extract the value from the query string (though that
+        // is perhaps not a wise place for a password to be!)
+        return this.get_queryStringValue("chatPassword");
+    },
+
+    /** 
+     * Skip the login page, and begin a callback right away using a username 
+     * obtained from the form in this example's index.html 
+     * Note that if get_chatUsername() also returns a non-null value, that will 
+     * take priority and a chat will be started, not a callback. 
+     */
+    get_callbackUsername : function()
+    {
+        // This line may be used to extract the value from the query string
+        return this.get_queryStringValue("callbackUsername");
+    },
+
+    /** 
+     * If get_callbackUsername() returns non-null, this method may optionally be 
+     * used to return the password of that user.  If an anonymous callback is 
+     * desired, simply implement get_callbackUsername() but allow get_callbackPassword() to 
+     * return null. 
+     */
+    get_callbackPassword : function()
+    {
+        // This line may be used to extract the value from the query string (though that
+        // is perhaps not a wise place for a password to be!)
+        return this.get_queryStringValue("callbackPassword");
+    },
+
+    /** 
+     * If get_callbackUsername() returns non-null, this method shall return that user's 
+     * telephone number. 
+     */
+    get_callbackTelephone : function()
+    {
+        // This line may be used to extract the value from the query string
+        return this.get_queryStringValue("callbackTelephone");
+    },
+
+    /** 
+     * If get_callbackUsername() returns non-null, this method shall return the subject which 
+     * that user wishes to discuss. 
+     */
+    get_callbackDescription : function()
+    {
+        // This line may be used to extract the value from the query string
+        return this.get_queryStringValue("callbackDescription");
+    },
+
+    /**
+     * The purpose of this example is to use usernames, passwords, etc. that were obtained from 
+     * an external source.  This is a helper method which uses the query string as that source. 
+     * Customers could easily replace this (or the calls to this) with code that gets the values 
+     * from other sources instead. 
+     *  
+     * @param key A key from a key+value pair in the query string
+     */
+    get_queryStringValue : function(key)
+    {
+        var value = common.Utilities.getQueryStringValue(key);
+
+        if (null == value)
+        {
+            return null;
+        }
+
+        // Undo the URL encoding that was done when the form was submitted.
+        // For instance, change "John+Doe" back to "John Doe"
+        return decodeURIComponent(value.replace(/\+/g, ' '));
+    }
+});
+
+/**
+ * CustomLifecycleEventObserver class 
+ *  
+ * In the default implementation, Notifications are sent when a chat or callback is 
+ * created, when a chat ends, and when an attempt to create a chat or callback 
+ * fails. 
+ *  
+ * This class listens for these Notifications and simply pops up some Javascript alerts.
+ */
+customizations.CustomLifecycleEventsObserver = Class.create(common.InterfaceImplementation,
+{
+    initialize : function($super)
+    {
+        $super();
+        this.addImplementedInterface(webservices.Interfaces.IChatCreationNotificationObserver, webservices);
+        this.addImplementedInterface(webservices.Interfaces.IChatCreationFailureNotificationObserver, webservices);
+        this.addImplementedInterface(webservices.Interfaces.IChatCompletionNotificationObserver, webservices);
+        this.addImplementedInterface(webservices.Interfaces.IChatCompletionFailureNotificationObserver, webservices);
+        this.addImplementedInterface(webservices.Interfaces.ICallbackCreationNotificationObserver, webservices);
+        this.addImplementedInterface(webservices.Interfaces.ICallbackCreationFailureNotificationObserver, webservices);
+        webservices.NotificationRegistry.registerObserver(this, webservices.Interfaces.IChatCreationNotification);
+        webservices.NotificationRegistry.registerObserver(this, webservices.Interfaces.IChatCreationFailureNotification);
+        webservices.NotificationRegistry.registerObserver(this, webservices.Interfaces.IChatCompletionNotification);
+        webservices.NotificationRegistry.registerObserver(this, webservices.Interfaces.IChatCompletionFailureNotification);
+        webservices.NotificationRegistry.registerObserver(this, webservices.Interfaces.ICallbackCreationNotification);
+        webservices.NotificationRegistry.registerObserver(this, webservices.Interfaces.ICallbackCreationFailureNotification);
+    },
+
+	/**
+	 * This method is called when a chat is created successfully.
+	 * 
+	 * @param chatCreationNotification An object that implements IChatCreationNotification. (Ignored)
+	 */
+    processChatCreationNotification : function(chatCreationNotification)
+    {
+        console.debug('Bypass Login Form Customization: Chat created successfully!');
+        console.debug(chatCreationNotification);
+    },
+
+	/**
+     * This method is called when an attempt to create a chat fails. 
+	 * 
+	 * @param chatCreationFailureNotification An object that implements IChatCreationFailureNotification.
+	 */
+    processChatCreationFailureNotification : function(chatCreationFailureNotification)
+    {
+        var error = chatCreationFailureNotification.get_error();
+        alert('Bypass Login Form Customization: Chat creation failed:\n' +
+              'Error Source: ' + error.get_errorSource() +
+              '\nError Type: ' + error.get_errorType() +
+              '\nError SubType: ' + error.get_subErrorType() +
+              '\nError Code: ' + error.get_errorCode());
+        //history.go(-1);
+    },
+
+	/**
+     * This method is called when a chat is exited successfully.
+	 * 
+	 * @param chatCompletionNotification An object that implements IChatCompletionNotification. (Ignored)
+	 */
+    processChatCompletionNotification : function(chatCompletionNotification)
+    {
+        console.debug('Bypass Login Form Customization: Chat complete!');
+        //history.go(-1);
+    },
+
+	/**
+     * This method is called when an attempt to exit a chat fails. 
+	 * 
+	 * @param chatCompletionFailureNotification An object that implements IChatCompletionFailureNotification.
+	 */
+    processChatCompletionFailureNotification : function(chatCompletionFailureNotification)
+    {
+        var error = chatCompletionFailureNotification.get_error();
+        alert('Bypass Login Form Customization: Chat competion failed:\n' +
+              'Error Source: ' + error.get_errorSource() +
+              '\nError Type: ' + error.get_errorType() +
+              '\nError SubType: ' + error.get_subErrorType() +
+              '\nError Code: ' + error.get_errorCode());
+        //history.go(-1);
+    },
+
+	/**
+	 * This method is called when a callback is created successfully.
+	 * 
+	 * @param callbackCreationNotification An object that implements ICallbackCreationNotification. (Ignored)
+	 */
+    processCallbackCreationNotification : function(callbackCreationNotification)
+    {
+        console.debug('Bypass Login Form Customization: Callback created successfully!');
+        //history.go(-1);
+    },
+
+	/**
+     * This method is called when an attempt to create a callback fails. 
+	 * 
+	 * @param callbackCreationFailureNotification An object that implements ICallbackCreationFailureNotification.
+	 */
+    processCallbackCreationFailureNotification : function(callbackCreationFailureNotification)
+    {
+        var error = callbackCreationFailureNotification.get_error();
+        alert('Bypass Login Form Customization: Callback creation failed:\n' +
+              'Error Source: ' + error.get_errorSource() +
+              '\nError Type: ' + error.get_errorType() +
+              '\nError SubType: ' + error.get_subErrorType() +
+              '\nError Code: ' + error.get_errorCode());
+        //history.go(-1);
+    }
+});
+
+    customizations.singletonImplementations =
+    {
+        "LoginInfoSource"     : customizations.CustomLoginInfoSource,
+        "MaximumFieldLengths" : ui._Internal._DefaultMaximumFieldLengths,
+        "RetryCounts"         : webservices._Internal._DefaultRetryCounts,
+        "TabVisibility"       : ui._Internal._DefaultTabVisibility,
+        "StatusFieldsDisplay" : ui._Internal._DefaultStatusFieldsDisplay,
+        "Linkifier"           : webservices._Internal._DefaultLinkifier,
+        "SendOnEnter"         : webservices._Internal._DefaultSendOnEnter
+    };
+
+    customizations.nonSingletonImplementations =
+    {
+        "RegistrationFormPanel" : ui._Internal._DefaultRegistrationFormPanel
+    };
+
+    ININ.Web.Chat.Customizations = customizations; // Temporary shim
+    return customizations;
+});
diff --git a/src/ChatPage/chat/BypassLoginForm/js/External.js b/src/ChatPage/chat/BypassLoginForm/js/External.js