@tellescope/video-chat 0.0.11
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/LICENSE +7 -0
- package/README.md +4 -0
- package/lib/cjs/chat.d.ts +69 -0
- package/lib/cjs/chat.d.ts.map +1 -0
- package/lib/cjs/chat.js +171 -0
- package/lib/cjs/chat.js.map +1 -0
- package/lib/cjs/index.d.ts +2 -0
- package/lib/cjs/index.d.ts.map +1 -0
- package/lib/cjs/index.js +14 -0
- package/lib/cjs/index.js.map +1 -0
- package/lib/cjs/index.native.d.ts +2 -0
- package/lib/cjs/index.native.d.ts.map +1 -0
- package/lib/cjs/index.native.js +14 -0
- package/lib/cjs/index.native.js.map +1 -0
- package/lib/cjs/video.d.ts +35 -0
- package/lib/cjs/video.d.ts.map +1 -0
- package/lib/cjs/video.js +189 -0
- package/lib/cjs/video.js.map +1 -0
- package/lib/esm/chat.d.ts +69 -0
- package/lib/esm/chat.d.ts.map +1 -0
- package/lib/esm/chat.js +160 -0
- package/lib/esm/chat.js.map +1 -0
- package/lib/esm/index.d.ts +2 -0
- package/lib/esm/index.d.ts.map +1 -0
- package/lib/esm/index.js +2 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/index.native.d.ts +2 -0
- package/lib/esm/index.native.d.ts.map +1 -0
- package/lib/esm/index.native.js +2 -0
- package/lib/esm/index.native.js.map +1 -0
- package/lib/esm/video.d.ts +35 -0
- package/lib/esm/video.d.ts.map +1 -0
- package/lib/esm/video.js +173 -0
- package/lib/esm/video.js.map +1 -0
- package/lib/tsconfig.tsbuildinfo +1 -0
- package/package.json +61 -0
- package/src/index.native.ts +1 -0
- package/src/index.ts +1 -0
- package/src/video.tsx +129 -0
- package/tsconfig.json +12 -0
package/LICENSE
ADDED
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
Copyright 2021 Immuto, Inc.
|
|
2
|
+
|
|
3
|
+
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
|
|
4
|
+
|
|
5
|
+
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
|
|
6
|
+
|
|
7
|
+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
|
package/README.md
ADDED
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React, { CSSProperties } from "react";
|
|
2
|
+
import { Styled } from "@tellescope/react-components/lib/esm/mui";
|
|
3
|
+
import { ChatRoom, ChatMessage } from "@tellescope/types-client";
|
|
4
|
+
import { LoadedData, SessionType } from "@tellescope/types-utilities";
|
|
5
|
+
import { Session, EnduserSession } from "@tellescope/sdk";
|
|
6
|
+
export interface MessagesHeaderProps {
|
|
7
|
+
room?: ChatRoom;
|
|
8
|
+
resolveSenderName?: (room: ChatRoom) => React.ReactNode;
|
|
9
|
+
style?: CSSProperties;
|
|
10
|
+
}
|
|
11
|
+
interface Messages_T {
|
|
12
|
+
resolveSenderName?: (room: ChatRoom) => React.ReactNode;
|
|
13
|
+
messages: LoadedData<ChatMessage[]>;
|
|
14
|
+
chatUserId: string;
|
|
15
|
+
Header?: React.JSXElementConstructor<MessagesHeaderProps>;
|
|
16
|
+
headerProps?: MessagesHeaderProps;
|
|
17
|
+
receivedMessageStyle?: CSSProperties;
|
|
18
|
+
receivedMessageTextStyle?: CSSProperties;
|
|
19
|
+
sentMessageStyle?: CSSProperties;
|
|
20
|
+
sentMessageTextStyle?: CSSProperties;
|
|
21
|
+
}
|
|
22
|
+
export declare const Messages: ({ resolveSenderName, messages, chatUserId, Header, headerProps, style, receivedMessageStyle, receivedMessageTextStyle, sentMessageStyle, sentMessageTextStyle, }: Messages_T & Styled) => JSX.Element;
|
|
23
|
+
export interface ConversationPreviewProps {
|
|
24
|
+
onClick?: (roomId: string) => void;
|
|
25
|
+
room: ChatRoom;
|
|
26
|
+
selected?: boolean;
|
|
27
|
+
resolveSenderName?: (room: ChatRoom) => React.ReactNode;
|
|
28
|
+
style?: CSSProperties;
|
|
29
|
+
selectedStyle?: CSSProperties;
|
|
30
|
+
}
|
|
31
|
+
interface SidebarInfo {
|
|
32
|
+
selectedRoom?: string;
|
|
33
|
+
onRoomSelect: (roomId: string) => void;
|
|
34
|
+
style?: CSSProperties;
|
|
35
|
+
selectedItemStyle?: CSSProperties;
|
|
36
|
+
itemStyle?: CSSProperties;
|
|
37
|
+
nameStyle?: CSSProperties;
|
|
38
|
+
PreviewComponent?: React.JSXElementConstructor<ConversationPreviewProps>;
|
|
39
|
+
previewStyle?: CSSProperties;
|
|
40
|
+
}
|
|
41
|
+
interface ConversationsProps extends SidebarInfo {
|
|
42
|
+
resolveSenderName: (r: ChatRoom) => string;
|
|
43
|
+
rooms: LoadedData<ChatRoom[]>;
|
|
44
|
+
}
|
|
45
|
+
export declare const Conversations: ({ rooms, selectedRoom, onRoomSelect, resolveSenderName, PreviewComponent, style, selectedItemStyle, itemStyle }: ConversationsProps) => JSX.Element;
|
|
46
|
+
export declare const EndusersConversations: ({ enduserId, ...p }: SidebarInfo & {
|
|
47
|
+
enduserId: string;
|
|
48
|
+
}) => JSX.Element;
|
|
49
|
+
export declare const UsersConversations: ({ userId, ...p }: SidebarInfo & {
|
|
50
|
+
userId: string;
|
|
51
|
+
}) => JSX.Element;
|
|
52
|
+
interface SendMessage_T {
|
|
53
|
+
session: Session | EnduserSession;
|
|
54
|
+
roomId: string;
|
|
55
|
+
onNewMessage: (m: ChatMessage) => void;
|
|
56
|
+
placeholderText?: string;
|
|
57
|
+
Icon?: React.ElementType<any>;
|
|
58
|
+
style?: CSSProperties;
|
|
59
|
+
}
|
|
60
|
+
export declare const SendMessage: ({ session, roomId, Icon, onNewMessage, placeholderText, style, }: SendMessage_T) => JSX.Element;
|
|
61
|
+
interface SplitChat_T {
|
|
62
|
+
session: EnduserSession | Session;
|
|
63
|
+
type: SessionType;
|
|
64
|
+
}
|
|
65
|
+
export declare const SplitChat: ({ session, type, style }: SplitChat_T & Styled) => JSX.Element;
|
|
66
|
+
export declare const UserChatSplit: ({ style }: Styled) => JSX.Element;
|
|
67
|
+
export declare const EnduserChatSplit: ({ style }: Styled) => JSX.Element;
|
|
68
|
+
export {};
|
|
69
|
+
//# sourceMappingURL=chat.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../src/chat.tsx"],"names":[],"mappings":"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"}
|
package/lib/cjs/chat.js
ADDED
|
@@ -0,0 +1,171 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
+
var t = {};
|
|
15
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
+
t[p] = s[p];
|
|
17
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
+
t[p[i]] = s[p[i]];
|
|
21
|
+
}
|
|
22
|
+
return t;
|
|
23
|
+
};
|
|
24
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
+
exports.EnduserChatSplit = exports.UserChatSplit = exports.SplitChat = exports.SendMessage = exports.UsersConversations = exports.EndusersConversations = exports.Conversations = exports.Messages = void 0;
|
|
26
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
+
var react_1 = require("react");
|
|
28
|
+
var layout_1 = require("@tellescope/react-components/lib/esm/layout");
|
|
29
|
+
var controls_1 = require("@tellescope/react-components/lib/esm/controls");
|
|
30
|
+
var mui_1 = require("@tellescope/react-components/lib/esm/mui");
|
|
31
|
+
var loading_1 = require("@tellescope/react-components/lib/esm/loading");
|
|
32
|
+
var authentication_1 = require("@tellescope/react-components/lib/esm/authentication");
|
|
33
|
+
var state_1 = require("@tellescope/react-components/lib/esm/state");
|
|
34
|
+
var user_state_1 = require("@tellescope/react-components/lib/esm/user_state");
|
|
35
|
+
var enduser_state_1 = require("@tellescope/react-components/lib/esm/enduser_state");
|
|
36
|
+
var types_utilities_1 = require("@tellescope/types-utilities");
|
|
37
|
+
var utilities_1 = require("@tellescope/utilities");
|
|
38
|
+
var constants_1 = require("@tellescope/constants");
|
|
39
|
+
var defaultMessagesStyle = {
|
|
40
|
+
borderRadius: 5,
|
|
41
|
+
};
|
|
42
|
+
var baseMessageStyle = {
|
|
43
|
+
borderRadius: 25,
|
|
44
|
+
paddingRight: 10,
|
|
45
|
+
paddingLeft: 10,
|
|
46
|
+
margin: 5,
|
|
47
|
+
maxWidth: '80%',
|
|
48
|
+
};
|
|
49
|
+
var defaultSentStyle = __assign(__assign({}, baseMessageStyle), { justifyContent: 'flex-end', marginLeft: 'auto', backgroundColor: constants_1.PRIMARY_HEX });
|
|
50
|
+
var defaultReceivedStyle = __assign(__assign({}, baseMessageStyle), { justifyContent: 'flex-start', marginRight: 'auto', backgroundColor: "#444444" });
|
|
51
|
+
var baseTextStyle = {
|
|
52
|
+
color: "#ffffff",
|
|
53
|
+
padding: 4,
|
|
54
|
+
};
|
|
55
|
+
var defaultTextSentStyle = __assign(__assign({}, baseTextStyle), { textAlign: 'right' });
|
|
56
|
+
var defaultTextReceivedStyle = __assign(__assign({}, baseTextStyle), { textAlign: 'left' });
|
|
57
|
+
var MessagesHeader = function (_a) {
|
|
58
|
+
var room = _a.room, resolveSenderName = _a.resolveSenderName, p = __rest(_a, ["room", "resolveSenderName"]);
|
|
59
|
+
return ((0, jsx_runtime_1.jsx)(layout_1.Flex, { children: (0, jsx_runtime_1.jsx)(mui_1.Typography, { children: room && (resolveSenderName === null || resolveSenderName === void 0 ? void 0 : resolveSenderName(room)) }, void 0) }, void 0));
|
|
60
|
+
};
|
|
61
|
+
var Messages = function (_a) {
|
|
62
|
+
var resolveSenderName = _a.resolveSenderName, messages = _a.messages, chatUserId = _a.chatUserId, _b = _a.Header, Header = _b === void 0 ? MessagesHeader : _b, headerProps = _a.headerProps, _c = _a.style, style = _c === void 0 ? defaultMessagesStyle : _c, _d = _a.receivedMessageStyle, receivedMessageStyle = _d === void 0 ? defaultReceivedStyle : _d, _e = _a.receivedMessageTextStyle, receivedMessageTextStyle = _e === void 0 ? defaultTextReceivedStyle : _e, _f = _a.sentMessageStyle, sentMessageStyle = _f === void 0 ? defaultSentStyle : _f, _g = _a.sentMessageTextStyle, sentMessageTextStyle = _g === void 0 ? defaultTextSentStyle : _g;
|
|
63
|
+
return ((0, jsx_runtime_1.jsx)(loading_1.LoadingLinear, { data: messages, render: function (messages) { return ((0, jsx_runtime_1.jsxs)(layout_1.Flex, __assign({ column: true, flex: 1 }, { children: [Header && (0, jsx_runtime_1.jsx)(Header, __assign({}, headerProps), void 0), (0, jsx_runtime_1.jsx)(layout_1.List, { reverse: true, style: style, items: messages, render: function (message) { return ((0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ style: message.senderId === chatUserId ? sentMessageStyle : receivedMessageStyle }, { children: (0, jsx_runtime_1.jsx)(mui_1.Typography, __assign({ style: message.senderId === chatUserId ? sentMessageTextStyle : receivedMessageTextStyle }, { children: message.message }), void 0) }), message.id)); } }, void 0)] }), void 0)); } }, void 0));
|
|
64
|
+
};
|
|
65
|
+
exports.Messages = Messages;
|
|
66
|
+
var defaultSidebarStyle = {
|
|
67
|
+
borderRadius: 5,
|
|
68
|
+
overflowY: 'auto',
|
|
69
|
+
};
|
|
70
|
+
var defaultSidebarItemStyle = {
|
|
71
|
+
color: "#ffffff",
|
|
72
|
+
borderRadius: 5,
|
|
73
|
+
cursor: 'pointer',
|
|
74
|
+
maxHeight: 60,
|
|
75
|
+
justifyContent: 'center',
|
|
76
|
+
};
|
|
77
|
+
var defaultSidebarItemStyleSelected = __assign(__assign({}, defaultSidebarItemStyle), { backgroundColor: constants_1.PRIMARY_HEX, cursor: "default" });
|
|
78
|
+
var defaultMessageNameStyle = {
|
|
79
|
+
textAlign: 'right',
|
|
80
|
+
};
|
|
81
|
+
var defaultMessagePreviewStyle = {
|
|
82
|
+
textAlign: 'right',
|
|
83
|
+
};
|
|
84
|
+
var ConversationPreview = function (_a) {
|
|
85
|
+
var _b;
|
|
86
|
+
var onClick = _a.onClick, selected = _a.selected, room = _a.room, resolveSenderName = _a.resolveSenderName, style = _a.style, selectedStyle = _a.selectedStyle;
|
|
87
|
+
return ((0, jsx_runtime_1.jsxs)(layout_1.Flex, __assign({ flex: 1, column: true, onClick: function () { return !selected && (onClick === null || onClick === void 0 ? void 0 : onClick(room.id)); }, style: selected ? (selectedStyle !== null && selectedStyle !== void 0 ? selectedStyle : defaultSidebarItemStyleSelected) : (style !== null && style !== void 0 ? style : defaultSidebarItemStyle) }, { children: [(0, jsx_runtime_1.jsx)(mui_1.Typography, __assign({ style: defaultMessageNameStyle }, { children: (0, jsx_runtime_1.jsx)(loading_1.Resolver, { item: room, resolver: resolveSenderName !== null && resolveSenderName !== void 0 ? resolveSenderName : (function () { return room.id; }) }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(mui_1.Typography, __assign({ style: defaultMessagePreviewStyle }, { children: (_b = room.recentMessage) !== null && _b !== void 0 ? _b : room.title }), void 0)] }), void 0));
|
|
88
|
+
};
|
|
89
|
+
var Conversations = function (_a) {
|
|
90
|
+
var rooms = _a.rooms, selectedRoom = _a.selectedRoom, onRoomSelect = _a.onRoomSelect, resolveSenderName = _a.resolveSenderName, _b = _a.PreviewComponent, PreviewComponent = _b === void 0 ? ConversationPreview : _b, style = _a.style, selectedItemStyle = _a.selectedItemStyle, itemStyle = _a.itemStyle;
|
|
91
|
+
return ((0, jsx_runtime_1.jsx)(loading_1.LoadingLinear, { data: rooms, render: function (rooms) {
|
|
92
|
+
return (0, jsx_runtime_1.jsx)(layout_1.List, { style: style !== null && style !== void 0 ? style : defaultSidebarStyle, items: rooms, onClick: onRoomSelect, render: function (room, _a) {
|
|
93
|
+
var onClick = _a.onClick, index = _a.index;
|
|
94
|
+
return (0, jsx_runtime_1.jsx)(PreviewComponent, { room: room, onClick: onClick, selected: selectedRoom === room.id, resolveSenderName: resolveSenderName !== null && resolveSenderName !== void 0 ? resolveSenderName : (function () { return room.id; }), selectedStyle: selectedItemStyle, style: itemStyle }, room.id);
|
|
95
|
+
} }, void 0);
|
|
96
|
+
} }, void 0));
|
|
97
|
+
};
|
|
98
|
+
exports.Conversations = Conversations;
|
|
99
|
+
var EndusersConversations = function (_a) {
|
|
100
|
+
var enduserId = _a.enduserId, p = __rest(_a, ["enduserId"]);
|
|
101
|
+
var rooms = (0, state_1.useChatRooms)('enduser')[0];
|
|
102
|
+
var displayNames = (0, enduser_state_1.useUserDisplayNames)()[0];
|
|
103
|
+
var resolveChatName = (0, react_1.useCallback)(function (r) {
|
|
104
|
+
if (r.title)
|
|
105
|
+
return r.title;
|
|
106
|
+
if (displayNames.status === types_utilities_1.LoadingStatus.Loaded) {
|
|
107
|
+
var user = displayNames.value.find(function (u) { var _a; return u.id === ((_a = r.userIds) === null || _a === void 0 ? void 0 : _a[0]); });
|
|
108
|
+
if (user)
|
|
109
|
+
return (0, utilities_1.user_display_name)(user);
|
|
110
|
+
}
|
|
111
|
+
return '';
|
|
112
|
+
}, [displayNames]);
|
|
113
|
+
return (0, jsx_runtime_1.jsx)(exports.Conversations, __assign({}, p, { rooms: rooms, resolveSenderName: resolveChatName }), void 0);
|
|
114
|
+
};
|
|
115
|
+
exports.EndusersConversations = EndusersConversations;
|
|
116
|
+
var UsersConversations = function (_a) {
|
|
117
|
+
var userId = _a.userId, p = __rest(_a, ["userId"]);
|
|
118
|
+
var rooms = (0, state_1.useChatRooms)('user')[0];
|
|
119
|
+
var endusers = (0, user_state_1.useEndusers)()[0];
|
|
120
|
+
var resolveChatName = (0, react_1.useCallback)(function (r) {
|
|
121
|
+
if (r.title)
|
|
122
|
+
return r.title;
|
|
123
|
+
if (endusers.status === types_utilities_1.LoadingStatus.Loaded) {
|
|
124
|
+
var enduser = endusers.value.find(function (e) { var _a; return e.id === ((_a = r.enduserIds) === null || _a === void 0 ? void 0 : _a[0]); });
|
|
125
|
+
if (enduser)
|
|
126
|
+
return (0, utilities_1.user_display_name)(enduser);
|
|
127
|
+
}
|
|
128
|
+
return '';
|
|
129
|
+
}, [endusers]);
|
|
130
|
+
return (0, jsx_runtime_1.jsx)(exports.Conversations, __assign({}, p, { rooms: rooms, resolveSenderName: resolveChatName }), void 0);
|
|
131
|
+
};
|
|
132
|
+
exports.UsersConversations = UsersConversations;
|
|
133
|
+
var SendMessage = function (_a) {
|
|
134
|
+
var session = _a.session, roomId = _a.roomId, _b = _a.Icon, Icon = _b === void 0 ? mui_1.SendIcon : _b, onNewMessage = _a.onNewMessage, _c = _a.placeholderText, placeholderText = _c === void 0 ? "Enter a message" : _c, _d = _a.style, style = _d === void 0 ? {} : _d;
|
|
135
|
+
var _e = (0, react_1.useState)(''), message = _e[0], setMessage = _e[1];
|
|
136
|
+
var _f = (0, react_1.useState)(false), sending = _f[0], setSending = _f[1];
|
|
137
|
+
return ((0, jsx_runtime_1.jsxs)(layout_1.Flex, __assign({ row: true, flex: 1, alignContent: "center", style: style }, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ column: true, flex: 1 }, { children: (0, jsx_runtime_1.jsx)(mui_1.TextField, { variant: "outlined", value: message, onChange: setMessage, disabled: sending, "aria-label": "Enter a message", placeholder: placeholderText }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ column: true, alignSelf: "center" }, { children: (0, jsx_runtime_1.jsx)(controls_1.AsyncIconButton, { label: "send", Icon: Icon, disabled: message === '', action: function () { return session.api.chats.createOne({ message: message, roomId: roomId }); }, onSuccess: function (m) {
|
|
138
|
+
setMessage('');
|
|
139
|
+
onNewMessage(m);
|
|
140
|
+
}, onChange: setSending }, void 0) }), void 0)] }), void 0));
|
|
141
|
+
};
|
|
142
|
+
exports.SendMessage = SendMessage;
|
|
143
|
+
var defaultSplitChatStyle = {};
|
|
144
|
+
var SplitChat = function (_a) {
|
|
145
|
+
var session = _a.session, type = _a.type, _b = _a.style, style = _b === void 0 ? defaultSplitChatStyle : _b;
|
|
146
|
+
var _c = (0, state_1.useChatRooms)(type), updateRoom = _c[1].updateElement;
|
|
147
|
+
var _d = (0, react_1.useState)(''), selectedRoom = _d[0], setSelectedRoom = _d[1];
|
|
148
|
+
var _e = (0, state_1.useChats)(selectedRoom, type), messages = _e[0], addMessage = _e[1].addElementForKey;
|
|
149
|
+
return ((0, jsx_runtime_1.jsxs)(layout_1.Flex, __assign({ row: true, style: style, flex: 1 }, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ column: true, flex: 1 }, { children: type === 'user'
|
|
150
|
+
? (0, jsx_runtime_1.jsx)(exports.UsersConversations, { userId: session.userInfo.id, selectedRoom: selectedRoom, onRoomSelect: setSelectedRoom }, void 0)
|
|
151
|
+
: (0, jsx_runtime_1.jsx)(exports.EndusersConversations, { selectedRoom: selectedRoom, enduserId: session.userInfo.id, onRoomSelect: setSelectedRoom }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ column: true, flex: 2, style: { borderRadius: 5 } }, { children: selectedRoom &&
|
|
152
|
+
(0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ row: true, flex: 8 }, { children: (0, jsx_runtime_1.jsx)(exports.Messages, { messages: messages, chatUserId: session.userInfo.id, headerProps: {} }, void 0) }), void 0), (0, jsx_runtime_1.jsx)(layout_1.Flex, __assign({ row: true, flex: 1, style: { marginLeft: 10, marginRight: 10 } }, { children: (0, jsx_runtime_1.jsx)(exports.SendMessage, { session: session, roomId: selectedRoom, onNewMessage: function (m) {
|
|
153
|
+
var _a;
|
|
154
|
+
addMessage(selectedRoom, m);
|
|
155
|
+
updateRoom(selectedRoom, { recentMessage: m.message, recentSender: (_a = m.senderId) !== null && _a !== void 0 ? _a : '' });
|
|
156
|
+
} }, void 0) }), void 0)] }, void 0) }), void 0)] }), void 0));
|
|
157
|
+
};
|
|
158
|
+
exports.SplitChat = SplitChat;
|
|
159
|
+
var UserChatSplit = function (_a) {
|
|
160
|
+
var _b = _a.style, style = _b === void 0 ? defaultSplitChatStyle : _b;
|
|
161
|
+
var session = (0, authentication_1.useSession)();
|
|
162
|
+
return ((0, jsx_runtime_1.jsx)(exports.SplitChat, { session: session, type: "user", style: style }, void 0));
|
|
163
|
+
};
|
|
164
|
+
exports.UserChatSplit = UserChatSplit;
|
|
165
|
+
var EnduserChatSplit = function (_a) {
|
|
166
|
+
var _b = _a.style, style = _b === void 0 ? defaultSplitChatStyle : _b;
|
|
167
|
+
var session = (0, authentication_1.useEnduserSession)();
|
|
168
|
+
return ((0, jsx_runtime_1.jsx)(exports.SplitChat, { session: session, type: "enduser", style: style }, void 0));
|
|
169
|
+
};
|
|
170
|
+
exports.EnduserChatSplit = EnduserChatSplit;
|
|
171
|
+
//# sourceMappingURL=chat.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chat.js","sourceRoot":"","sources":["../../src/chat.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
package/lib/cjs/index.js
ADDED
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./video"), exports);
|
|
14
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAwB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.d.ts","sourceRoot":"","sources":["../../src/index.native.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
10
|
+
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
11
|
+
};
|
|
12
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
|
+
__exportStar(require("./video"), exports);
|
|
14
|
+
//# sourceMappingURL=index.native.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.native.js","sourceRoot":"","sources":["../../src/index.native.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,0CAAuB"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { UserIdentity } from "@tellescope/types-utilities";
|
|
3
|
+
import { AttendeeInfo, MeetingInfo } from '@tellescope/types-models';
|
|
4
|
+
import { lightTheme, VideoTileGrid } from 'amazon-chime-sdk-component-library-react';
|
|
5
|
+
export declare const CurrentCallContext: React.Context<{
|
|
6
|
+
meeting: MeetingInfo | undefined;
|
|
7
|
+
setMeeting: (m: MeetingInfo | undefined) => void;
|
|
8
|
+
}>;
|
|
9
|
+
interface VideoProps {
|
|
10
|
+
children?: React.ReactNode;
|
|
11
|
+
theme?: typeof lightTheme;
|
|
12
|
+
}
|
|
13
|
+
export declare const WithVideo: ({ children, theme }: VideoProps) => JSX.Element;
|
|
14
|
+
export declare const useStartVideoCall: () => {
|
|
15
|
+
starting: boolean;
|
|
16
|
+
ending: boolean;
|
|
17
|
+
meeting: MeetingInfo | undefined;
|
|
18
|
+
videoIsEnabled: boolean;
|
|
19
|
+
toggleVideo: () => Promise<void>;
|
|
20
|
+
createAndStartMeeting: (initialAttendees?: UserIdentity[] | undefined) => Promise<void>;
|
|
21
|
+
addAttendees: (attendees: UserIdentity[]) => Promise<void>;
|
|
22
|
+
endMeeting: () => Promise<void>;
|
|
23
|
+
};
|
|
24
|
+
export declare const useJoinVideoCall: () => {
|
|
25
|
+
meeting: MeetingInfo | undefined;
|
|
26
|
+
videoIsEnabled: boolean;
|
|
27
|
+
toggleVideo: () => Promise<void>;
|
|
28
|
+
joinMeeting: (meetingInfo: {
|
|
29
|
+
Meeting: MeetingInfo;
|
|
30
|
+
}, attendeeInfo: {
|
|
31
|
+
Attendee: AttendeeInfo;
|
|
32
|
+
}) => Promise<void>;
|
|
33
|
+
};
|
|
34
|
+
export { VideoTileGrid };
|
|
35
|
+
//# sourceMappingURL=video.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"video.d.ts","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+C,MAAM,OAAO,CAAA;AAMnE,OAAO,EACL,YAAY,EACb,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,YAAY,EACZ,WAAW,EACZ,MAAM,0BAA0B,CAAA;AAYjC,OAAO,EAEL,UAAU,EAGV,aAAa,EAUd,MAAM,0CAA0C,CAAC;AAGlD,eAAO,MAAM,kBAAkB;aACpB,WAAW,GAAG,SAAS;oBAAkB,WAAW,GAAG,SAAS,KAAK,IAAI;EAClF,CAAA;AACF,UAAU,UAAU;IAClB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,OAAO,UAAU,CAAC;CAC3B;AACD,eAAO,MAAM,SAAS,wBAAoC,UAAU,gBAYnE,CAAA;AAED,eAAO,MAAM,iBAAiB;;;;;;;8BA+BuB,YAAY,EAAE;;CAkBlE,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;+BAKa;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,gBAAgB;QAAE,QAAQ,EAAE,YAAY,CAAA;KAAE;CAO3G,CAAA;AAED,OAAO,EAAE,aAAa,EAAE,CAAA"}
|
package/lib/cjs/video.js
ADDED
|
@@ -0,0 +1,189 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __assign = (this && this.__assign) || function () {
|
|
3
|
+
__assign = Object.assign || function(t) {
|
|
4
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
+
s = arguments[i];
|
|
6
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
+
t[p] = s[p];
|
|
8
|
+
}
|
|
9
|
+
return t;
|
|
10
|
+
};
|
|
11
|
+
return __assign.apply(this, arguments);
|
|
12
|
+
};
|
|
13
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
+
if (k2 === undefined) k2 = k;
|
|
15
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
16
|
+
}) : (function(o, m, k, k2) {
|
|
17
|
+
if (k2 === undefined) k2 = k;
|
|
18
|
+
o[k2] = m[k];
|
|
19
|
+
}));
|
|
20
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
21
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
22
|
+
}) : function(o, v) {
|
|
23
|
+
o["default"] = v;
|
|
24
|
+
});
|
|
25
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
26
|
+
if (mod && mod.__esModule) return mod;
|
|
27
|
+
var result = {};
|
|
28
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
29
|
+
__setModuleDefault(result, mod);
|
|
30
|
+
return result;
|
|
31
|
+
};
|
|
32
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
33
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
34
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
35
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
36
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
37
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
38
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
39
|
+
});
|
|
40
|
+
};
|
|
41
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
42
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
43
|
+
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
44
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
45
|
+
function step(op) {
|
|
46
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
47
|
+
while (_) try {
|
|
48
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
49
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
50
|
+
switch (op[0]) {
|
|
51
|
+
case 0: case 1: t = op; break;
|
|
52
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
53
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
54
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
55
|
+
default:
|
|
56
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
57
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
58
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
59
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
60
|
+
if (t[2]) _.ops.pop();
|
|
61
|
+
_.trys.pop(); continue;
|
|
62
|
+
}
|
|
63
|
+
op = body.call(thisArg, _);
|
|
64
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
65
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
69
|
+
exports.VideoTileGrid = exports.useJoinVideoCall = exports.useStartVideoCall = exports.WithVideo = exports.CurrentCallContext = void 0;
|
|
70
|
+
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
71
|
+
var react_1 = __importStar(require("react"));
|
|
72
|
+
var authentication_1 = require("@tellescope/react-components/lib/esm/authentication");
|
|
73
|
+
var styled_components_1 = require("styled-components");
|
|
74
|
+
var amazon_chime_sdk_component_library_react_1 = require("amazon-chime-sdk-component-library-react");
|
|
75
|
+
Object.defineProperty(exports, "VideoTileGrid", { enumerable: true, get: function () { return
|
|
76
|
+
// LocalVideo,
|
|
77
|
+
amazon_chime_sdk_component_library_react_1.VideoTileGrid; } });
|
|
78
|
+
exports.CurrentCallContext = react_1.default.createContext({});
|
|
79
|
+
var WithVideo = function (_a) {
|
|
80
|
+
var children = _a.children, _b = _a.theme, theme = _b === void 0 ? amazon_chime_sdk_component_library_react_1.lightTheme : _b;
|
|
81
|
+
var _c = (0, react_1.useState)(undefined), meeting = _c[0], setMeeting = _c[1];
|
|
82
|
+
return ((0, jsx_runtime_1.jsx)(exports.CurrentCallContext.Provider, __assign({ value: { meeting: meeting, setMeeting: setMeeting } }, { children: (0, jsx_runtime_1.jsx)(styled_components_1.ThemeProvider, __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(amazon_chime_sdk_component_library_react_1.MeetingProvider, { children: children }, void 0) }), void 0) }), void 0));
|
|
83
|
+
};
|
|
84
|
+
exports.WithVideo = WithVideo;
|
|
85
|
+
var useStartVideoCall = function () {
|
|
86
|
+
var _a = (0, react_1.useState)(false), starting = _a[0], setStarting = _a[1];
|
|
87
|
+
var _b = (0, react_1.useState)(false), ending = _b[0], setEnding = _b[1];
|
|
88
|
+
var _c = react_1.default.useContext(exports.CurrentCallContext), meeting = _c.meeting, setMeeting = _c.setMeeting;
|
|
89
|
+
var session = (0, authentication_1.useSession)();
|
|
90
|
+
var meetingManager = (0, amazon_chime_sdk_component_library_react_1.useMeetingManager)();
|
|
91
|
+
var _d = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _d.toggleVideo, isVideoEnabled = _d.isVideoEnabled;
|
|
92
|
+
var createAndStartMeeting = function (initialAttendees) { return __awaiter(void 0, void 0, void 0, function () {
|
|
93
|
+
var _a, meeting_1, host, err_1;
|
|
94
|
+
return __generator(this, function (_b) {
|
|
95
|
+
switch (_b.label) {
|
|
96
|
+
case 0:
|
|
97
|
+
setStarting(false);
|
|
98
|
+
_b.label = 1;
|
|
99
|
+
case 1:
|
|
100
|
+
_b.trys.push([1, 5, 6, 7]);
|
|
101
|
+
return [4 /*yield*/, session.api.meetings.start_meeting()];
|
|
102
|
+
case 2:
|
|
103
|
+
_a = _b.sent(), meeting_1 = _a.meeting, host = _a.host;
|
|
104
|
+
return [4 /*yield*/, meetingManager.join({ meetingInfo: meeting_1, attendeeInfo: host })];
|
|
105
|
+
case 3:
|
|
106
|
+
_b.sent(); // Use the join API to create a meeting session
|
|
107
|
+
return [4 /*yield*/, meetingManager.start()];
|
|
108
|
+
case 4:
|
|
109
|
+
_b.sent(); // At this point you can let users setup their devices, or start the session immediately
|
|
110
|
+
if (initialAttendees) {
|
|
111
|
+
session.api.meetings.add_attendees_to_meeting({ id: meeting_1.Meeting.ExternalMeetingId, attendees: initialAttendees });
|
|
112
|
+
}
|
|
113
|
+
setMeeting(meeting_1.Meeting);
|
|
114
|
+
return [3 /*break*/, 7];
|
|
115
|
+
case 5:
|
|
116
|
+
err_1 = _b.sent();
|
|
117
|
+
console.error(err_1);
|
|
118
|
+
return [3 /*break*/, 7];
|
|
119
|
+
case 6:
|
|
120
|
+
setStarting(false);
|
|
121
|
+
return [7 /*endfinally*/];
|
|
122
|
+
case 7: return [2 /*return*/];
|
|
123
|
+
}
|
|
124
|
+
});
|
|
125
|
+
}); };
|
|
126
|
+
var addAttendees = (0, react_1.useCallback)(function (attendees) { return __awaiter(void 0, void 0, void 0, function () {
|
|
127
|
+
return __generator(this, function (_a) {
|
|
128
|
+
switch (_a.label) {
|
|
129
|
+
case 0:
|
|
130
|
+
if (!meeting)
|
|
131
|
+
return [2 /*return*/];
|
|
132
|
+
return [4 /*yield*/, session.api.meetings.add_attendees_to_meeting({ id: meeting === null || meeting === void 0 ? void 0 : meeting.ExternalMeetingId, attendees: attendees })];
|
|
133
|
+
case 1:
|
|
134
|
+
_a.sent();
|
|
135
|
+
return [2 /*return*/];
|
|
136
|
+
}
|
|
137
|
+
});
|
|
138
|
+
}); }, [session, meeting]);
|
|
139
|
+
var endMeeting = function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
140
|
+
var err_2;
|
|
141
|
+
return __generator(this, function (_a) {
|
|
142
|
+
switch (_a.label) {
|
|
143
|
+
case 0:
|
|
144
|
+
if (!meeting)
|
|
145
|
+
return [2 /*return*/];
|
|
146
|
+
setEnding(true);
|
|
147
|
+
_a.label = 1;
|
|
148
|
+
case 1:
|
|
149
|
+
_a.trys.push([1, 3, , 4]);
|
|
150
|
+
return [4 /*yield*/, session.api.meetings.end_meeting({ id: meeting.ExternalMeetingId })];
|
|
151
|
+
case 2:
|
|
152
|
+
_a.sent();
|
|
153
|
+
return [3 /*break*/, 4];
|
|
154
|
+
case 3:
|
|
155
|
+
err_2 = _a.sent();
|
|
156
|
+
console.error(err_2);
|
|
157
|
+
return [3 /*break*/, 4];
|
|
158
|
+
case 4:
|
|
159
|
+
setEnding(false);
|
|
160
|
+
setMeeting(undefined);
|
|
161
|
+
return [2 /*return*/];
|
|
162
|
+
}
|
|
163
|
+
});
|
|
164
|
+
}); };
|
|
165
|
+
return { starting: starting, ending: ending, meeting: meeting, videoIsEnabled: isVideoEnabled, toggleVideo: toggleVideo, createAndStartMeeting: createAndStartMeeting, addAttendees: addAttendees, endMeeting: endMeeting };
|
|
166
|
+
};
|
|
167
|
+
exports.useStartVideoCall = useStartVideoCall;
|
|
168
|
+
var useJoinVideoCall = function () {
|
|
169
|
+
var meetingManager = (0, amazon_chime_sdk_component_library_react_1.useMeetingManager)();
|
|
170
|
+
var _a = (0, amazon_chime_sdk_component_library_react_1.useLocalVideo)(), toggleVideo = _a.toggleVideo, isVideoEnabled = _a.isVideoEnabled;
|
|
171
|
+
var _b = react_1.default.useContext(exports.CurrentCallContext), meeting = _b.meeting, setMeeting = _b.setMeeting;
|
|
172
|
+
var joinMeeting = function (meetingInfo, attendeeInfo) { return __awaiter(void 0, void 0, void 0, function () {
|
|
173
|
+
return __generator(this, function (_a) {
|
|
174
|
+
switch (_a.label) {
|
|
175
|
+
case 0: return [4 /*yield*/, meetingManager.join({ meetingInfo: meetingInfo, attendeeInfo: attendeeInfo })];
|
|
176
|
+
case 1:
|
|
177
|
+
_a.sent(); // Use the join API to create a meeting session
|
|
178
|
+
return [4 /*yield*/, meetingManager.start()];
|
|
179
|
+
case 2:
|
|
180
|
+
_a.sent(); // At this point you can let users setup their devices, or start the session immediately
|
|
181
|
+
setMeeting(meetingInfo.Meeting);
|
|
182
|
+
return [2 /*return*/];
|
|
183
|
+
}
|
|
184
|
+
});
|
|
185
|
+
}); };
|
|
186
|
+
return { meeting: meeting, videoIsEnabled: isVideoEnabled, toggleVideo: toggleVideo, joinMeeting: joinMeeting };
|
|
187
|
+
};
|
|
188
|
+
exports.useJoinVideoCall = useJoinVideoCall;
|
|
189
|
+
//# sourceMappingURL=video.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"video.js","sourceRoot":"","sources":["../../src/video.tsx"],"names":[],"mappings":"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"}
|