stream-chat-react-native-core 9.6.1-beta.2 → 9.6.1-beta.3

package/lib/commonjs/components/Attachment/utils/buildGallery/buildThumbnail.js

@@ -21,7 +21,12 @@ function buildThumbnail({
     flex,
     localId,
     resizeMode: resizeMode ? resizeMode : image.original_height && image.original_width ? 'contain' : 'cover',
-    thumb_url: image.thumb_url,
+    thumb_url: image.thumb_url && shouldResize ? (0, _getResizedImageUrl.getResizedImageUrl)({
+      height,
+      resizableCDNHosts,
+      url: image.thumb_url,
+      width
+    }) : image.thumb_url,
     type: image.type,
     url: shouldResize ? (0, _getResizedImageUrl.getResizedImageUrl)({
       height,

package/lib/commonjs/components/Attachment/utils/buildGallery/buildThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["_getResizedImageUrl","require","_getUrlOfImageAttachment","buildThumbnail","height","image","resizableCDNHosts","resizeMode","width","flex","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","getUrlOfImageAttachment","localId","thumb_url","type","url","getResizedImageUrl"],"sourceRoot":"../../../../../../src","sources":["components/Attachment/utils/buildGallery/buildThumbnail.ts"],"mappings":";;;;AASA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAUO,SAASE,cAAcA,CAAC;EAC7BC,MAAM;EACNC,KAAK;EACLC,iBAAiB;EACjBC,UAAU;EACVC,KAAK;EACLC;AACmB,CAAC,EAAa;EACjC,IAAyBC,mBAAmB,GAAyCL,KAAK,CAAlFM,eAAe;IAAuCC,kBAAkB,GAAKP,KAAK,CAA5CQ,cAAc;EAG5D,IAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAkB,GACrCF,mBAAmB,GAAGE,kBAAkB,GAAGR,MAAM,GAAGI,KAAK,GACzD,IAAI;EACV,IAAMO,QAAQ,GAAG,IAAAC,gDAAuB,EAACX,KAAK,CAAW;EACzD,IAAMY,OAAO,GAAIZ,KAAK,CAAwCY,OAAO;EAErE,OAAO;IACLR,IAAI;IACJQ,OAAO;IACPV,UAAU,EAAEA,UAAU,GAClBA,UAAU,GACRF,KAAK,CAACM,eAAe,IAAIN,KAAK,CAACQ,cAAc,GAAG,SAAS,GAAG,OAA4B;IAC9FK,SAAS,EAAEb,KAAK,CAACa,SAAS;IAC1BC,IAAI,EAAEd,KAAK,CAACc,IAAI;IAChBC,GAAG,EAAEN,YAAY,GACb,IAAAO,sCAAkB,EAAC;MACjBjB,MAAM;MACNE,iBAAiB;MACjBc,GAAG,EAAEL,QAAQ;MACbP;IACF,CAAC,CAAC,GACFO;EACN,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_getResizedImageUrl","require","_getUrlOfImageAttachment","buildThumbnail","height","image","resizableCDNHosts","resizeMode","width","flex","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","getUrlOfImageAttachment","localId","thumb_url","getResizedImageUrl","url","type"],"sourceRoot":"../../../../../../src","sources":["components/Attachment/utils/buildGallery/buildThumbnail.ts"],"mappings":";;;;AASA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAUO,SAASE,cAAcA,CAAC;EAC7BC,MAAM;EACNC,KAAK;EACLC,iBAAiB;EACjBC,UAAU;EACVC,KAAK;EACLC;AACmB,CAAC,EAAa;EACjC,IAAyBC,mBAAmB,GAAyCL,KAAK,CAAlFM,eAAe;IAAuCC,kBAAkB,GAAKP,KAAK,CAA5CQ,cAAc;EAG5D,IAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAkB,GACrCF,mBAAmB,GAAGE,kBAAkB,GAAGR,MAAM,GAAGI,KAAK,GACzD,IAAI;EACV,IAAMO,QAAQ,GAAG,IAAAC,gDAAuB,EAACX,KAAK,CAAW;EACzD,IAAMY,OAAO,GAAIZ,KAAK,CAAwCY,OAAO;EAErE,OAAO;IACLR,IAAI;IACJQ,OAAO;IACPV,UAAU,EAAEA,UAAU,GAClBA,UAAU,GACRF,KAAK,CAACM,eAAe,IAAIN,KAAK,CAACQ,cAAc,GAAG,SAAS,GAAG,OAA4B;IAC9FK,SAAS,EACPb,KAAK,CAACa,SAAS,IAAIJ,YAAY,GAC3B,IAAAK,sCAAkB,EAAC;MACjBf,MAAM;MACNE,iBAAiB;MACjBc,GAAG,EAAEf,KAAK,CAACa,SAAS;MACpBV;IACF,CAAC,CAAC,GACFH,KAAK,CAACa,SAAS;IACrBG,IAAI,EAAEhB,KAAK,CAACgB,IAAI;IAChBD,GAAG,EAAEN,YAAY,GACb,IAAAK,sCAAkB,EAAC;MACjBf,MAAM;MACNE,iBAAiB;MACjBc,GAAG,EAAEL,QAAQ;MACbP;IACF,CAAC,CAAC,GACFO;EACN,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.6.1-beta.2"
+  "version": "9.6.1-beta.3"
 }

package/lib/module/components/Attachment/utils/buildGallery/buildThumbnail.js

@@ -21,7 +21,12 @@ function buildThumbnail({
     flex,
     localId,
     resizeMode: resizeMode ? resizeMode : image.original_height && image.original_width ? 'contain' : 'cover',
-    thumb_url: image.thumb_url,
+    thumb_url: image.thumb_url && shouldResize ? (0, _getResizedImageUrl.getResizedImageUrl)({
+      height,
+      resizableCDNHosts,
+      url: image.thumb_url,
+      width
+    }) : image.thumb_url,
     type: image.type,
     url: shouldResize ? (0, _getResizedImageUrl.getResizedImageUrl)({
       height,

package/lib/module/components/Attachment/utils/buildGallery/buildThumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["_getResizedImageUrl","require","_getUrlOfImageAttachment","buildThumbnail","height","image","resizableCDNHosts","resizeMode","width","flex","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","getUrlOfImageAttachment","localId","thumb_url","type","url","getResizedImageUrl"],"sourceRoot":"../../../../../../src","sources":["components/Attachment/utils/buildGallery/buildThumbnail.ts"],"mappings":";;;;AASA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAUO,SAASE,cAAcA,CAAC;EAC7BC,MAAM;EACNC,KAAK;EACLC,iBAAiB;EACjBC,UAAU;EACVC,KAAK;EACLC;AACmB,CAAC,EAAa;EACjC,IAAyBC,mBAAmB,GAAyCL,KAAK,CAAlFM,eAAe;IAAuCC,kBAAkB,GAAKP,KAAK,CAA5CQ,cAAc;EAG5D,IAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAkB,GACrCF,mBAAmB,GAAGE,kBAAkB,GAAGR,MAAM,GAAGI,KAAK,GACzD,IAAI;EACV,IAAMO,QAAQ,GAAG,IAAAC,gDAAuB,EAACX,KAAK,CAAW;EACzD,IAAMY,OAAO,GAAIZ,KAAK,CAAwCY,OAAO;EAErE,OAAO;IACLR,IAAI;IACJQ,OAAO;IACPV,UAAU,EAAEA,UAAU,GAClBA,UAAU,GACRF,KAAK,CAACM,eAAe,IAAIN,KAAK,CAACQ,cAAc,GAAG,SAAS,GAAG,OAA4B;IAC9FK,SAAS,EAAEb,KAAK,CAACa,SAAS;IAC1BC,IAAI,EAAEd,KAAK,CAACc,IAAI;IAChBC,GAAG,EAAEN,YAAY,GACb,IAAAO,sCAAkB,EAAC;MACjBjB,MAAM;MACNE,iBAAiB;MACjBc,GAAG,EAAEL,QAAQ;MACbP;IACF,CAAC,CAAC,GACFO;EACN,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_getResizedImageUrl","require","_getUrlOfImageAttachment","buildThumbnail","height","image","resizableCDNHosts","resizeMode","width","flex","originalImageHeight","original_height","originalImageWidth","original_width","shouldResize","imageUrl","getUrlOfImageAttachment","localId","thumb_url","getResizedImageUrl","url","type"],"sourceRoot":"../../../../../../src","sources":["components/Attachment/utils/buildGallery/buildThumbnail.ts"],"mappings":";;;;AASA,IAAAA,mBAAA,GAAAC,OAAA;AACA,IAAAC,wBAAA,GAAAD,OAAA;AAUO,SAASE,cAAcA,CAAC;EAC7BC,MAAM;EACNC,KAAK;EACLC,iBAAiB;EACjBC,UAAU;EACVC,KAAK;EACLC;AACmB,CAAC,EAAa;EACjC,IAAyBC,mBAAmB,GAAyCL,KAAK,CAAlFM,eAAe;IAAuCC,kBAAkB,GAAKP,KAAK,CAA5CQ,cAAc;EAG5D,IAAMC,YAAY,GAChBJ,mBAAmB,IAAIE,kBAAkB,GACrCF,mBAAmB,GAAGE,kBAAkB,GAAGR,MAAM,GAAGI,KAAK,GACzD,IAAI;EACV,IAAMO,QAAQ,GAAG,IAAAC,gDAAuB,EAACX,KAAK,CAAW;EACzD,IAAMY,OAAO,GAAIZ,KAAK,CAAwCY,OAAO;EAErE,OAAO;IACLR,IAAI;IACJQ,OAAO;IACPV,UAAU,EAAEA,UAAU,GAClBA,UAAU,GACRF,KAAK,CAACM,eAAe,IAAIN,KAAK,CAACQ,cAAc,GAAG,SAAS,GAAG,OAA4B;IAC9FK,SAAS,EACPb,KAAK,CAACa,SAAS,IAAIJ,YAAY,GAC3B,IAAAK,sCAAkB,EAAC;MACjBf,MAAM;MACNE,iBAAiB;MACjBc,GAAG,EAAEf,KAAK,CAACa,SAAS;MACpBV;IACF,CAAC,CAAC,GACFH,KAAK,CAACa,SAAS;IACrBG,IAAI,EAAEhB,KAAK,CAACgB,IAAI;IAChBD,GAAG,EAAEN,YAAY,GACb,IAAAK,sCAAkB,EAAC;MACjBf,MAAM;MACNE,iBAAiB;MACjBc,GAAG,EAAEL,QAAQ;MACbP;IACF,CAAC,CAAC,GACFO;EACN,CAAC;AACH","ignoreList":[]}

package/lib/module/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.6.1-beta.2"
+  "version": "9.6.1-beta.3"
 }

package/lib/typescript/components/Attachment/utils/buildGallery/buildThumbnail.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"buildThumbnail.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Attachment/utils/buildGallery/buildThumbnail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAMlG,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,GAAG;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,KAAK,EACL,IAAI,GACL,EAAE,mBAAmB,GAAG,SAAS,CA4BjC"}
+{"version":3,"file":"buildThumbnail.d.ts","sourceRoot":"","sources":["../../../../../../src/components/Attachment/utils/buildGallery/buildThumbnail.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,0DAA0D,CAAC;AAMlG,MAAM,MAAM,mBAAmB,GAAG,IAAI,CAAC,sBAAsB,EAAE,mBAAmB,CAAC,GAAG;IACpF,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,UAAU,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,wBAAgB,cAAc,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,iBAAiB,EACjB,UAAU,EACV,KAAK,EACL,IAAI,GACL,EAAE,mBAAmB,GAAG,SAAS,CAoCjC"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "stream-chat-react-native-core",
   "description": "The official React Native and Expo components for Stream Chat, a service for building chat applications",
-  "version": "9.6.1-beta.2",
+  "version": "9.6.1-beta.3",
   "author": {
     "company": "Stream.io Inc",
     "name": "Stream.io Inc"

package/src/components/Attachment/__tests__/buildGallery.test.ts

@@ -1,6 +1,9 @@
 import type { Attachment } from 'stream-chat';
 
-import { generateImageAttachment } from '../../../mock-builders/generator/attachment';
+import {
+  generateImageAttachment,
+  generateVideoAttachment,
+} from '../../../mock-builders/generator/attachment';
 import { buildGallery } from '../utils/buildGallery/buildGallery';
 
 describe('buildGallery', () => {
@@ -126,4 +129,35 @@ describe('buildGallery', () => {
     expect(t2.url.includes('&w=*')).toBe(true);
     expect(t2.url.includes('&resize=*')).toBe(true);
   });
+
+  it('resizes the thumb_url of a video attachment', () => {
+    const video = generateVideoAttachment({
+      image_url:
+        'https://us-east.stream-io-cdn.com/23kn4k2j3n4k2n3k4n23?sig=34k23n4k23nk423&oh=2532&ow=1170&s=v',
+      thumb_url:
+        'https://us-east.stream-io-cdn.com/23kn4k2j3n4k2n3k4n23?sig=34k23n4k23nk423&oh=2532&ow=1170&s=v',
+    });
+
+    const { thumbnailGrid } = buildGallery({
+      images: [video],
+      sizeConfig: defaultSizeConfig,
+    });
+
+    const thumbnail = thumbnailGrid[0][0];
+    expect(thumbnail.thumb_url?.includes('&h=')).toBe(true);
+    expect(thumbnail.thumb_url?.includes('&w=')).toBe(true);
+    expect(thumbnail.thumb_url?.includes('&resize=clip')).toBe(true);
+  });
+
+  it('leaves a non-resizable thumb_url untouched', () => {
+    const thumbUrl = 'https://not-a-stream-cdn.example.com/thumb.jpg';
+    const video = generateVideoAttachment({ thumb_url: thumbUrl });
+
+    const { thumbnailGrid } = buildGallery({
+      images: [video],
+      sizeConfig: defaultSizeConfig,
+    });
+
+    expect(thumbnailGrid[0][0].thumb_url).toBe(thumbUrl);
+  });
 });

package/src/components/Attachment/utils/buildGallery/buildThumbnail.ts

@@ -42,7 +42,15 @@ export function buildThumbnail({
     resizeMode: resizeMode
       ? resizeMode
       : ((image.original_height && image.original_width ? 'contain' : 'cover') as ImageResizeMode),
-    thumb_url: image.thumb_url,
+    thumb_url:
+      image.thumb_url && shouldResize
+        ? getResizedImageUrl({
+            height,
+            resizableCDNHosts,
+            url: image.thumb_url,
+            width,
+          })
+        : image.thumb_url,
     type: image.type,
     url: shouldResize
       ? getResizedImageUrl({

package/src/version.json

@@ -1,3 +1,3 @@
 {
-  "version": "9.6.1-beta.2"
+  "version": "9.6.1-beta.3"
 }