PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

0.0.10

npm

5paisa-tradingview-webhook

A React component for integrating TradingView webhooks with trading platforms. This component provides a user interface for generating webhook URLs and JSON payloads that can be used to connect TradingView alerts with trading accounts.

Published11 Sept 2025
Direct dependencies89
Transitive dependenciesNot calculated

README

Current package documentation

React Webhook Integration Component

A React component for integrating TradingView webhooks with trading platforms. This component provides a user interface for generating webhook URLs and JSON payloads that can be used to connect TradingView alerts with trading accounts.

Features

  • Generate and manage webhook URLs with configurable expiry periods
  • Create custom order JSON payloads
  • Support for both custom orders and basket orders
  • Real-time URL and JSON copying functionality
  • Built-in validation and error handling
  • Responsive design with mobile support
  • Integration with trading platforms

Installation

npm install trading-webhook-component

Dependencies

This component requires the following peer dependencies:

{
  "react": "^17.0.0 || ^18.0.0",
  "react-dom": "^17.0.0 || ^18.0.0",
  "moment": "^2.29.0",
  "react-outside-click-handler": "^1.3.0"
}

Usage

import { Webhook } from 'trading-webhook-component';

function App() {
  return (
    <Webhook 
      closeWebHookModal={() => {}} 
      platform="5PTRADE"
      style={{ width: '800px' }} 
    />
  );
}

Props

PropTypeRequiredDescription
closeWebHookModalfunctionNoCallback function to close the webhook modal
styleCSSPropertiesNoCustom styles to apply to the component
platform"5PTRADE" | "Derivative360"YesTrading platform identifier

Component Structure

The component consists of three main sections:

  1. URL Generation

    • Generate webhook URLs with customizable validity periods
    • Copy URL functionality
    • URL expiry tracking

  2. JSON Object Generation

    • Custom order configuration
    • Basket order selection
    • Order type selection (Market/Limit)
    • Transaction type selection (Buy/Sell)
    • Product type selection (Delivery/Intraday)

  3. Educational Resources

    • Links to documentation
    • Video tutorials
    • Quick start guides

API Integration

The component expects the following API endpoints to be available:

getWebHookDetails(clientCode: string): Promise<WebHookResponse>
getWebHookToken(validity: number, clientCode: string): Promise<TokenResponse>
getBaskets(clientCode: string): Promise<BasketResponse>

Types

type WebhookProps = {
  closeWebHookModal?: () => void;
  style?: CSSProperties;
  platform: "5PTRADE" | "Derivative360";
};

type OrderDataType = {
  RequestType: string;
  PlaceOrderReqList: SingleOrderDataType[] | BasketOrderType[];
};

type SingleOrderDataType = {
  transactionType: string;
  orderType: string;
  quantity: number;
  price: string;
  exchange: string;
  Symbol: string;
  productType: string;
};

Styling

The component uses SCSS modules for styling. You can override the default styles by providing your own style:

style={{ height: "800px" }}

Error Handling

The component includes built-in error handling for:

  • Failed API requests
  • Invalid URL generation
  • Basket loading errors
  • Invalid order parameters

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 93

Native requirements
89 direct targetsNot calculated transitive count
Package / targetRequirementRelationship
md5
Environment
{
  "local_name": "md5",
  "alias": false,
  "peer_metadata": null
}
^2.3.0runtime
npm
Environment
{
  "local_name": "npm",
  "alias": false,
  "peer_metadata": null
}
^10.7.0runtime
rxjs
Environment
{
  "local_name": "rxjs",
  "alias": false,
  "peer_metadata": null
}
^7.5.6runtime
axios
Environment
{
  "local_name": "axios",
  "alias": false,
  "peer_metadata": null
}
1.4.0runtime
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^18.2.0runtime
lodash
Environment
{
  "local_name": "lodash",
  "alias": false,
  "peer_metadata": null
}
^4.17.21runtime
moment
Environment
{
  "local_name": "moment",
  "alias": false,
  "peer_metadata": null
}
^2.29.3runtime
install
Environment
{
  "local_name": "install",
  "alias": false,
  "peer_metadata": null
}
^0.13.0runtime
bootstrap
Environment
{
  "local_name": "bootstrap",
  "alias": false,
  "peer_metadata": null
}
^5.1.3runtime
crypto-js
Environment
{
  "local_name": "crypto-js",
  "alias": false,
  "peer_metadata": null
}
^4.1.1runtime
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.2.0runtime
ts-loader
Environment
{
  "local_name": "ts-loader",
  "alias": false,
  "peer_metadata": null
}
^9.5.1runtime
typescript
Environment
{
  "local_name": "typescript",
  "alias": false,
  "peer_metadata": null
}
^4.9.5runtime
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^18.2.0runtime
@types/lodash
Environment
{
  "local_name": "@types/lodash",
  "alias": false,
  "peer_metadata": null
}
^4.14.181runtime
react-scripts
Environment
{
  "local_name": "react-scripts",
  "alias": false,
  "peer_metadata": null
}
5.0.0runtime
react-bootstrap
Environment
{
  "local_name": "react-bootstrap",
  "alias": false,
  "peer_metadata": null
}
^2.4.0runtime
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.2.0runtime
copy-webpack-plugin
Environment
{
  "local_name": "copy-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^12.0.2runtime
@builder.io/partytown
Environment
{
  "local_name": "@builder.io/partytown",
  "alias": false,
  "peer_metadata": null
}
^0.6.4runtime
@types/react-bootstrap
Environment
{
  "local_name": "@types/react-bootstrap",
  "alias": false,
  "peer_metadata": null
}
^0.32.29runtime
react-outside-click-handler
Environment
{
  "local_name": "react-outside-click-handler",
  "alias": false,
  "peer_metadata": null
}
^1.3.0runtime
css-minimizer-webpack-plugin
Environment
{
  "local_name": "css-minimizer-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^7.0.0runtime
@microsoft/applicationinsights-web
Environment
{
  "local_name": "@microsoft/applicationinsights-web",
  "alias": false,
  "peer_metadata": null
}
^3.3.1runtime
jest
Environment
{
  "local_name": "jest",
  "alias": false,
  "peer_metadata": null
}
^29.7.0development
sass
Environment
{
  "local_name": "sass",
  "alias": false,
  "peer_metadata": null
}
^1.60.0development
husky
Environment
{
  "local_name": "husky",
  "alias": false,
  "peer_metadata": null
}
^4.3.8development
dotenv
Environment
{
  "local_name": "dotenv",
  "alias": false,
  "peer_metadata": null
}
^16.4.7development
eslint
Environment
{
  "local_name": "eslint",
  "alias": false,
  "peer_metadata": null
}
^8.32.0development
rollup
Environment
{
  "local_name": "rollup",
  "alias": false,
  "peer_metadata": null
}
^2.70.0development
uuidv4
Environment
{
  "local_name": "uuidv4",
  "alias": false,
  "peer_metadata": null
}
^6.2.13development
postcss
Environment
{
  "local_name": "postcss",
  "alias": false,
  "peer_metadata": null
}
^8.5.1development
ts-jest
Environment
{
  "local_name": "ts-jest",
  "alias": false,
  "peer_metadata": null
}
^29.1.2development
webpack
Environment
{
  "local_name": "webpack",
  "alias": false,
  "peer_metadata": null
}
^5.77.0development
prettier
Environment
{
  "local_name": "prettier",
  "alias": false,
  "peer_metadata": null
}
^2.5.1development
tsc-files
Environment
{
  "local_name": "tsc-files",
  "alias": false,
  "peer_metadata": null
}
^1.1.3development
css-loader
Environment
{
  "local_name": "css-loader",
  "alias": false,
  "peer_metadata": null
}
^6.10.0development
dotenv-cli
Environment
{
  "local_name": "dotenv-cli",
  "alias": false,
  "peer_metadata": null
}
^5.0.0development
url-loader
Environment
{
  "local_name": "url-loader",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@babel/core
Environment
{
  "local_name": "@babel/core",
  "alias": false,
  "peer_metadata": null
}
^7.21.4development
@types/jest
Environment
{
  "local_name": "@types/jest",
  "alias": false,
  "peer_metadata": null
}
^29.5.12development
@types/node
Environment
{
  "local_name": "@types/node",
  "alias": false,
  "peer_metadata": null
}
^16.18.125development
file-loader
Environment
{
  "local_name": "file-loader",
  "alias": false,
  "peer_metadata": null
}
^6.2.0development
lint-staged
Environment
{
  "local_name": "lint-staged",
  "alias": false,
  "peer_metadata": null
}
^12.5.0development
sass-loader
Environment
{
  "local_name": "sass-loader",
  "alias": false,
  "peer_metadata": null
}
^16.0.4development
webpack-cli
Environment
{
  "local_name": "webpack-cli",
  "alias": false,
  "peer_metadata": null
}
^4.10.0development
@svgr/rollup
Environment
{
  "local_name": "@svgr/rollup",
  "alias": false,
  "peer_metadata": null
}
^8.1.0development
@types/react
Environment
{
  "local_name": "@types/react",
  "alias": false,
  "peer_metadata": null
}
^18.2.8development
autoprefixer
Environment
{
  "local_name": "autoprefixer",
  "alias": false,
  "peer_metadata": null
}
^10.4.8development
babel-loader
Environment
{
  "local_name": "babel-loader",
  "alias": false,
  "peer_metadata": null
}
^8.3.0development
style-loader
Environment
{
  "local_name": "style-loader",
  "alias": false,
  "peer_metadata": null
}
^3.3.4development
@svgr/webpack
Environment
{
  "local_name": "@svgr/webpack",
  "alias": false,
  "peer_metadata": null
}
^8.1.0development
@types/crypto-js
Environment
{
  "local_name": "@types/crypto-js",
  "alias": false,
  "peer_metadata": null
}
^4.1.1development
@types/react-dom
Environment
{
  "local_name": "@types/react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.2.4development
jest-canvas-mock
Environment
{
  "local_name": "jest-canvas-mock",
  "alias": false,
  "peer_metadata": null
}
^2.5.2development
@babel/preset-env
Environment
{
  "local_name": "@babel/preset-env",
  "alias": false,
  "peer_metadata": null
}
^7.21.4development
rollup-plugin-dts
Environment
{
  "local_name": "rollup-plugin-dts",
  "alias": false,
  "peer_metadata": null
}
^6.1.1development
@rollup/plugin-url
Environment
{
  "local_name": "@rollup/plugin-url",
  "alias": false,
  "peer_metadata": null
}
^8.0.2development
axios-mock-adapter
Environment
{
  "local_name": "axios-mock-adapter",
  "alias": false,
  "peer_metadata": null
}
^1.21.4development
identity-obj-proxy
Environment
{
  "local_name": "identity-obj-proxy",
  "alias": false,
  "peer_metadata": null
}
^3.0.0development
webpack-dev-server
Environment
{
  "local_name": "webpack-dev-server",
  "alias": false,
  "peer_metadata": null
}
^4.13.2development
@babel/preset-react
Environment
{
  "local_name": "@babel/preset-react",
  "alias": false,
  "peer_metadata": null
}
^7.18.6development
@rollup/plugin-json
Environment
{
  "local_name": "@rollup/plugin-json",
  "alias": false,
  "peer_metadata": null
}
^6.1.0development
eslint-plugin-react
Environment
{
  "local_name": "eslint-plugin-react",
  "alias": false,
  "peer_metadata": null
}
^7.31.8development
html-webpack-plugin
Environment
{
  "local_name": "html-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.5.0development
@rollup/plugin-alias
Environment
{
  "local_name": "@rollup/plugin-alias",
  "alias": false,
  "peer_metadata": null
}
^5.1.1development
clean-webpack-plugin
Environment
{
  "local_name": "clean-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^4.0.0development
http-proxy-middleware
Environment
{
  "local_name": "http-proxy-middleware",
  "alias": false,
  "peer_metadata": null
}
^3.0.2development
rollup-plugin-postcss
Environment
{
  "local_name": "rollup-plugin-postcss",
  "alias": false,
  "peer_metadata": null
}
^4.0.2development
terser-webpack-plugin
Environment
{
  "local_name": "terser-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.3.10development
@rollup/plugin-replace
Environment
{
  "local_name": "@rollup/plugin-replace",
  "alias": false,
  "peer_metadata": null
}
^6.0.2development
@testing-library/react
Environment
{
  "local_name": "@testing-library/react",
  "alias": false,
  "peer_metadata": null
}
^14.1.2development
jest-environment-jsdom
Environment
{
  "local_name": "jest-environment-jsdom",
  "alias": false,
  "peer_metadata": null
}
^29.7.0development
@rollup/plugin-commonjs
Environment
{
  "local_name": "@rollup/plugin-commonjs",
  "alias": false,
  "peer_metadata": null
}
^21.0.1development
mini-css-extract-plugin
Environment
{
  "local_name": "mini-css-extract-plugin",
  "alias": false,
  "peer_metadata": null
}
^2.9.0development
postcss-prefix-selector
Environment
{
  "local_name": "postcss-prefix-selector",
  "alias": false,
  "peer_metadata": null
}
^2.1.0development
webpack-bundle-analyzer
Environment
{
  "local_name": "webpack-bundle-analyzer",
  "alias": false,
  "peer_metadata": null
}
^4.10.1development
@rollup/plugin-typescript
Environment
{
  "local_name": "@rollup/plugin-typescript",
  "alias": false,
  "peer_metadata": null
}
^8.3.0development
@testing-library/jest-dom
Environment
{
  "local_name": "@testing-library/jest-dom",
  "alias": false,
  "peer_metadata": null
}
^5.17.0development
@typescript-eslint/parser
Environment
{
  "local_name": "@typescript-eslint/parser",
  "alias": false,
  "peer_metadata": null
}
^5.10.0development
eslint-plugin-react-hooks
Environment
{
  "local_name": "eslint-plugin-react-hooks",
  "alias": false,
  "peer_metadata": null
}
^4.3.0development
rollup-plugin-typescript2
Environment
{
  "local_name": "rollup-plugin-typescript2",
  "alias": false,
  "peer_metadata": null
}
^0.36.0development
circular-dependency-plugin
Environment
{
  "local_name": "circular-dependency-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.2.2development
@rollup/plugin-node-resolve
Environment
{
  "local_name": "@rollup/plugin-node-resolve",
  "alias": false,
  "peer_metadata": null
}
^13.1.3development
@testing-library/user-event
Environment
{
  "local_name": "@testing-library/user-event",
  "alias": false,
  "peer_metadata": null
}
^14.5.2development
eslint-plugin-unused-imports
Environment
{
  "local_name": "eslint-plugin-unused-imports",
  "alias": false,
  "peer_metadata": null
}
^2.0.0development
@typescript-eslint/eslint-plugin
Environment
{
  "local_name": "@typescript-eslint/eslint-plugin",
  "alias": false,
  "peer_metadata": null
}
^5.10.0development
rollup-plugin-peer-deps-external
Environment
{
  "local_name": "rollup-plugin-peer-deps-external",
  "alias": false,
  "peer_metadata": null
}
^2.2.4development
@types/react-outside-click-handler
Environment
{
  "local_name": "@types/react-outside-click-handler",
  "alias": false,
  "peer_metadata": null
}
^1.3.4development
optimize-css-assets-webpack-plugin
Environment
{
  "local_name": "optimize-css-assets-webpack-plugin",
  "alias": false,
  "peer_metadata": null
}
^6.0.1development
@babel/plugin-proposal-private-property-in-object
Environment
{
  "local_name": "@babel/plugin-proposal-private-property-in-object",
  "alias": false,
  "peer_metadata": null
}
7.21.11development
react
Environment
{
  "local_name": "react",
  "alias": false,
  "peer_metadata": null
}
^18.2.0peer
react-dom
Environment
{
  "local_name": "react-dom",
  "alias": false,
  "peer_metadata": null
}
^18.2.0peer

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "shasum": "d69b664966cb590ba3a2e118c93a31ea4ae50ab9",
  "tarball": "https://registry.npmjs.org/5paisa-tradingview-webhook/-/5paisa-tradingview-webhook-0.0.10.tgz",
  "fileCount": 20,
  "integrity": "sha512-vSoqwjbZkGTkp4mj3Zmt26cfZEZbgAq5eaOfwE5N5zBuKBCqJuvfc/ojvTwy9hLZxYd7GvXr7IElziQSlp32ww==",
  "signatures": [
    {
      "sig": "MEYCIQCBKcH0bw0/CLVFjF7rw8vmWO6PIRX2JOYug3rX2jGTHgIhAIr/ezvSqHOrO2HK9DG2OqXmS54nP+qG9YhDuzxczKkB",
      "keyid": "SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"
    }
  ],
  "unpackedSize": 2742766
}

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 20:38 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:d1682c2d5f7d7d862fd7e81b4ec3a1ccf23c4f175441d40c52137cf048951969

Other collected versions

0.0.2011 Sept0.0.1911 Sept0.0.1811 Sept0.0.1711 Sept0.0.1611 Sept0.0.1511 SeptView all collected versions →