iticket-seatingplan-dev v1.3.6
iticket-seatingplan docs
Installing the package:
npm install iticket-seatingplan
Importing SeatingPlan module in your component:
import { SeatingPlan } from 'iticket-seatingplan'
Using the SeatingPlan component
<SeatingPlan
eventId={eventId}
showingUid={showingUid}
sessionId={sessionId}
showingId={showingId}
priceAgeId={priceAgeId}
quantity={quantity}
price={price}
callbackFunction={callbackFunction}
apiKey={apiKey}
/>
SeatingPlan
Prop | Type | Description |
---|---|---|
eventId | integer | eventId of event.required |
showingUid | string | showingUid of the selected showing.required |
showingId | integer | showingId of the selected showing.required |
sessionId | string | sessionId from the initial CreateBasket endpoint.required |
priceAgeId | integer | priceAgeId selected by user.required |
quantity | integer | quantity specified by user.required |
price | float | price specified by user if it is dynamically priced. Must be >= priceMinimum and <= priceMaximum. If not supplied, default price will be applied.optional |
apiKey | string | API key provided by iTICKET.required |
callbackFunction | function | callbackFunction to listen for SeatingPlan events.required |
callbackFunction
This function will be triggered any time there is an update to the basket or an error has occurred. Below is a sample callbackFunction that just console.logs
an event:
const callbackFunction = (e) => {
console.log('event', e)
}
Sample callback results are as follows:
A seat has been added to cart:
{ "type":"cart-change", "details":[ { "showingSeatId":4158647, "showingId": 84164, "rowName":"I", "columnName":"13", "price": 51, "priceAgeName": "ADULT", } ] }
An error has occurred, *e.g. price specified is greater than or less than the set priceMinimum and/or priceMaximum*
{ "type":"error", "details":{ "error":{ "code":403, "message":"Price specified not allowed." } } }
24 days ago
24 days ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
1 month ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
5 months ago
5 months ago
5 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
9 months ago
8 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
10 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago