stream-chat-react 10.4.0 → 10.4.1

package/dist/components/Attachment/AttachmentContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AttachmentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/AttachmentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AASpF,OAAO,EACL,wBAAwB,EAGxB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,OAAO,KAAK,EACV,yBAAyB,EAG1B,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,yBAAyB,oNA+BrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,wMAkBtC,CAAC;AAoBF,eAAO,MAAM,gBAAgB,qKAwC5B,CAAC;AAEF,eAAO,MAAM,cAAc,qJA0C1B,CAAC;AAEF,eAAO,MAAM,aAAa,qJAwBzB,CAAC;AAEF,eAAO,MAAM,aAAa,4KAazB,CAAC;AACF,eAAO,MAAM,cAAc,sKAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,qJAuD1B,CAAC"}
+{"version":3,"file":"AttachmentContainer.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/AttachmentContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAqC,MAAM,OAAO,CAAC;AAWpF,OAAO,EACL,wBAAwB,EAGxB,qBAAqB,EACrB,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAIjB,OAAO,KAAK,EACV,yBAAyB,EAG1B,MAAM,mBAAmB,CAAC;AAE3B,eAAO,MAAM,yBAAyB,oNA+BrC,CAAC;AAEF,eAAO,MAAM,0BAA0B,wMAkBtC,CAAC;AAqBF,eAAO,MAAM,gBAAgB,qKAwC5B,CAAC;AAEF,eAAO,MAAM,cAAc,qJA0C1B,CAAC;AAEF,eAAO,MAAM,aAAa,qJAwBzB,CAAC;AAEF,eAAO,MAAM,aAAa,4KAazB,CAAC;AACF,eAAO,MAAM,cAAc,sKAW1B,CAAC;AAEF,eAAO,MAAM,cAAc,qJAuD1B,CAAC"}

package/dist/components/Attachment/AttachmentContainer.js

@@ -12,6 +12,7 @@ var __assign = (this && this.__assign) || function () {
 import React, { useLayoutEffect, useRef, useState } from 'react';
 import ReactPlayer from 'react-player';
 import clsx from 'clsx';
+import * as linkify from 'linkifyjs';
 import { AttachmentActions as DefaultAttachmentActions } from './AttachmentActions';
 import { Audio as DefaultAudio } from './Audio';
 import { Gallery as DefaultGallery, ImageComponent as DefaultImage } from '../Gallery';
@@ -50,12 +51,11 @@ export var AttachmentActionsContainer = function (_a) {
     return (React.createElement(AttachmentActions, __assign({}, attachment, { actionHandler: actionHandler, actions: attachment.actions, id: attachment.id || '', text: attachment.text || '' })));
 };
 function getCssDimensionsVariables(url) {
-    var _a;
-    var cssVars = (_a = {},
-        _a['--original-height'] = 1000000,
-        _a['--original-width'] = 1000000,
-        _a);
-    if (url) {
+    var cssVars = {
+        '--original-height': 1000000,
+        '--original-width': 1000000,
+    };
+    if (linkify.test(url, 'url')) {
         var urlParams = new URL(url).searchParams;
         var oh = Number(urlParams.get('oh'));
         var ow = Number(urlParams.get('ow'));

package/dist/components/Attachment/attachment-sizing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"attachment-sizing.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/attachment-sizing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,eAAO,MAAM,+BAA+B,eAAgB,UAAU,WAAW,WAAW;;CAc3F,CAAC;AAEF,eAAO,MAAM,+BAA+B,eAC9B,UAAU,WACb,WAAW,gCACU,OAAO;;;CAoBtC,CAAC"}
+{"version":3,"file":"attachment-sizing.d.ts","sourceRoot":"","sources":["../../../src/components/Attachment/attachment-sizing.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAG9C,eAAO,MAAM,+BAA+B,eAAgB,UAAU,WAAW,WAAW;;CAqB3F,CAAC;AAEF,eAAO,MAAM,+BAA+B,eAC9B,UAAU,WACb,WAAW,gCACU,OAAO;;;CAwBtC,CAAC"}

package/dist/components/Attachment/attachment-sizing.js

@@ -1,19 +1,27 @@
+import * as linkify from 'linkifyjs';
 export var getImageAttachmentConfiguration = function (attachment, element) {
-    var url = new URL((attachment.image_url || attachment.thumb_url || ''));
-    var resizeDimensions = getSizingRestrictions(url, element);
-    if (resizeDimensions) {
-        // Apply 2x for retina displays
-        resizeDimensions.height *= 2;
-        resizeDimensions.width *= 2;
-        addResizingParamsToUrl(resizeDimensions, url);
+    var newUrl = undefined;
+    var urlToTest = attachment.image_url || attachment.thumb_url || '';
+    if (linkify.test(urlToTest, 'url')) {
+        var url = new URL(urlToTest);
+        var resizeDimensions = getSizingRestrictions(url, element);
+        if (resizeDimensions) {
+            // Apply 2x for retina displays
+            resizeDimensions.height *= 2;
+            resizeDimensions.width *= 2;
+            addResizingParamsToUrl(resizeDimensions, url);
+        }
+        newUrl = url.href;
     }
     return {
-        url: url.href,
+        url: newUrl || '',
     };
 };
 export var getVideoAttachmentConfiguration = function (attachment, element, shouldGenerateVideoThumbnail) {
     var thumbUrl = undefined;
-    if (attachment.thumb_url && shouldGenerateVideoThumbnail) {
+    if (attachment.thumb_url &&
+        shouldGenerateVideoThumbnail &&
+        linkify.test(attachment.thumb_url, 'url')) {
         var url = new URL(attachment.thumb_url);
         var resizeDimensions = getSizingRestrictions(url, element);
         if (resizeDimensions) {

package/dist/index.cjs.js

@@ -28,10 +28,10 @@ require('dayjs/locale/tr');
 require('dayjs/locale/en');
 var ImageGallery = require('react-image-gallery');
 var reactFileUtils = require('react-file-utils');
+var linkify = require('linkifyjs');
 var _defineProperty$2 = require('@babel/runtime/helpers/defineProperty');
 var _slicedToArray$2 = require('@babel/runtime/helpers/slicedToArray');
 var emojiRegex = require('emoji-regex');
-var linkify = require('linkifyjs');
 var nanoid = require('nanoid');
 var uniqBy = require('lodash.uniqby');
 var PropTypes = require('prop-types');
@@ -89,10 +89,10 @@ var updateLocale__default = /*#__PURE__*/_interopDefaultLegacy(updateLocale);
 var localeData__default = /*#__PURE__*/_interopDefaultLegacy(localeData);
 var relativeTime__default = /*#__PURE__*/_interopDefaultLegacy(relativeTime);
 var ImageGallery__default = /*#__PURE__*/_interopDefaultLegacy(ImageGallery);
+var linkify__namespace = /*#__PURE__*/_interopNamespace(linkify);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty$2);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray$2);
 var emojiRegex__default = /*#__PURE__*/_interopDefaultLegacy(emojiRegex);
-var linkify__namespace = /*#__PURE__*/_interopNamespace(linkify);
 var uniqBy__default = /*#__PURE__*/_interopDefaultLegacy(uniqBy);
 var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 var ReactIs__default = /*#__PURE__*/_interopDefaultLegacy(ReactIs);
@@ -1746,12 +1746,11 @@ var AttachmentActionsContainer = function (_a) {
     return (React__default["default"].createElement(AttachmentActions$1, __assign({}, attachment, { actionHandler: actionHandler, actions: attachment.actions, id: attachment.id || '', text: attachment.text || '' })));
 };
 function getCssDimensionsVariables(url) {
-    var _a;
-    var cssVars = (_a = {},
-        _a['--original-height'] = 1000000,
-        _a['--original-width'] = 1000000,
-        _a);
-    if (url) {
+    var cssVars = {
+        '--original-height': 1000000,
+        '--original-width': 1000000,
+    };
+    if (linkify__namespace.test(url, 'url')) {
         var urlParams = new URL(url).searchParams;
         var oh = Number(urlParams.get('oh'));
         var ow = Number(urlParams.get('ow'));
@@ -31940,21 +31939,28 @@ var useChannelContainerClasses = function (_a) {
 };
 
 var getImageAttachmentConfiguration = function (attachment, element) {
-    var url = new URL((attachment.image_url || attachment.thumb_url || ''));
-    var resizeDimensions = getSizingRestrictions(url, element);
-    if (resizeDimensions) {
-        // Apply 2x for retina displays
-        resizeDimensions.height *= 2;
-        resizeDimensions.width *= 2;
-        addResizingParamsToUrl(resizeDimensions, url);
+    var newUrl = undefined;
+    var urlToTest = attachment.image_url || attachment.thumb_url || '';
+    if (linkify__namespace.test(urlToTest, 'url')) {
+        var url = new URL(urlToTest);
+        var resizeDimensions = getSizingRestrictions(url, element);
+        if (resizeDimensions) {
+            // Apply 2x for retina displays
+            resizeDimensions.height *= 2;
+            resizeDimensions.width *= 2;
+            addResizingParamsToUrl(resizeDimensions, url);
+        }
+        newUrl = url.href;
     }
     return {
-        url: url.href,
+        url: newUrl || '',
     };
 };
 var getVideoAttachmentConfiguration = function (attachment, element, shouldGenerateVideoThumbnail) {
     var thumbUrl = undefined;
-    if (attachment.thumb_url && shouldGenerateVideoThumbnail) {
+    if (attachment.thumb_url &&
+        shouldGenerateVideoThumbnail &&
+        linkify__namespace.test(attachment.thumb_url, 'url')) {
         var url = new URL(attachment.thumb_url);
         var resizeDimensions = getSizingRestrictions(url, element);
         if (resizeDimensions) {
@@ -33765,7 +33771,7 @@ var UnMemoizedChannelList = function (props) {
  */
 var ChannelList = React__default["default"].memo(UnMemoizedChannelList);
 
-var version = '10.4.0';
+var version = '10.4.1';
 
 var useChat = function (_a) {
     var _b, _c;