@blumessage/react-chat 1.2.0 → 1.2.1
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/dist/BlumessageChat.js +5 -2
- package/package.json +2 -2
package/dist/BlumessageChat.js
CHANGED
|
@@ -701,12 +701,15 @@ export var BlumessageChat = function (_a) {
|
|
|
701
701
|
? 'bg-gray-700 text-gray-100 border border-gray-600'
|
|
702
702
|
: 'bg-white text-gray-800 border border-gray-200'), children: _jsx("div", { className: "".concat(theme === 'dark' ? 'text-gray-300' : 'text-gray-600'), style: { fontStyle: 'italic' }, children: typingText }) }) })), messages.length === 0 && !isLoading && (_jsx("div", { className: "text-center text-sm py-8 ".concat(theme === 'dark' ? 'text-gray-400' : 'text-gray-500'), children: emptyStateText })), _jsx("div", { ref: messagesEndRef })] }), _jsx("div", { className: "border-t ".concat(theme === 'dark'
|
|
703
703
|
? 'bg-gray-900 border-gray-700'
|
|
704
|
-
: 'bg-white border-gray-100'), style: { padding: isMobile ? '12px 16px' : '16px 24px' }, children: _jsxs("div", { className: "flex items-
|
|
704
|
+
: 'bg-white border-gray-100'), style: { padding: isMobile ? '12px 16px' : '16px 24px' }, children: _jsxs("div", { className: "flex items-center rounded-2xl px-4 py-3 border ".concat(theme === 'dark'
|
|
705
705
|
? 'bg-gray-800 border-gray-600'
|
|
706
706
|
: 'bg-gray-50 border-gray-200'), children: [_jsx("textarea", { className: "flex-1 border-none bg-transparent outline-none text-sm font-inherit resize-none ".concat(theme === 'dark' ? 'text-gray-100' : 'text-gray-700'), placeholder: placeholder, value: inputValue, onChange: function (e) { return setInputValue(e.target.value); }, onKeyDown: handleKeyPress, rows: 1, style: {
|
|
707
707
|
minHeight: '20px',
|
|
708
708
|
maxHeight: isMobile ? '100px' : '120px',
|
|
709
|
-
overflowY: inputValue.split('\n').length > 4 ? 'auto' : 'hidden'
|
|
709
|
+
overflowY: inputValue.split('\n').length > 4 ? 'auto' : 'hidden',
|
|
710
|
+
lineHeight: '1.5',
|
|
711
|
+
paddingTop: '2px',
|
|
712
|
+
paddingBottom: '2px'
|
|
710
713
|
}, onInput: function (e) {
|
|
711
714
|
var target = e.target;
|
|
712
715
|
target.style.height = 'auto';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blumessage/react-chat",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"description": "A React TypeScript chat widget component with floating button, theming, and Blumessage API integration",
|
|
5
5
|
"license": "UNLICENSED",
|
|
6
6
|
"author": "Blumessage <contact@blumessage.com>",
|
|
@@ -63,4 +63,4 @@
|
|
|
63
63
|
"webpack-cli": "^5.1.4",
|
|
64
64
|
"webpack-dev-server": "^4.15.1"
|
|
65
65
|
}
|
|
66
|
-
}
|
|
66
|
+
}
|