npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

abb-feedback-module

v3.4.8

Published

Feedback components

Downloads

195

Readme

Table of contents

Quick start

Several quick start options are available:

  • Install with npm: npm install abb-feedback-module
  • Install with yarn: yarn add abb-feedback-module
  • Install with Composer: composer require twbs/abb-feedback-module
  • Install with NuGet: CSS: Install-Package bootstrap Sass: Install-Package abb-feedback-module.sass

Status

![npm version]

What's included

Within the download you'll find the following directories and files, logically grouping common assets and providing both compiled and minified variations. You'll see something like this:

abb-feedback-module/
└── dist/
    |── components/
    |   ├── styles/
    |   |   ├── bot.scss
    |   |   ├── chat.scss
    |   ├── Bot.js
    |   ├── Chat.js
    |   ├── Screenshot.js        
    └── constants/
        ├── constants.js
        ├── Chat.js
        ├── Screenshot.js
        

Documentation

How to install

npm install abb-feedback-module

Or

yarn add abb-feedback-module

Comapatibility and Dev Dependencies.

Supported versions of react and react dom :

react :"^16.14.0"
react-dom : "^16.14.0"

External Libraries:

"@abb/abb-common-ux-react": "^0.24.1".

Note to be followed for external libraries:

We need to add .npmrc file in the root directory. In the file add the registry and its permissions to access it with in the project.

How it works

import { Bot } from 'abb-feedback-module';

<Bot
    /* globalLanguage is used only when you want your application to be translated in multiple languages*/
    globalLanguage={"English - ENG"}

    /* This is the Url you need to provide to send your feedback and get it saved in backend database */
    submitFeedbackUrl={"https://dev.url.submitfeedback.com"} /*example url*/

    /* This is the Url you need to provide to get the logged in user's email id */
    userProfileEndpoint={"https://dev.url.userendpoint.com"} /*example url*/

    /* This is the token that you need to pass for the authentication */
    bearerToken={"Eyklsfdf7868klmdfkjkjkdfdsjfhk7868sdfjkjHKlkldjfksdjkjkj"} /*example token*/

    /* It is the logged in user's organization GUID */
    organizationGUID={"G1234567890"} /*example GUID*/

    /* This is a boolean value which decides whether you want to hide or display chat */
    hideChat={false}
/>

Props 💬

| Prop | Type | Default | Description | Possible Values | |:--------- | :---- | :---- |:---- |:---- | | globalLanguage | string | English - ENG | Language that user wants to get it displayed in | "English - ENG" for English "Mandarin - MAD" for Mandarin "Spanish - SPAN" for Spanish "Italiana - ITAL" for Italian "Tedesca - GER" for German "francese - FRE" for French "finlandese - FIN" for Finnish "Russa - RUS" for Russian "portoghese - PORT" for Portugese | organizationGUID | string | | It is the logged in user's organization GUID | `submitFeedbackUrl` | `url` | | This is the Url you need to provide inorder to send your feedback to get it saved in backend database | userProfileEndpoint | url | | This is the Url you need to provide inorder to get the logged in user's email id | `bearerToken` | `string` | | This is the token you need to pass for the authentication | hideChat | boolean | false | This is a boolean value which decides whether you can hide or display chat


Contact us

global-support.northstar@abb.com

Thanks