open-index/open-npm huggingface dataset:
npm package: @seatsio/seatsio-react-native
Description: The official seats.io react-native wrapper library
Author: bverbeken
Latest version: 6.22.0

# Seats.io React Native SDK 

## Introduction

seatsio-react-native allows rendering seats.io seating charts inside a React Native application. 

It uses [React Native Webview](https://github.com/react-native-webview/react-native-webview) as an embedded browser.

## Usage

Tip: be sure to check out the [examples folder](https://github.com/seatsio/seatsio-react-native/tree/master/example/examples), it contains samples for many configuration options. 

### Minimal 
```jsx
import SeatsioSeatingChart from '@seatsio/seatsio-react-native';

<SeatsioSeatingChart
    region="eu"
    workspaceKey="<yourPublicWorkspaceKey>"
    event="<yourEventKey>"
/>
```

### Using sessions 
```jsx
import SeatsioSeatingChart from '@seatsio/seatsio-react-native';

<SeatsioSeatingChart
    region="eu"
    workspaceKey="<yourPublicWorkspaceKey>"
    event="<yourEventKey>"
    session="start"
    onSessionInitialized={holdToken => console.log('new token: ' + holdToken.token)}
/>
```

You can also retrieve the hold token through `chart.getHoldToken()`. Do not use `chart.holdToken` - that property is undefined:

```jsx
import SeatsioSeatingChart from '@seatsio/seatsio-react-native';

<SeatsioSeatingChart
    region="eu"
    workspaceKey="<yourPublicWorkspaceKey>"
    event="<yourEventKey>"
    session="start"
    onChartRendered={(chart) => this.chart = chart}
/>

<Button title={"getHoldToken()"} onPress={() => this.chart.getHoldToken().then(holdToken => alert(holdToken))}/>
```

### Persisting the session token (i.e. the hold token)
Seating charts store their hold token in the session storage of the browser. Since seatsio-react-native uses a webview to show the chart,
you loose the hold token when the webview gets destroyed. That's inconvenient when you want te let the ticket buyer go back to a chart
they previously opened (and in which they selected places).

The solution is to:
1. user navigates to the chart for the first time: render the chart with `session="start"`, and implement `onSessionInitialized` to store the hold token in your app
2. user navigates away from the seating chart: webview gets destroyed
3. user navigates back to the chart: render the chart with `session="manual"` and `holdToken="<the stored hold token>"`. Previously selected seats will automatically be selected again.

### Callbacks

Some callbacks (which are internally executed inside the seats.io iFrame) need to be passed in as a string: 

- `objectColor`
- `sectionColor`
- `objectLabel`
- `objectIcon`
- `isObjectVisible`
- `canGASelectionBeIncreased`


So for example, `objectColor` would look like this:

```jsx
import SeatsioSeatingChart from '@seatsio/seatsio-react-native';

<SeatsioSeatingChart
    region="eu"
    workspaceKey="<yourPublicWorkspaceKey>"
    event="<yourEventKey>"
    objectColor="(object) => { return object.selectable ? 'green' : 'red' }"
/>
```
npm package: @seavlang/chatbotwidgettest
Description: A Rchatbot widget for web applications built with Next.js
Author: kshrd
Latest version: 4.0.1

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
## How to Use

```javascript
import  Chatbot  from "@kshrd/chatbotwidget";

export default function Chat() {
  return 
  <div>
    <Chatbot 
        defaultText="Your_welcome_text"
        sessionId="Your_session_id" 
        projectId="Your_project_id"  
    />
  </div>;
}


You can test the package with this: 
  defaultText = "Hello" 
  session id =  "2", 
  project id =  "2", 

#please note that the defaultText is optional

#Suggest Questions: 
-What problem does the AutoPilot platform aim to solve for developers?
-How does LMS support multiple languages for leave management?
-What is the primary purpose of the easycart mobile application?
-How does FinTrack assist bank clients with transaction notifications?
-What technology does e-Certify use to ensure certificate authenticity and security?
-What key feature does TradeWise offer to connect buyers and sellers?
-What types of notifications can FinTrack send to its users?
-How does DataVue provide financial information to users?
-In what ways does the AutoPilot platform support CI/CD for developers?
-How does LMS streamline the leave request process for employees?
npm package: @seavlang/hrdchatbotwidget
Description: A Rchatbot widget for web applications built with Next.js
Author: kshrd
Latest version: 3.0.4

This is a [Next.js](https://nextjs.org) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).

## Getting Started

First, run the development server:

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```
## How to Use

```javascript
import  Chatbot  from "@seavlang/hrdchatbotwidget";

export default function Chat() {
  return 
  <div>
    <Chatbot 
        defaultText="Your_welcome_text"
        SessionId="Your_session_id" 
        projectId="Your_project_id"  
        // apiKey="Your_api_key"
    />
  </div>;
}

#Testing Project 
In this example I have uploaded the file that contains the final project of 11th Gen Student, which includes groups (LMS, EasyCart,FinTrack,TradeWise,AutoPilot,e-certify,DataVue)

You can test the package with this: 
  defaultText = "Hello" 
  session id =  "14", 
  project id =  "8", 
  // api key = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJwcm9qZWN0X25hbWUiOiJzZWF2bGFuZyIsImVtYWlsIjoic2lldmxhbmd2ZXlAZ21haWwuY29tIn0.BYKAF4dQl34kppfrH_SS29ef4se5Qpr3cQ-1iNaolX0"

#please note that the defaultText is optional

#Suggest Questions: 
-What problem does the AutoPilot platform aim to solve for developers?
-How does LMS support multiple languages for leave management?
-What is the primary purpose of the easycart mobile application?
-How does FinTrack assist bank clients with transaction notifications?
-What technology does e-Certify use to ensure certificate authenticity and security?
-What key feature does TradeWise offer to connect buyers and sellers?
-What types of notifications can FinTrack send to its users?
-How does DataVue provide financial information to users?
-In what ways does the AutoPilot platform support CI/CD for developers?
-How does LMS streamline the leave request process for employees?
npm package: @seawrom/appify
Description: Opinionated API bootstrap as module.
Latest version: 1.1.0
Deprecated: deprecated in favor of @deep-trace/appify

[![Gitpod - Code Now](https://img.shields.io/badge/Gitpod-code%20now-blue.svg?longCache=true)](https://gitpod.io#https://github.com/deep-trace/tracing-api)
[![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)

# Appify

Comming soon...