sceyt-chat-react-uikit 1.8.7 → 1.8.8-beta.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.
Files changed (3) hide show
  1. package/index.js +42 -12
  2. package/index.modern.js +42 -12
  3. package/package.json +1 -1
package/index.js CHANGED
@@ -53807,7 +53807,7 @@ var Media = function Media(_ref) {
53807
53807
  });
53808
53808
  return result;
53809
53809
  }, [attachments]);
53810
- return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
53810
+ return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
53811
53811
  length: 9
53812
53812
  }).map(function (_, i) {
53813
53813
  return /*#__PURE__*/React__default.createElement(SkeletonTile, {
@@ -53816,7 +53816,7 @@ var Media = function Media(_ref) {
53816
53816
  });
53817
53817
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState, {
53818
53818
  color: textSecondary
53819
- }, "No shared media.")) : groups.map(function (group) {
53819
+ }, "No shared media.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
53820
53820
  return /*#__PURE__*/React__default.createElement(MonthSection, {
53821
53821
  key: group.key
53822
53822
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader, {
@@ -53838,7 +53838,14 @@ var Media = function Media(_ref) {
53838
53838
  isDetailsView: true
53839
53839
  }));
53840
53840
  })));
53841
- }), mediaFile && /*#__PURE__*/React__default.createElement(SliderPopup, {
53841
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
53842
+ length: 3
53843
+ }).map(function (_, i) {
53844
+ return /*#__PURE__*/React__default.createElement(SkeletonTile, {
53845
+ key: i,
53846
+ color: surface1
53847
+ });
53848
+ }))))), mediaFile && /*#__PURE__*/React__default.createElement(SliderPopup, {
53842
53849
  channel: channel,
53843
53850
  setIsSliderOpen: setMediaFile,
53844
53851
  currentMediaFile: mediaFile
@@ -53997,7 +54004,7 @@ var Files = function Files(_ref) {
53997
54004
  });
53998
54005
  return result;
53999
54006
  }, [attachments]);
54000
- return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54007
+ return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54001
54008
  length: 5
54002
54009
  }).map(function (_, i) {
54003
54010
  return /*#__PURE__*/React__default.createElement(SkeletonRow, {
@@ -54014,7 +54021,7 @@ var Files = function Files(_ref) {
54014
54021
  })));
54015
54022
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$1, {
54016
54023
  color: textSecondary
54017
- }, "No shared files.")) : groups.map(function (group) {
54024
+ }, "No shared files.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
54018
54025
  return /*#__PURE__*/React__default.createElement(MonthSection$1, {
54019
54026
  key: group.key
54020
54027
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader$1, {
@@ -54085,7 +54092,16 @@ var Files = function Files(_ref) {
54085
54092
  }
54086
54093
  }))) : filePreviewDownloadIcon || /*#__PURE__*/React__default.createElement(SvgDownloadFile, null)));
54087
54094
  }));
54088
- }));
54095
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow, null, /*#__PURE__*/React__default.createElement(SkeletonSquare, {
54096
+ color: surface1
54097
+ }), /*#__PURE__*/React__default.createElement(SkeletonTextGroup, null, /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
54098
+ color: surface1,
54099
+ width: '58%'
54100
+ }), /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
54101
+ color: surface1,
54102
+ width: '38%',
54103
+ height: '12px'
54104
+ })))))));
54089
54105
  };
54090
54106
  var shimmer$2 = styled.keyframes(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
54091
54107
  var SkeletonBlock$2 = styled__default.div(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
@@ -54230,7 +54246,7 @@ var Links = function Links(_ref) {
54230
54246
  });
54231
54247
  return result;
54232
54248
  }, [attachments]);
54233
- return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54249
+ return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54234
54250
  length: 5
54235
54251
  }).map(function (_, i) {
54236
54252
  return /*#__PURE__*/React__default.createElement(SkeletonRow$1, {
@@ -54243,7 +54259,7 @@ var Links = function Links(_ref) {
54243
54259
  }));
54244
54260
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$2, {
54245
54261
  color: textSecondary
54246
- }, "No shared links.")) : groups.map(function (group) {
54262
+ }, "No shared links.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
54247
54263
  return /*#__PURE__*/React__default.createElement(MonthSection$2, {
54248
54264
  key: group.key
54249
54265
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader$2, {
@@ -54263,7 +54279,12 @@ var Links = function Links(_ref) {
54263
54279
  linkPreviewIcon: linkPreviewIcon
54264
54280
  });
54265
54281
  }));
54266
- }));
54282
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$1, null, /*#__PURE__*/React__default.createElement(SkeletonSquare$1, {
54283
+ color: surface1
54284
+ }), /*#__PURE__*/React__default.createElement(SkeletonLine$2, {
54285
+ color: surface1,
54286
+ width: '65%'
54287
+ }))))));
54267
54288
  };
54268
54289
  var shimmer$3 = styled.keyframes(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
54269
54290
  var SkeletonBlock$3 = styled__default.div(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
@@ -54536,7 +54557,7 @@ var Voices = function Voices(_ref) {
54536
54557
  });
54537
54558
  return result;
54538
54559
  }, [attachments]);
54539
- return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54560
+ return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54540
54561
  length: 5
54541
54562
  }).map(function (_, i) {
54542
54563
  return /*#__PURE__*/React__default.createElement(SkeletonRow$2, {
@@ -54553,7 +54574,7 @@ var Voices = function Voices(_ref) {
54553
54574
  })));
54554
54575
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$3, {
54555
54576
  color: textSecondary
54556
- }, "No shared voice messages.")) : groups.map(function (group) {
54577
+ }, "No shared voice messages.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
54557
54578
  return /*#__PURE__*/React__default.createElement(MonthSection$3, {
54558
54579
  key: group.key
54559
54580
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader$3, {
@@ -54577,7 +54598,16 @@ var Voices = function Voices(_ref) {
54577
54598
  voicePreviewTitleColor: voicePreviewTitleColor
54578
54599
  });
54579
54600
  }));
54580
- }));
54601
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$2, null, /*#__PURE__*/React__default.createElement(SkeletonCircle, {
54602
+ color: surface1
54603
+ }), /*#__PURE__*/React__default.createElement(SkeletonTextGroup$1, null, /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
54604
+ color: surface1,
54605
+ width: '50%'
54606
+ }), /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
54607
+ color: surface1,
54608
+ width: '30%',
54609
+ height: '12px'
54610
+ })))))));
54581
54611
  };
54582
54612
  var shimmer$4 = styled.keyframes(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
54583
54613
  var SkeletonBlock$4 = styled__default.div(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
package/index.modern.js CHANGED
@@ -53806,7 +53806,7 @@ var Media = function Media(_ref) {
53806
53806
  });
53807
53807
  return result;
53808
53808
  }, [attachments]);
53809
- return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
53809
+ return /*#__PURE__*/React__default.createElement(Container$o, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
53810
53810
  length: 9
53811
53811
  }).map(function (_, i) {
53812
53812
  return /*#__PURE__*/React__default.createElement(SkeletonTile, {
@@ -53815,7 +53815,7 @@ var Media = function Media(_ref) {
53815
53815
  });
53816
53816
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState, {
53817
53817
  color: textSecondary
53818
- }, "No shared media.")) : groups.map(function (group) {
53818
+ }, "No shared media.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
53819
53819
  return /*#__PURE__*/React__default.createElement(MonthSection, {
53820
53820
  key: group.key
53821
53821
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader, {
@@ -53837,7 +53837,14 @@ var Media = function Media(_ref) {
53837
53837
  isDetailsView: true
53838
53838
  }));
53839
53839
  })));
53840
- }), mediaFile && /*#__PURE__*/React__default.createElement(SliderPopup, {
53840
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonGrid, null, Array.from({
53841
+ length: 3
53842
+ }).map(function (_, i) {
53843
+ return /*#__PURE__*/React__default.createElement(SkeletonTile, {
53844
+ key: i,
53845
+ color: surface1
53846
+ });
53847
+ }))))), mediaFile && /*#__PURE__*/React__default.createElement(SliderPopup, {
53841
53848
  channel: channel,
53842
53849
  setIsSliderOpen: setMediaFile,
53843
53850
  currentMediaFile: mediaFile
@@ -53996,7 +54003,7 @@ var Files = function Files(_ref) {
53996
54003
  });
53997
54004
  return result;
53998
54005
  }, [attachments]);
53999
- return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54006
+ return /*#__PURE__*/React__default.createElement(Container$p, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54000
54007
  length: 5
54001
54008
  }).map(function (_, i) {
54002
54009
  return /*#__PURE__*/React__default.createElement(SkeletonRow, {
@@ -54013,7 +54020,7 @@ var Files = function Files(_ref) {
54013
54020
  })));
54014
54021
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$1, {
54015
54022
  color: textSecondary
54016
- }, "No shared files.")) : groups.map(function (group) {
54023
+ }, "No shared files.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
54017
54024
  return /*#__PURE__*/React__default.createElement(MonthSection$1, {
54018
54025
  key: group.key
54019
54026
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader$1, {
@@ -54084,7 +54091,16 @@ var Files = function Files(_ref) {
54084
54091
  }
54085
54092
  }))) : filePreviewDownloadIcon || /*#__PURE__*/React__default.createElement(SvgDownloadFile, null)));
54086
54093
  }));
54087
- }));
54094
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow, null, /*#__PURE__*/React__default.createElement(SkeletonSquare, {
54095
+ color: surface1
54096
+ }), /*#__PURE__*/React__default.createElement(SkeletonTextGroup, null, /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
54097
+ color: surface1,
54098
+ width: '58%'
54099
+ }), /*#__PURE__*/React__default.createElement(SkeletonLine$1, {
54100
+ color: surface1,
54101
+ width: '38%',
54102
+ height: '12px'
54103
+ })))))));
54088
54104
  };
54089
54105
  var shimmer$2 = keyframes(_templateObject$10 || (_templateObject$10 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
54090
54106
  var SkeletonBlock$2 = styled.div(_templateObject2$X || (_templateObject2$X = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
@@ -54229,7 +54245,7 @@ var Links = function Links(_ref) {
54229
54245
  });
54230
54246
  return result;
54231
54247
  }, [attachments]);
54232
- return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54248
+ return /*#__PURE__*/React__default.createElement(Container$q, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54233
54249
  length: 5
54234
54250
  }).map(function (_, i) {
54235
54251
  return /*#__PURE__*/React__default.createElement(SkeletonRow$1, {
@@ -54242,7 +54258,7 @@ var Links = function Links(_ref) {
54242
54258
  }));
54243
54259
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$2, {
54244
54260
  color: textSecondary
54245
- }, "No shared links.")) : groups.map(function (group) {
54261
+ }, "No shared links.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
54246
54262
  return /*#__PURE__*/React__default.createElement(MonthSection$2, {
54247
54263
  key: group.key
54248
54264
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader$2, {
@@ -54262,7 +54278,12 @@ var Links = function Links(_ref) {
54262
54278
  linkPreviewIcon: linkPreviewIcon
54263
54279
  });
54264
54280
  }));
54265
- }));
54281
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$1, null, /*#__PURE__*/React__default.createElement(SkeletonSquare$1, {
54282
+ color: surface1
54283
+ }), /*#__PURE__*/React__default.createElement(SkeletonLine$2, {
54284
+ color: surface1,
54285
+ width: '65%'
54286
+ }))))));
54266
54287
  };
54267
54288
  var shimmer$3 = keyframes(_templateObject$12 || (_templateObject$12 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
54268
54289
  var SkeletonBlock$3 = styled.div(_templateObject2$Z || (_templateObject2$Z = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
@@ -54535,7 +54556,7 @@ var Voices = function Voices(_ref) {
54535
54556
  });
54536
54557
  return result;
54537
54558
  }, [attachments]);
54538
- return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54559
+ return /*#__PURE__*/React__default.createElement(Container$r, null, loadingState === LOADING_STATE.LOADING && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, Array.from({
54539
54560
  length: 5
54540
54561
  }).map(function (_, i) {
54541
54562
  return /*#__PURE__*/React__default.createElement(SkeletonRow$2, {
@@ -54552,7 +54573,7 @@ var Voices = function Voices(_ref) {
54552
54573
  })));
54553
54574
  }))) : loadingState === LOADING_STATE.LOADED && attachments.length === 0 ? (/*#__PURE__*/React__default.createElement(EmptyState$3, {
54554
54575
  color: textSecondary
54555
- }, "No shared voice messages.")) : groups.map(function (group) {
54576
+ }, "No shared voice messages.")) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null, groups.map(function (group) {
54556
54577
  return /*#__PURE__*/React__default.createElement(MonthSection$3, {
54557
54578
  key: group.key
54558
54579
  }, /*#__PURE__*/React__default.createElement(StickyMonthHeader$3, {
@@ -54576,7 +54597,16 @@ var Voices = function Voices(_ref) {
54576
54597
  voicePreviewTitleColor: voicePreviewTitleColor
54577
54598
  });
54578
54599
  }));
54579
- }));
54600
+ }), loadingState === LOADING_STATE.LOADING && (/*#__PURE__*/React__default.createElement(SkeletonRow$2, null, /*#__PURE__*/React__default.createElement(SkeletonCircle, {
54601
+ color: surface1
54602
+ }), /*#__PURE__*/React__default.createElement(SkeletonTextGroup$1, null, /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
54603
+ color: surface1,
54604
+ width: '50%'
54605
+ }), /*#__PURE__*/React__default.createElement(SkeletonLine$3, {
54606
+ color: surface1,
54607
+ width: '30%',
54608
+ height: '12px'
54609
+ })))))));
54580
54610
  };
54581
54611
  var shimmer$4 = keyframes(_templateObject$14 || (_templateObject$14 = _taggedTemplateLiteralLoose(["\n 0% { background-position: -400px 0; }\n 100% { background-position: 400px 0; }\n"])));
54582
54612
  var SkeletonBlock$4 = styled.div(_templateObject2$$ || (_templateObject2$$ = _taggedTemplateLiteralLoose(["\n background-color: ", ";\n background-image: linear-gradient(\n 90deg,\n ", " 0px,\n rgba(255, 255, 255, 0.65) 100px,\n ", " 200px\n );\n background-size: 600px 100%;\n background-repeat: no-repeat;\n animation: ", " 1.1s ease infinite;\n"])), function (p) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sceyt-chat-react-uikit",
3
- "version": "1.8.7",
3
+ "version": "1.8.8-beta.1",
4
4
  "description": "Interactive React UI Components for Sceyt Chat.",
5
5
  "author": "Sceyt",
6
6
  "license": "MIT",