@seatlayer/react 0.67.15 → 0.69.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/README.md +6 -0
  2. package/package.json +3 -3
package/README.md CHANGED
@@ -64,6 +64,7 @@ export function Checkout() {
64
64
  <SeatingChart
65
65
  ref={chart}
66
66
  event="ev_9f3a"
67
+ publicKey="pk_live_your_publishable_key"
67
68
  style={{ width: '100%', height: 520 }}
68
69
  onSelectionChange={(seats) => console.log('selected', seats)}
69
70
  onHold={({ holdId }) => bookOnYourServer(holdId)}
@@ -92,6 +93,7 @@ export function Tickets() {
92
93
  return (
93
94
  <SeatPicker
94
95
  event="ev_9f3a"
96
+ publicKey="pk_live_your_publishable_key"
95
97
  style={{ width: '100%', height: 640 }}
96
98
  selectionValidators={[
97
99
  { type: 'minimumSelectedPlaces', minimum: 2 },
@@ -132,6 +134,7 @@ Extends the vanilla SDK options minus `container` (the component owns its own mo
132
134
  | Prop | Type | Notes |
133
135
  | --- | --- | --- |
134
136
  | `event` | `string` | **Required.** The event key, e.g. `ev_9f3a`. |
137
+ | `publicKey` | `string?` | Publishable browser key for public Platform events. Configure the browser origin in SeatLayer. |
135
138
  | `apiBase` | `string?` | API origin. Defaults to the SeatLayer production API. |
136
139
  | `maxSelection` | `number?` | Max seats selectable at once (default 10). |
137
140
  | `selectedObjects` | `string[]?` | Initial object ids or public labels. |
@@ -156,6 +159,9 @@ and books** the hold after payment or order validation.
156
159
 
157
160
  - Never ship a SeatLayer secret key in browser code or in a bundled environment
158
161
  variable.
162
+ - A `pk_` public key is designed for browser code. SeatLayer binds it to the
163
+ configured origin and event; keep private-channel access behind a server-minted
164
+ `buyerAccessTokenProvider`.
159
165
  - Send only the `holdId` and your normal checkout context to your backend.
160
166
  - Calculate the charge from server-inspected hold items, not from browser input.
161
167
  - Reuse your stable order id as `bookingRef` so a retried booking is idempotent.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@seatlayer/react",
3
- "version": "0.67.15",
3
+ "version": "0.69.0",
4
4
  "description": "SeatLayer's official React seating chart and seat map SDK — live availability, seat selection, temporary holds, and a typed TypeScript API for ticketing apps.",
5
5
  "license": "MIT",
6
6
  "author": {
@@ -73,8 +73,8 @@
73
73
  "typescript"
74
74
  ],
75
75
  "dependencies": {
76
- "@seatlayer/core": "0.67.15",
77
- "@seatlayer/js": "0.67.15"
76
+ "@seatlayer/core": "0.69.0",
77
+ "@seatlayer/js": "0.69.0"
78
78
  },
79
79
  "peerDependencies": {
80
80
  "react": ">=17.0.0"