Jon Emmett

Hey Eric, I was afraid of that as it was my conclusion as well.. Thanks for looking and yes let's see what the masses say. 

We have multiple groups set up to filter from different pages.  The problem is if an agent is in multiple groups and is logged in then all the groups are logged in.  Is there a way to limit what group is online with the web sdk?  Even if the agent has multiple groups. 

Hopefully this is clearer than mud.. 

User1 is in group1, group2, group3, but user1 only wants to take chat for group2 and group3 today.. is there a way to limit that?

nevermind.. eslint strikes again.. sigh.. 

Hey Erica Girges I have one last, well hopefully last, question.  When I go to build this I'm getting the following from your SDK:

src/vendor/web-sdk.js
Line 8:1: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 9:117: 'define' is not defined no-undef
Line 9:130: 'define' is not defined no-undef
Line 122:25: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 222:9: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 911:13: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 1130:17: Expected an assignment or function call and instead saw an expression no-unused-expressions
Line 3489:13: Expected an assignment or function call and instead saw an expression no-unused-expressions

This is in a react functional component implementation.   Do you have any idea what it's looking for and how to correct it?

Hey Erica Girges!  Sorry for my delay I was on vacation. lol. I had looked at that before and it's not what I'm after.  I was actually thinking about building a small simple app that would grab that information and pass it to the agent.  You are right, that would probably be faster and easier.  Thank you!

Hey Erica,

Ok figured that part out, I was just sending the wrong thing.. actually not sending if offline.  So a second question.. is it possible to fill the notes of a user programmatically?  I do not see anything in the sdk to do that. 

image added for clarity.

I want to be able to pass information to my agents, i.e. survey information, client id, etc. 

Bueller? Bueller?

This is probably a dumb question, but I'm not finding the answer in the docs. 

If I have multiple clients, how do I set the the department, with the web sdk, so that chats get routed to the right agents?  Or so that the agent knows which client they may be answering questions for?

I see where to set the name and email, but department says it is not whitelisted. If that adds any clarification for anyone.

nevermind.. I completely missed this.. I'm leaving this here so if someone else ends up with the same issue.. 

This:

import {zChat} from './vendor/web-sdk';

Should be:

import zChat from './vendor/web-sdk';

Thanks Webstorm. ha ha 

Hello!

I am in process of converting the sample web sdk react application from class components to functional components in hopes that we can use it for a proof of concept. (just a little background here)

So everything has gone pretty smooth until I get to this sendOfflineMsg function that is part of zChat, it seems to work fine from the class components, but says it's undefined when I try to send a message. 

I have imported zChat from the web-sdk, this method seems to work on other components.   I have also noticed the zChat.EMAIL_REGEX is also undefined, which makes me think that zChat is not really there after all... some things have been removed to simplify testing... (form validation for one, I'll write my own).

Included is the code for your review.. any legitimate input welcome. 

import React, {useState} from 'react';
import PropTypes from 'prop-types';
import CardContainer from "./CardContainer";
import MessageSvg from "./MessageSvg";
import ActionButton from "./ActionButton";
import {zChat} from "../vendor/web-sdk";

function OfflineForm() {
    const [name, setName] = useState("test");
    const [email, setEmail] = useState("test@email.com");
    const [message, setMessage] = useState("test");
    const [sent, setSent] = useState(false);

    const onSubmit = (e) => {
        e.preventDefault();

        // check validation
       zChat.sendOfflineMsg({
            name: name,
            email: email,
            message: message
        }, (err) => {
            if (err) return;
            setSent(true);
        });

    }

    const sendAnother = () => {
        setSent(false);
    }

    const renderChild = () => {
        if (sent) {
            return (
                

                    Your message has been sent. We will get back to you as soon as possible.
                                            addClass="button-resend"
                        label="Send another"
                        onClick={sendAnother}
                    />
                

            );
        } else {
            return (
                
 onSubmit(e)} key="not-sent" className="offline-form">
                    

                        

                            Name
                             setName(e.target.value)} />
                        

                        

                            Email
                             setEmail(e.target.value)} />
                        

                        

                            Message
                             setMessage(e.target.value)} /><br>                        </div><br>                    </div><br>                    <div className="button-container"><br>                        <button type="submit" className="button-send"><br>                            Send<br>                        </button><br>                    </div><br>                </form><br>            );<br>        }<br>    }<br>    return (<br>        <CardContainer addClass="offline-card" contentAddClass={sent ? 'sent' : ''} icon={<MessageSvg />}><br>            {renderChild()}<br>        </CardContainer><br>    );<br>}<br><br><br>OfflineForm.propTypes = {<br><br>};<br><br>export default OfflineForm;</pre>