@sendbird/uikit-react
Version:
Sendbird UIKit for React: A feature-rich and customizable chat UI kit with messaging, channel management, and user authentication.
26 lines (23 loc) • 1.25 kB
JavaScript
import React__default, { useState } from 'react';
var ReplyItem = function (_a) {
var value = _a.value, onClickReply = _a.onClickReply, _b = _a.type, type = _b === void 0 ? 'vertical' : _b;
return (React__default.createElement("div", { className: "sendbird-suggested-replies__option ".concat(type), id: value, onClick: function (e) { return onClickReply(e, value); } }, value));
};
var SuggestedReplies = function (_a) {
var replyOptions = _a.replyOptions, onSendMessage = _a.onSendMessage, _b = _a.type, type = _b === void 0 ? 'vertical' : _b;
var _c = useState(false), replied = _c[0], setReplied = _c[1];
var onClickReply = function (event, option) {
event.preventDefault();
onSendMessage({ message: option });
setReplied(true);
};
if (replied) {
return null;
}
var children = replyOptions.map(function (option, index) {
return (React__default.createElement(ReplyItem, { key: index, value: option, onClickReply: onClickReply, type: type }));
});
return React__default.createElement("div", { className: "sendbird-suggested-replies ".concat(type) }, children);
};
export { ReplyItem, SuggestedReplies as default };
//# sourceMappingURL=SuggestedReplies.js.map