HelpHub

Components Visuals

Overview

Visual 1

Visual 2

Visual 3

Visual 4

Visual5

Installation

To use the Helphub component, you need to inject the Script in your HTML page or wherever you want to use it. Here are the steps to do it:

• Create campaign from the QuestLabs.

• Copy the no code script .

It will look like this:

<script>
    (function() {
        let d = document,
        s = d.createElement("script"),
        body = d.getElementsByTagName("body")[0],
        fdDiv = d.createElement("div");
        s.src = "https://cdn.jsdelivr.net/npm/@questlabs/nocode-sdk@0.0.2/dist/index.min.js";
        s.async = true;
        fdDiv.id = "quest-sdk-feedback";
        body.appendChild(fdDiv);
        s.onload = function() {
            if (typeof window.mountFeedback === 'function') {
                window.mountFeedback('quest-sdk-feedback', "***Your EntityAuthenticationToken***");
            } else {
                console.error("window.mount is not a function");
            }
        };
        s.onerror = function() {
            console.error("Failed to load the component script.");
        };
        d.head.appendChild(s);
    })();
</script>

This script will automatically inject Helphub component in your page.

To show or hide component please call this function from your code: changeStatus();

Props of HelpHub Component

The props can be modified from the QuestLabs campaign flow.

The Helphub component accepts the following props:

Home

Props Name	Type	Require	Details
Form	ViewStyle	Optional	Main View Style
Heading	TextStyle		Home Heading Text style
SubHeading	TextStyle		Home SubHeading Text style.
sendMessageViewStyle	ViewStye		Send Message VIew Style
sendMessageTitleStyle	TextStyle		Send Message Title Text Style
sendMessageDescriptionStyle	TextStyle		Send Message Description Text Style
communityMainViewStyle	ViewStyle		community Main View Style
communityDemoViewStyle	ViewStyle		community Demo View Style
communityTitleStyle	TextStyle		community Title Text Style
communityDescriptionStyle	TextStyle		community Description text Style
searchMainViewStyle	ViewStyle		search Main View Style
searchViewStyle	ViewStyle		search View Style
searchListItemTitleStyle	TextStyle		Search List Item Title Text Style
getupdateMainViewStlye	ViewStyle		get update Main View Stlye
getupdateHeaderTextStyle	TextStyle		get update Header Text Style
getupdateTitleStyle	TextStyle		get update Title Style
getupdateTitle2Style	TextStyle		get update Title2 Style
getupdateDescriptionStyle	TextStyle		get update Description text Style
getupdateDescription2Style	TextStyle		get update Description2 text Style
getupdateButtonStyle	ViewStyle		get update Button Style
getupdateButtonTextStyle	TextStyle		get update Button Text Style
complateProfileView	ViewStyle		complate Profile View Style
complateProfileHeaderTextStyle	TextStyle		complate Profile Header Text Style
complateProfileDescriptionStyle	TextStyle		complate Profile Description Text Style
satisfiedMainViewStyle	ViewStyle		satisfied Main View Style
satisfiedTitleStyle	TextStyle		satisfied Title Style
satisfiedDescriptionStyle	TextStyle		satisfied Description Style
satisfiedFooterTextStyle	TextStyle		satisfied Footer Text Style

Chat

Props Name	Type	Require	Details
Form	ViewStyle		Msin View Style
Heading	TextStyle		Topbar Heading Style
SubHeading	TextStyle		Topbar SubHeading Style
Searchbox	ViewStyle		Search box View Style
chatButton	TextStyle		chat Button View Style
chatButtonText	TextStyle		chat Button Text Style
privetChatHeaderTextStyle	TextStyle		privet Chat Header Text Style
chatTitleText	TextStyle		chat Title Text Style
chatTitleDescription	TextStyle		chat Title Description text Style
message	ViewStyle		message View Style
chatInputViewStyle	ViewStyle		chat Input View Style

Help

Props Name	Type	Require	Details
Form	ViewStyle		Main View Style
Heading	TextStyle		Topbar Heading Style
SubHeading	TextStyle		Topbar SubHeading Style
Searchbox	ViewStyle		Search box View Style
FaqTextStyle	TextStyle		Faq Text Style
Heading	TextStyle		Card Heading Style
SubHeading	TextStyle		Card subHeading Style

Update

Props Name	Type	Require	Details
Form	ViewStyle		Main View Style
Heading	TextStyle		Topbar Heading Style
SubHeading	TextStyle		Topbar SubHeading Style
Searchbox	ViewStyle		Search box View Style
timeText	TextStyle		time Text Style
Heading	TextStyle		Card Heading Style
SubHeading	TextStyle		Card subHeading Style

Tasks

Props Name	Type	Require	Details
Form	ViewStyle		Main View Style
Heading	TextStyle		Topbar Heading Style
SubHeading	TextStyle		Topbar SubHeading Style
Searchbox	ViewStyle		Search box View Style
tasksStepTextStyle	TextStyle		tasks Step Text Style
Heading	TextStyle		Card Heading Style
SubHeading	TextStyle		Card subHeading Style