stream-chat-react-native-core 4.8.0-beta.1 → 4.9.0-beta.2

package/lib/commonjs/mock-builders/api/channelMocks.js

@@ -0,0 +1,299 @@
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LATEST_MESSAGE = exports.FORMATTED_MESSAGE = exports.CHANNEL_WITH_NO_MESSAGES = exports.CHANNEL_WITH_MESSAGES_TEXT = exports.CHANNEL_WITH_MESSAGES_COMMAND = exports.CHANNEL_WITH_MESSAGES_ATTACHMENTS = exports.CHANNEL_WITH_MESSAGES = exports.CHANNEL_WITH_MENTIONED_USERS = exports.CHANNEL_WITH_EMPTY_MESSAGE = exports.CHANNEL_WITH_DELETED_MESSAGES = exports.CHANNEL = void 0;
+
+var _queryMembers = require("../../mock-builders/api/queryMembers");
+
+var channelName = 'okechukwu';
+var CHANNEL = {
+  data: {
+    name: channelName
+  },
+  state: {
+    messages: []
+  }
+};
+exports.CHANNEL = CHANNEL;
+var CHANNEL_WITH_MESSAGES_TEXT = {
+  data: {
+    name: channelName
+  },
+  state: {
+    members: _queryMembers.GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [{
+      args: 'string',
+      attachments: [],
+      channel: CHANNEL,
+      cid: 'stridkncnng',
+      command: 'giphy',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      id: 'ljkblk',
+      text: 'jkbkbiubicbi',
+      type: 'MessageLabel',
+      user: {
+        id: 'okechukwu'
+      }
+    }, {
+      args: 'string',
+      attachments: [],
+      channel: CHANNEL,
+      cid: 'stridodong',
+      command: 'giphy',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      id: 'jbkjb',
+      text: 'jkbkbiubicbi',
+      type: 'MessageLabel',
+      user: {
+        id: 'okechukwu'
+      }
+    }]
+  }
+};
+exports.CHANNEL_WITH_MESSAGES_TEXT = CHANNEL_WITH_MESSAGES_TEXT;
+var CHANNEL_WITH_DELETED_MESSAGES = {
+  data: {
+    name: channelName
+  },
+  state: {
+    members: _queryMembers.GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [{
+      type: 'deleted'
+    }, {
+      type: 'deleted'
+    }]
+  }
+};
+exports.CHANNEL_WITH_DELETED_MESSAGES = CHANNEL_WITH_DELETED_MESSAGES;
+var CHANNEL_WITH_NO_MESSAGES = {
+  data: {
+    name: channelName
+  },
+  state: {
+    members: _queryMembers.GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: []
+  }
+};
+exports.CHANNEL_WITH_NO_MESSAGES = CHANNEL_WITH_NO_MESSAGES;
+var CHANNEL_WITH_MESSAGE_COMMAND = {
+  data: {
+    name: channelName
+  },
+  state: {
+    members: _queryMembers.GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [{
+      args: 'string',
+      attachments: [],
+      channel: CHANNEL,
+      cid: 'stridkncnng',
+      command: 'giphy',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      id: 'ljkblk',
+      user: {
+        id: 'okechukwu'
+      }
+    }, {
+      args: 'string',
+      attachments: [],
+      channel: CHANNEL,
+      cid: 'stridodong',
+      command: 'giphy',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      id: 'jbkjb',
+      user: {
+        id: 'okechukwu'
+      }
+    }]
+  }
+};
+exports.CHANNEL_WITH_MESSAGES_COMMAND = CHANNEL_WITH_MESSAGE_COMMAND;
+var CHANNEL_WITH_MESSAGES_ATTACHMENTS = {
+  data: {
+    name: channelName
+  },
+  state: {
+    members: _queryMembers.GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [{
+      args: 'string',
+      attachments: [{
+        actions: [],
+        asset_url: 'string',
+        author_icon: 'string',
+        author_link: 'string',
+        author_name: 'string',
+        color: 'string',
+        fallback: 'string',
+        fields: [],
+        file_size: 25,
+        footer: 'string',
+        footer_icon: 'string',
+        image_url: 'string',
+        mime_type: 'string',
+        og_scrape_url: 'string',
+        original_height: 5,
+        original_width: 4,
+        pretext: 'string',
+        text: 'string',
+        thumb_url: 'string',
+        title: 'string',
+        title_link: 'string',
+        type: 'string'
+      }],
+      channel: CHANNEL,
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      id: 'ljkblk',
+      user: {
+        id: 'okechukwu'
+      }
+    }]
+  }
+};
+exports.CHANNEL_WITH_MESSAGES_ATTACHMENTS = CHANNEL_WITH_MESSAGES_ATTACHMENTS;
+var LATEST_MESSAGE = {
+  args: 'string',
+  attachments: [],
+  channel: CHANNEL,
+  cid: 'string',
+  command: 'giphy',
+  command_info: {
+    name: 'string'
+  },
+  created_at: new Date('2021-02-12T12:12:35.862Z'),
+  deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+  id: 'string',
+  text: 'jkbkbiubicbi',
+  type: 'MessageLabel',
+  user: {
+    id: 'okechukwu'
+  }
+};
+exports.LATEST_MESSAGE = LATEST_MESSAGE;
+var FORMATTED_MESSAGE = {
+  created_at: new Date('2021-02-12T12:12:35.862282Z'),
+  id: '',
+  message: {},
+  pinned_at: new Date('2021-02-12T12:12:35.862282Z'),
+  status: 'received',
+  updated_at: new Date('2021-02-12T12:12:35.862282Z')
+};
+exports.FORMATTED_MESSAGE = FORMATTED_MESSAGE;
+var CHANNEL_WITH_MENTIONED_USERS = {
+  state: {
+    members: _queryMembers.ONE_MEMBER_WITH_EMPTY_USER_MOCK,
+    messages: [{
+      args: 'string',
+      attachments: [],
+      cid: 'stridkncnng',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      mentioned_users: [{
+        id: 'Max',
+        name: 'Max'
+      }, {
+        id: 'Ada',
+        name: 'Ada'
+      }, {
+        id: 'Enzo',
+        name: 'Enzo'
+      }],
+      text: 'Max'
+    }, {
+      args: 'string',
+      attachments: [],
+      cid: 'stridodong',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      mentioned_users: [{
+        id: 'Max',
+        name: 'Max'
+      }, {
+        id: 'Ada',
+        name: 'Ada'
+      }, {
+        id: 'Enzo',
+        name: 'Enzo'
+      }],
+      text: 'Max'
+    }]
+  }
+};
+exports.CHANNEL_WITH_MENTIONED_USERS = CHANNEL_WITH_MENTIONED_USERS;
+var CHANNEL_WITH_EMPTY_MESSAGE = {
+  state: {
+    members: _queryMembers.ONE_MEMBER_WITH_EMPTY_USER_MOCK,
+    messages: [{
+      args: 'string',
+      attachments: [],
+      cid: 'stridkncnng',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      mentioned_users: [{
+        id: 'Max',
+        name: 'Max'
+      }, {
+        id: 'Ada',
+        name: 'Ada'
+      }, {
+        id: 'Enzo',
+        name: 'Enzo'
+      }]
+    }, {
+      args: 'string',
+      attachments: [],
+      cid: 'stridodong',
+      command_info: {
+        name: 'string'
+      },
+      created_at: new Date('2021-02-12T12:12:35.862Z'),
+      deleted_at: new Date('2021-02-12T12:12:35.862Z'),
+      mentioned_users: [{
+        id: 'Max',
+        name: 'Max'
+      }, {
+        id: 'Ada',
+        name: 'Ada'
+      }, {
+        id: 'Enzo',
+        name: 'Enzo'
+      }]
+    }]
+  }
+};
+exports.CHANNEL_WITH_EMPTY_MESSAGE = CHANNEL_WITH_EMPTY_MESSAGE;
+var CHANNEL_WITH_MESSAGES = {
+  data: {
+    name: channelName
+  },
+  state: {
+    members: _queryMembers.GROUP_CHANNEL_MEMBERS_MOCK,
+    messages: [FORMATTED_MESSAGE, FORMATTED_MESSAGE]
+  }
+};
+exports.CHANNEL_WITH_MESSAGES = CHANNEL_WITH_MESSAGES;
+//# sourceMappingURL=channelMocks.js.map

package/lib/commonjs/mock-builders/api/channelMocks.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["channelMocks.tsx"],"names":["channelName","CHANNEL","data","name","state","messages","CHANNEL_WITH_MESSAGES_TEXT","members","GROUP_CHANNEL_MEMBERS_MOCK","args","attachments","channel","cid","command","command_info","created_at","Date","deleted_at","id","text","type","user","CHANNEL_WITH_DELETED_MESSAGES","CHANNEL_WITH_NO_MESSAGES","CHANNEL_WITH_MESSAGE_COMMAND","CHANNEL_WITH_MESSAGES_ATTACHMENTS","actions","asset_url","author_icon","author_link","author_name","color","fallback","fields","file_size","footer","footer_icon","image_url","mime_type","og_scrape_url","original_height","original_width","pretext","thumb_url","title","title_link","LATEST_MESSAGE","FORMATTED_MESSAGE","message","pinned_at","status","updated_at","CHANNEL_WITH_MENTIONED_USERS","ONE_MEMBER_WITH_EMPTY_USER_MOCK","mentioned_users","CHANNEL_WITH_EMPTY_MESSAGE","CHANNEL_WITH_MESSAGES"],"mappings":"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","sourcesContent":["import type {\n  Attachment,\n  Channel,\n  FormatMessageResponse,\n  MessageResponse,\n  UserResponse,\n} from 'stream-chat';\n\nimport {\n  GROUP_CHANNEL_MEMBERS_MOCK,\n  ONE_MEMBER_WITH_EMPTY_USER_MOCK,\n} from '../../mock-builders/api/queryMembers';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\n\nconst channelName = 'okechukwu';\nconst CHANNEL = {\n  data: { name: channelName },\n  state: { messages: [] },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_MESSAGES_TEXT = {\n  data: { name: channelName },\n  state: {\n    members: GROUP_CHANNEL_MEMBERS_MOCK,\n    messages: [\n      {\n        args: 'string',\n        attachments: [],\n        channel: CHANNEL,\n        cid: 'stridkncnng',\n        command: 'giphy',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        id: 'ljkblk',\n        text: 'jkbkbiubicbi',\n        type: 'MessageLabel',\n        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n      {\n        args: 'string',\n        attachments: [],\n        channel: CHANNEL,\n        cid: 'stridodong',\n        command: 'giphy',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        id: 'jbkjb',\n        text: 'jkbkbiubicbi',\n        type: 'MessageLabel',\n        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n    ],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_DELETED_MESSAGES = {\n  data: { name: channelName },\n  state: {\n    members: GROUP_CHANNEL_MEMBERS_MOCK,\n    messages: [\n      {\n        type: 'deleted',\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n      {\n        type: 'deleted',\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n    ],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_NO_MESSAGES = {\n  data: { name: channelName },\n  state: {\n    members: GROUP_CHANNEL_MEMBERS_MOCK,\n    messages: [],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_MESSAGE_COMMAND = {\n  data: { name: channelName },\n  state: {\n    members: GROUP_CHANNEL_MEMBERS_MOCK,\n    messages: [\n      {\n        args: 'string',\n        attachments: [],\n        channel: CHANNEL,\n        cid: 'stridkncnng',\n        command: 'giphy',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        id: 'ljkblk',\n        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n      {\n        args: 'string',\n        attachments: [],\n        channel: CHANNEL,\n        cid: 'stridodong',\n        command: 'giphy',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        id: 'jbkjb',\n        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n    ],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_MESSAGES_ATTACHMENTS = {\n  data: { name: channelName },\n  state: {\n    members: GROUP_CHANNEL_MEMBERS_MOCK,\n    messages: [\n      {\n        args: 'string',\n        attachments: [\n          {\n            actions: [],\n            asset_url: 'string',\n            author_icon: 'string',\n            author_link: 'string',\n            author_name: 'string',\n            color: 'string',\n            fallback: 'string',\n            fields: [],\n            file_size: 25,\n            footer: 'string',\n            footer_icon: 'string',\n            image_url: 'string',\n            mime_type: 'string',\n            og_scrape_url: 'string',\n            original_height: 5,\n            original_width: 4,\n            pretext: 'string',\n            text: 'string',\n            thumb_url: 'string',\n            title: 'string',\n            title_link: 'string',\n            type: 'string',\n          } as Attachment<DefaultStreamChatGenerics>,\n        ],\n        channel: CHANNEL,\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        id: 'ljkblk',\n        user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n    ],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst LATEST_MESSAGE = {\n  args: 'string',\n  attachments: [],\n  channel: CHANNEL,\n  cid: 'string',\n  command: 'giphy',\n  command_info: { name: 'string' },\n  created_at: new Date('2021-02-12T12:12:35.862Z'),\n  deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n  id: 'string',\n  text: 'jkbkbiubicbi',\n  type: 'MessageLabel',\n  user: { id: 'okechukwu' } as unknown as UserResponse<DefaultStreamChatGenerics>,\n} as unknown as MessageResponse<DefaultStreamChatGenerics>;\n\nconst FORMATTED_MESSAGE: FormatMessageResponse<DefaultStreamChatGenerics> = {\n  created_at: new Date('2021-02-12T12:12:35.862282Z'),\n  id: '',\n  message: {} as unknown as MessageResponse<DefaultStreamChatGenerics>,\n  pinned_at: new Date('2021-02-12T12:12:35.862282Z'),\n  status: 'received',\n  updated_at: new Date('2021-02-12T12:12:35.862282Z'),\n};\n\nconst CHANNEL_WITH_MENTIONED_USERS = {\n  state: {\n    members: ONE_MEMBER_WITH_EMPTY_USER_MOCK,\n    messages: [\n      {\n        args: 'string',\n        attachments: [],\n        cid: 'stridkncnng',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        mentioned_users: [\n          { id: 'Max', name: 'Max' },\n          { id: 'Ada', name: 'Ada' },\n          { id: 'Enzo', name: 'Enzo' },\n        ] as UserResponse<DefaultStreamChatGenerics>[],\n        text: 'Max',\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n      {\n        args: 'string',\n        attachments: [],\n        cid: 'stridodong',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        mentioned_users: [\n          { id: 'Max', name: 'Max' },\n          { id: 'Ada', name: 'Ada' },\n          { id: 'Enzo', name: 'Enzo' },\n        ] as UserResponse<DefaultStreamChatGenerics>[],\n        text: 'Max',\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n    ],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_EMPTY_MESSAGE = {\n  state: {\n    members: ONE_MEMBER_WITH_EMPTY_USER_MOCK,\n    messages: [\n      {\n        args: 'string',\n        attachments: [],\n        cid: 'stridkncnng',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        mentioned_users: [\n          { id: 'Max', name: 'Max' },\n          { id: 'Ada', name: 'Ada' },\n          { id: 'Enzo', name: 'Enzo' },\n        ] as UserResponse<DefaultStreamChatGenerics>[],\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n      {\n        args: 'string',\n        attachments: [],\n        cid: 'stridodong',\n        command_info: { name: 'string' },\n        created_at: new Date('2021-02-12T12:12:35.862Z'),\n        deleted_at: new Date('2021-02-12T12:12:35.862Z'),\n        mentioned_users: [\n          { id: 'Max', name: 'Max' },\n          { id: 'Ada', name: 'Ada' },\n          { id: 'Enzo', name: 'Enzo' },\n        ] as UserResponse<DefaultStreamChatGenerics>[],\n      } as unknown as MessageResponse<DefaultStreamChatGenerics>,\n    ],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nconst CHANNEL_WITH_MESSAGES = {\n  data: { name: channelName },\n  state: {\n    members: GROUP_CHANNEL_MEMBERS_MOCK,\n    messages: [FORMATTED_MESSAGE, FORMATTED_MESSAGE],\n  },\n} as unknown as Channel<DefaultStreamChatGenerics>;\n\nexport {\n  CHANNEL,\n  CHANNEL_WITH_EMPTY_MESSAGE,\n  CHANNEL_WITH_MESSAGES,\n  CHANNEL_WITH_MENTIONED_USERS,\n  FORMATTED_MESSAGE,\n  LATEST_MESSAGE,\n  CHANNEL_WITH_MESSAGES_ATTACHMENTS,\n  CHANNEL_WITH_MESSAGE_COMMAND as CHANNEL_WITH_MESSAGES_COMMAND,\n  CHANNEL_WITH_NO_MESSAGES,\n  CHANNEL_WITH_DELETED_MESSAGES,\n  CHANNEL_WITH_MESSAGES_TEXT,\n};\n"]}

package/lib/commonjs/version.json

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

package/lib/module/components/Attachment/GallaryImage.js

@@ -0,0 +1,41 @@
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GalleryImage = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _reactNative = require("react-native");
+
+var _utils = require("../../utils/utils");
+
+var _excluded = ["uri"];
+
+var _this = this,
+    _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/GallaryImage.tsx";
+
+var GalleryImage = function GalleryImage(props) {
+  var uri = props.uri,
+      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
+  return _react["default"].createElement(_reactNative.ImageBackground, (0, _extends2["default"])({}, rest, {
+    accessibilityLabel: "gallery-image",
+    source: {
+      uri: (0, _utils.makeImageCompatibleUrl)(uri)
+    },
+    __self: _this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 14,
+      columnNumber: 5
+    }
+  }));
+};
+
+exports.GalleryImage = GalleryImage;
+//# sourceMappingURL=GallaryImage.js.map

package/lib/module/components/Attachment/GallaryImage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["GallaryImage.tsx"],"names":["GalleryImage","props","uri","rest"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;AAEO,IAAMA,YAIZ,GAAG,SAJSA,YAIT,CAACC,KAAD,EAAW;AACb,MAAQC,GAAR,GAAyBD,KAAzB,CAAQC,GAAR;AAAA,MAAgBC,IAAhB,6CAAyBF,KAAzB;AAEA,SACE,gCAAC,4BAAD,gCACME,IADN;AAEE,IAAA,kBAAkB,EAAC,eAFrB;AAGE,IAAA,MAAM,EAAE;AACND,MAAAA,GAAG,EAAE,mCAAuBA,GAAvB;AADC,KAHV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KADF;AASD,CAhBM","sourcesContent":["import React from 'react';\nimport { ImageBackground, ImageProps } from 'react-native';\n\nimport { makeImageCompatibleUrl } from '../../utils/utils';\n\nexport const GalleryImage: React.FC<\n  Omit<ImageProps, 'height' | 'source'> & {\n    uri: string;\n  }\n> = (props) => {\n  const { uri, ...rest } = props;\n\n  return (\n    <ImageBackground\n      {...rest}\n      accessibilityLabel='gallery-image'\n      source={{\n        uri: makeImageCompatibleUrl(uri),\n      }}\n    />\n  );\n};\n"]}

package/lib/module/components/Attachment/Gallery.js

@@ -7,16 +7,18 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Gallery = void 0;
 
-var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
-
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 
 var _react = _interopRequireWildcard(require("react"));
 
 var _reactNative = require("react-native");
 
+var _GallaryImage = require("./GallaryImage");
+
+var _useLoadingImage2 = require("./hooks/useLoadingImage");
+
 var _buildGallery = require("./utils/buildGallery/buildGallery");
 
 var _getGalleryImageBorderRadius = require("./utils/getGalleryImageBorderRadius");
@@ -37,8 +39,6 @@ var _native = require("../../native");
 
 var _utils = require("../../utils/utils");
 
-var _excluded = ["uri"];
-
 var _this = this,
     _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/Gallery.tsx";
 
@@ -46,30 +46,13 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var GalleryImage = function GalleryImage(props) {
-  var uri = props.uri,
-      rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return _react["default"].createElement(_reactNative.Image, (0, _extends2["default"])({}, rest, {
-    source: {
-      uri: (0, _utils.makeImageCompatibleUrl)(uri)
-    },
-    testID: "image-attachment-single",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 40,
-      columnNumber: 5
-    }
-  }));
-};
-
-var MemoizedGalleryImage = _react["default"].memo(GalleryImage, function (prevProps, nextProps) {
+var MemoizedGalleryImage = _react["default"].memo(_GallaryImage.GalleryImage, function (prevProps, nextProps) {
   return (0, _utils.getUrlWithoutParams)(prevProps.uri) === (0, _utils.getUrlWithoutParams)(nextProps.uri);
 });
 
 var styles = _reactNative.StyleSheet.create({
-  flex: {
-    flex: 1
+  errorTextSize: {
+    fontSize: 10
   },
   galleryContainer: {
     borderTopLeftRadius: 13,
@@ -79,11 +62,22 @@ var styles = _reactNative.StyleSheet.create({
     overflow: 'hidden'
   },
   imageContainer: {
+    alignItems: 'center',
     display: 'flex',
     flexDirection: 'row',
     justifyContent: 'center',
     padding: 1
   },
+  imageContainerStyle: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  imageLoadingIndicatorStyle: {
+    alignItems: 'center',
+    justifyContent: 'center',
+    position: 'absolute'
+  },
   moreImagesContainer: {
     alignItems: 'center',
     justifyContent: 'center',
@@ -101,6 +95,8 @@ var GalleryWithContext = function GalleryWithContext(props) {
       alignment = props.alignment,
       groupStyles = props.groupStyles,
       hasThreadReplies = props.hasThreadReplies,
+      ImageLoadingFailedIndicator = props.ImageLoadingFailedIndicator,
+      ImageLoadingIndicator = props.ImageLoadingIndicator,
       images = props.images,
       legacyImageViewerSwipeBehaviour = props.legacyImageViewerSwipeBehaviour,
       message = props.message,
@@ -115,6 +111,12 @@ var GalleryWithContext = function GalleryWithContext(props) {
       videos = props.videos,
       VideoThumbnail = props.VideoThumbnail;
 
+  var _useLoadingImage = (0, _useLoadingImage2.useLoadingImage)(),
+      isLoadingImage = _useLoadingImage.isLoadingImage,
+      isLoadingImageError = _useLoadingImage.isLoadingImageError,
+      setLoadingImage = _useLoadingImage.setLoadingImage,
+      setLoadingImageError = _useLoadingImage.setLoadingImageError;
+
   var _useTheme = (0, _ThemeContext.useTheme)(),
       _useTheme$theme = _useTheme.theme,
       overlay = _useTheme$theme.colors.overlay,
@@ -168,7 +170,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 183,
+      lineNumber: 188,
       columnNumber: 5
     }
   }, thumbnailGrid.map(function (rows, colIndex) {
@@ -182,7 +184,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
       __self: _this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 200,
+        lineNumber: 205,
         columnNumber: 11
       }
     }, rows.map(function (_ref, rowIndex) {
@@ -271,7 +273,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 252,
+          lineNumber: 257,
           columnNumber: 17
         }
       }), type === 'video' ? _react["default"].createElement(VideoThumbnail, {
@@ -282,10 +284,29 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 296,
+          lineNumber: 301,
           columnNumber: 21
         }
-      }) : _react["default"].createElement(MemoizedGalleryImage, {
+      }) : _react["default"].createElement(_reactNative.View, {
+        style: styles.imageContainerStyle,
+        __self: _this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 312,
+          columnNumber: 21
+        }
+      }, _react["default"].createElement(MemoizedGalleryImage, {
+        onError: function onError(error) {
+          console.warn(error);
+          setLoadingImage(false);
+          setLoadingImageError(true);
+        },
+        onLoadEnd: function onLoadEnd() {
+          return setLoadingImage(false);
+        },
+        onLoadStart: function onLoadStart() {
+          return setLoadingImage(true);
+        },
         resizeMode: resizeMode,
         style: [borderRadius, image, {
           height: height - 1,
@@ -295,17 +316,53 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 307,
-          columnNumber: 21
+          lineNumber: 313,
+          columnNumber: 23
+        }
+      }), isLoadingImage && _react["default"].createElement(_reactNative.View, {
+        style: {
+          position: 'absolute'
+        },
+        __self: _this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 333,
+          columnNumber: 25
+        }
+      }, _react["default"].createElement(ImageLoadingIndicator, {
+        style: styles.imageLoadingIndicatorStyle,
+        __self: _this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 334,
+          columnNumber: 27
+        }
+      })), isLoadingImageError && _react["default"].createElement(_reactNative.View, {
+        style: {
+          position: 'absolute'
+        },
+        __self: _this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 338,
+          columnNumber: 25
+        }
+      }, _react["default"].createElement(ImageLoadingFailedIndicator, {
+        style: styles.imageLoadingIndicatorStyle,
+        __self: _this,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 339,
+          columnNumber: 27
         }
-      }), colIndex === numOfColumns - 1 && rowIndex === numOfRows - 1 && imagesAndVideos.length > 4 ? _react["default"].createElement(_reactNative.View, {
+      }))), colIndex === numOfColumns - 1 && rowIndex === numOfRows - 1 && imagesAndVideos.length > 4 ? _react["default"].createElement(_reactNative.View, {
         style: [_reactNative.StyleSheet.absoluteFillObject, styles.moreImagesContainer, {
           backgroundColor: overlay
         }, moreImagesContainer],
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 323,
+          lineNumber: 347,
           columnNumber: 21
         }
       }, _react["default"].createElement(_reactNative.Text, {
@@ -313,7 +370,7 @@ var GalleryWithContext = function GalleryWithContext(props) {
         __self: _this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 331,
+          lineNumber: 355,
           columnNumber: 23
         }
       }, "+" + (imagesAndVideos.length - 4))) : null);
@@ -356,6 +413,8 @@ var Gallery = function Gallery(props) {
       propAlignment = props.alignment,
       propGroupStyles = props.groupStyles,
       hasThreadReplies = props.hasThreadReplies,
+      PropImageLoadingFailedIndicator = props.ImageLoadingFailedIndicator,
+      PropImageLoadingIndicator = props.ImageLoadingIndicator,
       propImages = props.images,
       propOnLongPress = props.onLongPress,
       propOnPress = props.onPress,
@@ -385,6 +444,8 @@ var Gallery = function Gallery(props) {
 
   var _useMessagesContext = (0, _MessagesContext.useMessagesContext)(),
       contextAdditionalTouchableProps = _useMessagesContext.additionalTouchableProps,
+      ContextImageLoadingFailedIndicator = _useMessagesContext.ImageLoadingFailedIndicator,
+      ContextImageLoadingIndicator = _useMessagesContext.ImageLoadingIndicator,
       legacyImageViewerSwipeBehaviour = _useMessagesContext.legacyImageViewerSwipeBehaviour,
       ContextVideoThumnbnail = _useMessagesContext.VideoThumbnail;
 
@@ -405,12 +466,16 @@ var Gallery = function Gallery(props) {
   var setOverlay = propSetOverlay || contextSetOverlay;
   var threadList = propThreadList || contextThreadList;
   var VideoThumbnail = PropVideoThumbnail || ContextVideoThumnbnail;
+  var ImageLoadingFailedIndicator = PropImageLoadingFailedIndicator || ContextImageLoadingFailedIndicator;
+  var ImageLoadingIndicator = PropImageLoadingIndicator || ContextImageLoadingIndicator;
   return _react["default"].createElement(MemoizedGallery, {
     additionalTouchableProps: additionalTouchableProps,
     alignment: alignment,
     channelId: message == null ? void 0 : message.cid,
     groupStyles: groupStyles,
     hasThreadReplies: hasThreadReplies || !!(message != null && message.reply_count),
+    ImageLoadingFailedIndicator: ImageLoadingFailedIndicator,
+    ImageLoadingIndicator: ImageLoadingIndicator,
     images: images,
     legacyImageViewerSwipeBehaviour: legacyImageViewerSwipeBehaviour,
     message: message,
@@ -427,7 +492,7 @@ var Gallery = function Gallery(props) {
     __self: _this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 466,
+      lineNumber: 497,
       columnNumber: 5
     }
   });