stream-chat-react-native-core 5.4.2-beta.1 → 5.4.2-beta.2
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/lib/commonjs/components/AttachmentPicker/AttachmentPicker.js +122 -433
- package/lib/commonjs/components/AttachmentPicker/AttachmentPicker.js.map +1 -1
- package/lib/commonjs/components/AttachmentPicker/components/AttachmentPickerItem.js +358 -0
- package/lib/commonjs/components/AttachmentPicker/components/AttachmentPickerItem.js.map +1 -0
- package/lib/commonjs/components/MessageList/NetworkDownIndicator.js +14 -6
- package/lib/commonjs/components/MessageList/NetworkDownIndicator.js.map +1 -1
- package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js +134 -85
- package/lib/commonjs/contexts/messageInputContext/MessageInputContext.js.map +1 -1
- package/lib/commonjs/contexts/overlayContext/OverlayProvider.js +39 -17
- package/lib/commonjs/contexts/overlayContext/OverlayProvider.js.map +1 -1
- package/lib/commonjs/hooks/useAppStateListener.js +9 -15
- package/lib/commonjs/hooks/useAppStateListener.js.map +1 -1
- package/lib/commonjs/version.json +1 -1
- package/lib/module/components/AttachmentPicker/AttachmentPicker.js +122 -433
- package/lib/module/components/AttachmentPicker/AttachmentPicker.js.map +1 -1
- package/lib/module/components/AttachmentPicker/components/AttachmentPickerItem.js +358 -0
- package/lib/module/components/AttachmentPicker/components/AttachmentPickerItem.js.map +1 -0
- package/lib/module/components/MessageList/NetworkDownIndicator.js +14 -6
- package/lib/module/components/MessageList/NetworkDownIndicator.js.map +1 -1
- package/lib/module/contexts/messageInputContext/MessageInputContext.js +134 -85
- package/lib/module/contexts/messageInputContext/MessageInputContext.js.map +1 -1
- package/lib/module/contexts/overlayContext/OverlayProvider.js +39 -17
- package/lib/module/contexts/overlayContext/OverlayProvider.js.map +1 -1
- package/lib/module/hooks/useAppStateListener.js +9 -15
- package/lib/module/hooks/useAppStateListener.js.map +1 -1
- package/lib/module/version.json +1 -1
- package/lib/typescript/components/AttachmentPicker/AttachmentPicker.d.ts +0 -11
- package/lib/typescript/components/AttachmentPicker/components/AttachmentPickerItem.d.ts +16 -0
- package/lib/typescript/contexts/messageInputContext/MessageInputContext.d.ts +1 -1
- package/lib/typescript/hooks/__tests__/useAppStateListener.test.d.ts +1 -0
- package/package.json +2 -2
- package/src/components/AttachmentPicker/AttachmentPicker.tsx +79 -322
- package/src/components/AttachmentPicker/components/AttachmentPickerItem.tsx +245 -0
- package/src/components/MessageList/NetworkDownIndicator.tsx +13 -10
- package/src/contexts/messageInputContext/MessageInputContext.tsx +27 -25
- package/src/contexts/overlayContext/OverlayProvider.tsx +28 -4
- package/src/hooks/__tests__/useAppStateListener.test.tsx +41 -0
- package/src/hooks/useAppStateListener.ts +9 -12
- package/src/version.json +1 -1
|
@@ -260,9 +260,8 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
260
260
|
if (hasImagePicker) {
|
|
261
261
|
_reactNative.Keyboard.dismiss();
|
|
262
262
|
|
|
263
|
-
openPicker();
|
|
264
263
|
setSelectedPicker('images');
|
|
265
|
-
|
|
264
|
+
openPicker();
|
|
266
265
|
} else if (hasFilePicker) {
|
|
267
266
|
pickFile();
|
|
268
267
|
}
|
|
@@ -652,15 +651,29 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
652
651
|
}
|
|
653
652
|
};
|
|
654
653
|
|
|
655
|
-
var
|
|
656
|
-
|
|
657
|
-
|
|
658
|
-
|
|
659
|
-
|
|
660
|
-
|
|
661
|
-
|
|
662
|
-
|
|
663
|
-
|
|
654
|
+
var getTriggerSettings = function getTriggerSettings() {
|
|
655
|
+
var triggerSettings = {};
|
|
656
|
+
|
|
657
|
+
if (channel) {
|
|
658
|
+
if (value.autoCompleteTriggerSettings) {
|
|
659
|
+
triggerSettings = value.autoCompleteTriggerSettings({
|
|
660
|
+
channel: channel,
|
|
661
|
+
client: client,
|
|
662
|
+
onMentionSelectItem: onSelectItem
|
|
663
|
+
});
|
|
664
|
+
} else {
|
|
665
|
+
triggerSettings = (0, _utils.ACITriggerSettings)({
|
|
666
|
+
channel: channel,
|
|
667
|
+
client: client,
|
|
668
|
+
onMentionSelectItem: onSelectItem
|
|
669
|
+
});
|
|
670
|
+
}
|
|
671
|
+
}
|
|
672
|
+
|
|
673
|
+
return triggerSettings;
|
|
674
|
+
};
|
|
675
|
+
|
|
676
|
+
var triggerSettings = getTriggerSettings();
|
|
664
677
|
|
|
665
678
|
var updateMessage = function () {
|
|
666
679
|
var _ref4 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee3() {
|
|
@@ -819,64 +832,100 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
819
832
|
}();
|
|
820
833
|
|
|
821
834
|
var uploadImage = function () {
|
|
822
|
-
var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function
|
|
823
|
-
var newImage, _ref9, file, id, response,
|
|
835
|
+
var _ref8 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee6(_ref7) {
|
|
836
|
+
var newImage, _ref9, file, id, response, getLocalUri, uri, compressedUri, filename, contentType, newImageUploads;
|
|
824
837
|
|
|
825
|
-
return _regenerator["default"].wrap(function
|
|
838
|
+
return _regenerator["default"].wrap(function _callee6$(_context6) {
|
|
826
839
|
while (1) {
|
|
827
|
-
switch (
|
|
840
|
+
switch (_context6.prev = _context6.next) {
|
|
828
841
|
case 0:
|
|
829
842
|
newImage = _ref7.newImage;
|
|
830
843
|
_ref9 = newImage || {}, file = _ref9.file, id = _ref9.id;
|
|
831
844
|
|
|
832
845
|
if (file) {
|
|
833
|
-
|
|
846
|
+
_context6.next = 4;
|
|
834
847
|
break;
|
|
835
848
|
}
|
|
836
849
|
|
|
837
|
-
return
|
|
850
|
+
return _context6.abrupt("return");
|
|
838
851
|
|
|
839
852
|
case 4:
|
|
840
853
|
response = {};
|
|
841
|
-
|
|
842
|
-
|
|
843
|
-
|
|
844
|
-
|
|
854
|
+
_context6.prev = 5;
|
|
855
|
+
|
|
856
|
+
getLocalUri = function () {
|
|
857
|
+
var _ref10 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee5() {
|
|
858
|
+
var _file$uri;
|
|
859
|
+
|
|
860
|
+
return _regenerator["default"].wrap(function _callee5$(_context5) {
|
|
861
|
+
while (1) {
|
|
862
|
+
switch (_context5.prev = _context5.next) {
|
|
863
|
+
case 0:
|
|
864
|
+
if (!file.id) {
|
|
865
|
+
_context5.next = 6;
|
|
866
|
+
break;
|
|
867
|
+
}
|
|
868
|
+
|
|
869
|
+
_context5.next = 3;
|
|
870
|
+
return (0, _native.getLocalAssetUri)(file.id);
|
|
871
|
+
|
|
872
|
+
case 3:
|
|
873
|
+
return _context5.abrupt("return", _context5.sent);
|
|
874
|
+
|
|
875
|
+
case 6:
|
|
876
|
+
if (!((_file$uri = file.uri) != null && _file$uri.match(/assets-library/))) {
|
|
877
|
+
_context5.next = 10;
|
|
878
|
+
break;
|
|
879
|
+
}
|
|
880
|
+
|
|
881
|
+
_context5.next = 9;
|
|
882
|
+
return (0, _native.getLocalAssetUri)(file.uri);
|
|
883
|
+
|
|
884
|
+
case 9:
|
|
885
|
+
return _context5.abrupt("return", _context5.sent);
|
|
886
|
+
|
|
887
|
+
case 10:
|
|
888
|
+
return _context5.abrupt("return", file.uri);
|
|
889
|
+
|
|
890
|
+
case 11:
|
|
891
|
+
case "end":
|
|
892
|
+
return _context5.stop();
|
|
893
|
+
}
|
|
894
|
+
}
|
|
895
|
+
}, _callee5);
|
|
896
|
+
}));
|
|
897
|
+
|
|
898
|
+
return function getLocalUri() {
|
|
899
|
+
return _ref10.apply(this, arguments);
|
|
900
|
+
};
|
|
901
|
+
}();
|
|
902
|
+
|
|
903
|
+
_context6.t1 = file.name;
|
|
904
|
+
|
|
905
|
+
if (_context6.t1) {
|
|
906
|
+
_context6.next = 12;
|
|
845
907
|
break;
|
|
846
908
|
}
|
|
847
909
|
|
|
848
|
-
|
|
849
|
-
return (
|
|
910
|
+
_context6.next = 11;
|
|
911
|
+
return getLocalUri();
|
|
850
912
|
|
|
851
|
-
case
|
|
852
|
-
|
|
853
|
-
_context5.next = 20;
|
|
854
|
-
break;
|
|
913
|
+
case 11:
|
|
914
|
+
_context6.t1 = _context6.sent;
|
|
855
915
|
|
|
856
916
|
case 12:
|
|
857
|
-
|
|
858
|
-
|
|
917
|
+
_context6.t0 = _context6.t1;
|
|
918
|
+
|
|
919
|
+
if (_context6.t0) {
|
|
920
|
+
_context6.next = 15;
|
|
859
921
|
break;
|
|
860
922
|
}
|
|
861
923
|
|
|
862
|
-
|
|
863
|
-
return (0, _native.getLocalAssetUri)(file.uri);
|
|
924
|
+
_context6.t0 = '';
|
|
864
925
|
|
|
865
926
|
case 15:
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
break;
|
|
869
|
-
|
|
870
|
-
case 18:
|
|
871
|
-
_context5.t1 = file.uri;
|
|
872
|
-
|
|
873
|
-
case 19:
|
|
874
|
-
_context5.t0 = _context5.t1;
|
|
875
|
-
|
|
876
|
-
case 20:
|
|
877
|
-
localUri = _context5.t0;
|
|
878
|
-
uri = file.name || localUri || '';
|
|
879
|
-
_context5.next = 24;
|
|
927
|
+
uri = _context6.t0;
|
|
928
|
+
_context6.next = 18;
|
|
880
929
|
return file.source === 'camera' || !file.height || !file.width || typeof value.compressImageQuality !== 'number' || value.compressImageQuality === 1 ? uri : (0, _native.compressImage)({
|
|
881
930
|
compressImageQuality: value.compressImageQuality,
|
|
882
931
|
height: file.height,
|
|
@@ -884,32 +933,32 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
884
933
|
width: file.width
|
|
885
934
|
});
|
|
886
935
|
|
|
887
|
-
case
|
|
888
|
-
compressedUri =
|
|
936
|
+
case 18:
|
|
937
|
+
compressedUri = _context6.sent;
|
|
889
938
|
filename = uri.replace(/^(file:\/\/|content:\/\/|assets-library:\/\/)/, '');
|
|
890
939
|
contentType = (0, _mimeTypes.lookup)(filename) || 'multipart/form-data';
|
|
891
940
|
|
|
892
941
|
if (!value.doImageUploadRequest) {
|
|
893
|
-
|
|
942
|
+
_context6.next = 27;
|
|
894
943
|
break;
|
|
895
944
|
}
|
|
896
945
|
|
|
897
|
-
|
|
946
|
+
_context6.next = 24;
|
|
898
947
|
return value.doImageUploadRequest(file, channel);
|
|
899
948
|
|
|
900
|
-
case
|
|
901
|
-
response =
|
|
902
|
-
|
|
949
|
+
case 24:
|
|
950
|
+
response = _context6.sent;
|
|
951
|
+
_context6.next = 35;
|
|
903
952
|
break;
|
|
904
953
|
|
|
905
|
-
case
|
|
954
|
+
case 27:
|
|
906
955
|
if (!(compressedUri && channel)) {
|
|
907
|
-
|
|
956
|
+
_context6.next = 35;
|
|
908
957
|
break;
|
|
909
958
|
}
|
|
910
959
|
|
|
911
960
|
if (!value.sendImageAsync) {
|
|
912
|
-
|
|
961
|
+
_context6.next = 32;
|
|
913
962
|
break;
|
|
914
963
|
}
|
|
915
964
|
|
|
@@ -929,17 +978,17 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
929
978
|
setImageUploads(newImageUploads);
|
|
930
979
|
}
|
|
931
980
|
});
|
|
932
|
-
|
|
981
|
+
_context6.next = 35;
|
|
933
982
|
break;
|
|
934
983
|
|
|
935
|
-
case
|
|
936
|
-
|
|
984
|
+
case 32:
|
|
985
|
+
_context6.next = 34;
|
|
937
986
|
return channel.sendImage(compressedUri, file.filename, contentType);
|
|
938
987
|
|
|
939
|
-
case
|
|
940
|
-
response =
|
|
988
|
+
case 34:
|
|
989
|
+
response = _context6.sent;
|
|
941
990
|
|
|
942
|
-
case
|
|
991
|
+
case 35:
|
|
943
992
|
if (Object.keys(response).length) {
|
|
944
993
|
newImageUploads = getUploadSetStateAction(id, _utils.FileState.UPLOADED, {
|
|
945
994
|
height: file.height,
|
|
@@ -949,20 +998,20 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
949
998
|
setImageUploads(newImageUploads);
|
|
950
999
|
}
|
|
951
1000
|
|
|
952
|
-
|
|
1001
|
+
_context6.next = 41;
|
|
953
1002
|
break;
|
|
954
1003
|
|
|
955
|
-
case
|
|
956
|
-
|
|
957
|
-
|
|
958
|
-
handleFileOrImageUploadError(
|
|
1004
|
+
case 38:
|
|
1005
|
+
_context6.prev = 38;
|
|
1006
|
+
_context6.t2 = _context6["catch"](5);
|
|
1007
|
+
handleFileOrImageUploadError(_context6.t2, true, id);
|
|
959
1008
|
|
|
960
|
-
case
|
|
1009
|
+
case 41:
|
|
961
1010
|
case "end":
|
|
962
|
-
return
|
|
1011
|
+
return _context6.stop();
|
|
963
1012
|
}
|
|
964
1013
|
}
|
|
965
|
-
},
|
|
1014
|
+
}, _callee6, null, [[5, 38]]);
|
|
966
1015
|
}));
|
|
967
1016
|
|
|
968
1017
|
return function uploadImage(_x2) {
|
|
@@ -971,11 +1020,11 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
971
1020
|
}();
|
|
972
1021
|
|
|
973
1022
|
var uploadNewFile = function () {
|
|
974
|
-
var
|
|
1023
|
+
var _ref11 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee7(file) {
|
|
975
1024
|
var id, mimeType, isBlockedFileExtension, isBlockedFileMimeType, fileState, newFile;
|
|
976
|
-
return _regenerator["default"].wrap(function
|
|
1025
|
+
return _regenerator["default"].wrap(function _callee7$(_context7) {
|
|
977
1026
|
while (1) {
|
|
978
|
-
switch (
|
|
1027
|
+
switch (_context7.prev = _context7.next) {
|
|
979
1028
|
case 0:
|
|
980
1029
|
id = (0, _utils.generateRandomId)();
|
|
981
1030
|
mimeType = (0, _mimeTypes.lookup)(file.name);
|
|
@@ -1000,7 +1049,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
1000
1049
|
progress: 0,
|
|
1001
1050
|
state: fileState
|
|
1002
1051
|
};
|
|
1003
|
-
|
|
1052
|
+
_context7.next = 8;
|
|
1004
1053
|
return Promise.all([setFileUploads(function (prevFileUploads) {
|
|
1005
1054
|
return prevFileUploads.concat([newFile]);
|
|
1006
1055
|
}), setNumberOfUploads(function (prevNumberOfUploads) {
|
|
@@ -1016,23 +1065,23 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
1016
1065
|
|
|
1017
1066
|
case 9:
|
|
1018
1067
|
case "end":
|
|
1019
|
-
return
|
|
1068
|
+
return _context7.stop();
|
|
1020
1069
|
}
|
|
1021
1070
|
}
|
|
1022
|
-
},
|
|
1071
|
+
}, _callee7);
|
|
1023
1072
|
}));
|
|
1024
1073
|
|
|
1025
1074
|
return function uploadNewFile(_x3) {
|
|
1026
|
-
return
|
|
1075
|
+
return _ref11.apply(this, arguments);
|
|
1027
1076
|
};
|
|
1028
1077
|
}();
|
|
1029
1078
|
|
|
1030
1079
|
var uploadNewImage = function () {
|
|
1031
|
-
var
|
|
1080
|
+
var _ref12 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee8(image) {
|
|
1032
1081
|
var id, isBlockedImageMimeType, isBlockedImageExtension, imageState, newImage;
|
|
1033
|
-
return _regenerator["default"].wrap(function
|
|
1082
|
+
return _regenerator["default"].wrap(function _callee8$(_context8) {
|
|
1034
1083
|
while (1) {
|
|
1035
|
-
switch (
|
|
1084
|
+
switch (_context8.prev = _context8.next) {
|
|
1036
1085
|
case 0:
|
|
1037
1086
|
id = (0, _utils.generateRandomId)();
|
|
1038
1087
|
isBlockedImageMimeType = blockedImageMimeTypes == null ? void 0 : blockedImageMimeTypes.some(function (mimeType) {
|
|
@@ -1051,7 +1100,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
1051
1100
|
id: id,
|
|
1052
1101
|
state: imageState
|
|
1053
1102
|
};
|
|
1054
|
-
|
|
1103
|
+
_context8.next = 7;
|
|
1055
1104
|
return Promise.all([setImageUploads(function (prevImageUploads) {
|
|
1056
1105
|
return prevImageUploads.concat([newImage]);
|
|
1057
1106
|
}), setNumberOfUploads(function (prevNumberOfUploads) {
|
|
@@ -1067,14 +1116,14 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
1067
1116
|
|
|
1068
1117
|
case 8:
|
|
1069
1118
|
case "end":
|
|
1070
|
-
return
|
|
1119
|
+
return _context8.stop();
|
|
1071
1120
|
}
|
|
1072
1121
|
}
|
|
1073
|
-
},
|
|
1122
|
+
}, _callee8);
|
|
1074
1123
|
}));
|
|
1075
1124
|
|
|
1076
1125
|
return function uploadNewImage(_x4) {
|
|
1077
|
-
return
|
|
1126
|
+
return _ref12.apply(this, arguments);
|
|
1078
1127
|
};
|
|
1079
1128
|
}();
|
|
1080
1129
|
|
|
@@ -1134,7 +1183,7 @@ var MessageInputProvider = function MessageInputProvider(_ref) {
|
|
|
1134
1183
|
__self: _this,
|
|
1135
1184
|
__source: {
|
|
1136
1185
|
fileName: _jsxFileName,
|
|
1137
|
-
lineNumber:
|
|
1186
|
+
lineNumber: 1143,
|
|
1138
1187
|
columnNumber: 5
|
|
1139
1188
|
}
|
|
1140
1189
|
}, children);
|
|
@@ -1161,7 +1210,7 @@ var withMessageInputContext = function withMessageInputContext(Component) {
|
|
|
1161
1210
|
__self: _this,
|
|
1162
1211
|
__source: {
|
|
1163
1212
|
fileName: _jsxFileName,
|
|
1164
|
-
lineNumber:
|
|
1213
|
+
lineNumber: 1183,
|
|
1165
1214
|
columnNumber: 12
|
|
1166
1215
|
}
|
|
1167
1216
|
}));
|