@seatlayer/react 0.29.0 → 0.30.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.
- package/README.md +35 -5
- package/package.json +5 -3
package/README.md
CHANGED
|
@@ -1,8 +1,21 @@
|
|
|
1
1
|
# @seatlayer/react
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@seatlayer/react)
|
|
4
|
+
[](https://www.npmjs.com/package/@seatlayer/react)
|
|
5
|
+
[](https://react.dev/)
|
|
6
|
+
[](../../LICENSE)
|
|
7
|
+
|
|
8
|
+
The official React components for SeatLayer reserved seating. Render the
|
|
9
|
+
complete buyer picker or a headless interactive chart, hold inventory in the
|
|
10
|
+
browser, and complete the booking from your trusted server.
|
|
11
|
+
|
|
12
|
+
[Package on npm](https://www.npmjs.com/package/@seatlayer/react) ·
|
|
13
|
+
[SeatPicker docs](https://docs.seatlayer.io/buyer-sdk/seat-picker/) ·
|
|
14
|
+
[Live demo](https://app.seatlayer.io/demo/play) ·
|
|
15
|
+
[Website](https://seatlayer.io/developers/) ·
|
|
16
|
+
[AI Toolkit](https://github.com/seatlayer/seatlayer-ai-toolkit)
|
|
17
|
+
|
|
18
|
+
## Install
|
|
6
19
|
|
|
7
20
|
```bash
|
|
8
21
|
npm install @seatlayer/react
|
|
@@ -60,7 +73,8 @@ Changing a callback prop does **not** rebuild the canvas; only `event`, `apiBase
|
|
|
60
73
|
## The model
|
|
61
74
|
|
|
62
75
|
The browser **holds**; your **server books** with a secret key — a browser never
|
|
63
|
-
books directly. See
|
|
76
|
+
books directly. See
|
|
77
|
+
[how the integration works](https://docs.seatlayer.io/start/how-it-works/).
|
|
64
78
|
|
|
65
79
|
Built on [`@seatlayer/js`](https://www.npmjs.com/package/@seatlayer/js).
|
|
66
80
|
|
|
@@ -121,7 +135,8 @@ export function VenueEditor({ session }: { session: {
|
|
|
121
135
|
```
|
|
122
136
|
|
|
123
137
|
Changing `designerUrl` replaces the iframe, so a newly-minted fragment token never
|
|
124
|
-
continues an earlier session. See
|
|
138
|
+
continues an earlier session. See
|
|
139
|
+
[the embedded Designer guide](https://docs.seatlayer.io/platform/embedded-designer/).
|
|
125
140
|
|
|
126
141
|
The default `height: 'fill'` is **container-aware**: give the container element a
|
|
127
142
|
definite height (a fixed-height block, `flex-1 min-h-0`, a resolved `%`) and the
|
|
@@ -193,3 +208,18 @@ export function VenueEditor({ chartId }: { chartId: string }) {
|
|
|
193
208
|
);
|
|
194
209
|
}
|
|
195
210
|
```
|
|
211
|
+
|
|
212
|
+
## Related resources
|
|
213
|
+
|
|
214
|
+
- [Buyer SDK documentation](https://docs.seatlayer.io/buyer-sdk/install/)
|
|
215
|
+
- [SeatPicker reference](https://docs.seatlayer.io/buyer-sdk/seat-picker/)
|
|
216
|
+
- [Holds and checkout](https://docs.seatlayer.io/buyer-sdk/holds-and-checkout/)
|
|
217
|
+
- [Complete checkout example](https://docs.seatlayer.io/examples/complete-checkout/)
|
|
218
|
+
- [`@seatlayer/js`](https://www.npmjs.com/package/@seatlayer/js)
|
|
219
|
+
- [iOS SDK](https://github.com/seatlayer/seatlayer-ios)
|
|
220
|
+
- [Flutter package](https://pub.dev/packages/seatlayer)
|
|
221
|
+
- [Agent-readable documentation](https://docs.seatlayer.io/llms.txt)
|
|
222
|
+
|
|
223
|
+
## License
|
|
224
|
+
|
|
225
|
+
MIT © SeatLayer
|
package/package.json
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@seatlayer/react",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.30.0",
|
|
4
4
|
"description": "React component for the SeatLayer embed SDK — render an interactive seat picker and hold seats.",
|
|
5
5
|
"license": "MIT",
|
|
6
|
-
"homepage": "https://docs.seatlayer.io",
|
|
6
|
+
"homepage": "https://docs.seatlayer.io/buyer-sdk/seat-picker/",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
9
|
"url": "git+https://github.com/seatlayer/seatlayer-sdk.git",
|
|
@@ -35,12 +35,14 @@
|
|
|
35
35
|
"keywords": [
|
|
36
36
|
"seating",
|
|
37
37
|
"seat-map",
|
|
38
|
+
"seating-chart",
|
|
39
|
+
"seat-picker",
|
|
38
40
|
"seatlayer",
|
|
39
41
|
"react",
|
|
40
42
|
"ticketing"
|
|
41
43
|
],
|
|
42
44
|
"dependencies": {
|
|
43
|
-
"@seatlayer/js": "0.
|
|
45
|
+
"@seatlayer/js": "0.30.0"
|
|
44
46
|
},
|
|
45
47
|
"peerDependencies": {
|
|
46
48
|
"react": ">=17.0.0"
|