1.5.4 • Published 9 months ago

@customerglu/react-web-sdk v1.5.4

Weekly downloads
-
License
MIT
Repository
github
Last release
9 months ago

@customerglu/react-web-sdk

npm version

CustomerGlu enables growth teams to run gamified programs in minutes, using a low code builder. This package is the SDK for React Web apps.

Table of Contents

Installation

You can install the package using npm or yarn:

npm install @customerglu/react-web-sdk

Usage

Here’s a basic example of how to use the component in your project:

import { CustomerGluComponent } from "@customerglu/react-web-sdk";

export default function App() {
  return (
    <div className="App">
      <div
        id="embedId"
        style={{
          margin: "10px",
          border: "1px solid #E2E8F0",
          borderRadius: "8px",
          height: "fit-content",
          width: "380px",
          display: "flex",
          alignItems: "center",
          justifyContent: "center",
          cursor: "pointer",
        }}
      >
        <CustomerGluComponent
          userId="<YOUR-USER-ID>"
          gluToken="<USER-GLU_TOKEN>"
          region="<REGION>"
        >
          <Loader /> // you can render your loading component
        <CustomerGluComponent />
      </div>
    </div>
  );
}

Note: id of the div is configured from the CustomerGlu dashboard while creating the nudge for the particular campaign.

Props

Prop NameTypeDefaultDescription
userIdstring''This field is used to provide a user identifier whenever user logs in, in the app flow. This field is not mandatory, and SDK would assign an anonymous ID in case userId is not provided.
gluTokenstring(Required) This can be generated by the API provided by CustomerGlu.
childrennodeA loader component that is displayed while the SDK is being initialized.
regionstring'in'The datacenter location for your CustomerGlu account. We support 2 datacenter locations: 'in' or 'us'

Enable Activity Processing

For enabling the Activity Processing for the user we need to enable it from the following method:

import { gluEnableActivityProcessing } from "@customerglu/react-web-sdk";

gluEnableActivityProcessing("<USER-GLU_TOKEN>", "<CAMPAIGN_ID>");

Function Arguments

Argument NameTypeDefaultDescription
USER-GLU_TOKENstring''(Required) This can be generated by the API provided by CustomerGlu
CAMPAIGN_IDstring''(Required) CampaignId can be obtained from the dashboard for the campaign where you want to enable activity processing..

Contributing

Contributions are welcome! Please open an issue or submit a pull request.

Development

To get started with development, clone the repository and install dependencies:

git clone https://github.com/customerglu/customerglu-components.git
cd customerglu-components
npm install

Changelog

Version 1.5.4

  • Remove addition checks

Version 1.5.1

  • Added fix for Singleton instance

Version 1.5.0

  • Improved resource management for better performance and efficiency.

License

This project is licensed under the MIT License. See the LICENSE file for details.

1.5.4

9 months ago

1.5.3

9 months ago

1.5.2

9 months ago

1.5.1

9 months ago

1.5.0

11 months ago

1.4.6

11 months ago

1.4.5

11 months ago

1.4.4

11 months ago

1.4.3

11 months ago

1.4.2

11 months ago

1.4.1

11 months ago

1.3.10

11 months ago

1.3.9

11 months ago

1.3.8

11 months ago

1.3.7

11 months ago

1.3.6

11 months ago

1.3.5

1 year ago

1.3.4

1 year ago

1.3.3

1 year ago

1.3.2

1 year ago

1.3.1

1 year ago

1.2.14

1 year ago

1.2.13

1 year ago

1.2.12

1 year ago

1.2.11

1 year ago

1.2.10

1 year ago

1.2.9

1 year ago

1.2.7

1 year ago

1.2.6

1 year ago

1.2.5

1 year ago

1.2.4

1 year ago

1.2.3

1 year ago

1.2.2

1 year ago

1.2.1

1 year ago

1.1.7

1 year ago

1.1.6

1 year ago

1.1.5

1 year ago

1.1.4

1 year ago

1.1.3

1 year ago

1.1.2

1 year ago

1.1.1

1 year ago

1.1.0

1 year ago

1.0.45

1 year ago

1.0.44

1 year ago