JSFiddle - React, Tailwind, and code Playground

by Brian Houlihan

HTML

<script src="//mattel.widget.custhelp.com/euf/rightnow/RightNow.Client.js"></script>
<div id="myChatLinkContainer">
    <div id="myChatLink">
        <div id="myChatLinkInfo" style="background:url(//service.mattel.com/us/img/ContactUs/Chat.jpg); background-repeat: no-repeat; padding-top: 53px; padding-left: 8px; width: 200px; height:24px; color: #979999; font-size: 9px; FONT-FAMILY: Arial, Helvetica, Verdana, sans-serif;"></div>
    </div>
</div>

JavaScript

RightNow.Client.Controller.addComponent(
        {
            custom_fields: "{\"3\":\"1\"}",
            container_element_id: "myChatLinkContainer",
            info_element_id: "myChatLinkInfo",
            link_element_id: "myChatLink",
            instance_id: "sccl_0",
            module: "ConditionalChatLink",
            ignore_preroute: true,
			wait_threshold: 2700,
			min_sessions_avail: 0,
			CS_HOLIDAY_MSG_ENABLED: "yes",
            type: 7
        },
        "//mattel.widget.custhelp.com/ci/ws/get"
    );