stream-chat-react-native-core 5.27.0 → 5.27.1-beta.3

package/lib/commonjs/components/Attachment/GalleryImage.js

@@ -3,12 +3,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MemoizedGalleryImage = exports.GalleryImageWithContext = 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 _ChatContext = require("../../contexts/chatContext/ChatContext");
 var _utils = require("../../utils/utils");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["ImageComponent", "uri"];
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/GalleryImage.tsx";
@@ -18,29 +18,17 @@ var GalleryImageWithContext = function GalleryImageWithContext(props) {
     uri = props.uri,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   if (!(0, _utils.isLocalUrl)(uri)) {
-    return _react["default"].createElement(ImageComponent, (0, _extends2["default"])({}, rest, {
+    return (0, _jsxRuntime.jsx)(ImageComponent, Object.assign({}, rest, {
       accessibilityLabel: "Gallery Image",
       source: {
         uri: (0, _utils.makeImageCompatibleUrl)(uri)
-      },
-      __self: _this,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 20,
-        columnNumber: 7
       }
     }));
   }
-  return _react["default"].createElement(_reactNative.Image, (0, _extends2["default"])({}, rest, {
+  return (0, _jsxRuntime.jsx)(_reactNative.Image, Object.assign({}, rest, {
     accessibilityLabel: "Gallery Image",
     source: {
       uri: (0, _utils.makeImageCompatibleUrl)(uri)
-    },
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 31,
-      columnNumber: 5
     }
   }));
 };
@@ -52,16 +40,9 @@ exports.MemoizedGalleryImage = MemoizedGalleryImage;
 var GalleryImage = function GalleryImage(props) {
   var _useChatContext = (0, _ChatContext.useChatContext)(),
     ImageComponent = _useChatContext.ImageComponent;
-  return _react["default"].createElement(MemoizedGalleryImage, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MemoizedGalleryImage, Object.assign({
     ImageComponent: ImageComponent
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 57,
-      columnNumber: 10
-    }
-  }));
+  }, props));
 };
 exports.GalleryImage = GalleryImage;
 //# sourceMappingURL=GalleryImage.js.map

package/lib/commonjs/components/Attachment/GalleryImage.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatContext","_utils","_excluded","_this","_jsxFileName","GalleryImageWithContext","props","_props$ImageComponent","ImageComponent","Image","uri","rest","_objectWithoutProperties2","isLocalUrl","createElement","_extends2","accessibilityLabel","source","makeImageCompatibleUrl","__self","__source","fileName","lineNumber","columnNumber","exports","MemoizedGalleryImage","React","memo","prevProps","nextProps","getUrlWithoutParams","GalleryImage","_useChatContext","useChatContext"],"sources":["GalleryImage.tsx"],"sourcesContent":["import React from 'react';\nimport { Image, ImageProps } from 'react-native';\n\nimport { ChatContextValue, useChatContext } from '../../contexts/chatContext/ChatContext';\n\nimport type { DefaultStreamChatGenerics } from '../../types/types';\nimport { getUrlWithoutParams, isLocalUrl, makeImageCompatibleUrl } from '../../utils/utils';\n\nexport type GalleryImageWithContextProps<\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n> = GalleryImageProps & Pick<ChatContextValue<StreamChatGenerics>, 'ImageComponent'>;\n\nexport const GalleryImageWithContext: React.FC<GalleryImageWithContextProps> = (props) => {\n  const { ImageComponent = Image, uri, ...rest } = props;\n\n  // Caching image components such as FastImage will not work with local images.\n  // This for the case of local uris, we use the default Image component.\n  if (!isLocalUrl(uri)) {\n    return (\n      <ImageComponent\n        {...rest}\n        accessibilityLabel='Gallery Image'\n        source={{\n          uri: makeImageCompatibleUrl(uri),\n        }}\n      />\n    );\n  }\n\n  return (\n    <Image\n      {...rest}\n      accessibilityLabel='Gallery Image'\n      source={{\n        uri: makeImageCompatibleUrl(uri),\n      }}\n    />\n  );\n};\n\nexport const MemoizedGalleryImage = React.memo(\n  GalleryImageWithContext,\n  (prevProps, nextProps) =>\n    getUrlWithoutParams(prevProps.uri) === getUrlWithoutParams(nextProps.uri),\n);\nexport type GalleryImageProps = Omit<ImageProps, 'height' | 'source'> & {\n  uri: string;\n};\n\nexport const GalleryImage = <\n  StreamChatGenerics extends DefaultStreamChatGenerics = DefaultStreamChatGenerics,\n>(\n  props: GalleryImageProps,\n) => {\n  const { ImageComponent } = useChatContext<StreamChatGenerics>();\n\n  return <MemoizedGalleryImage ImageComponent={ImageComponent} {...props} />;\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAA4F,IAAAI,SAAA;AAAA,IAAAC,KAAA;EAAAC,YAAA;AAMrF,IAAMC,uBAA+D,GAAG,SAAlEA,uBAA+DA,CAAIC,KAAK,EAAK;EACxF,IAAAC,qBAAA,GAAiDD,KAAK,CAA9CE,cAAc;IAAdA,cAAc,GAAAD,qBAAA,cAAGE,kBAAK,GAAAF,qBAAA;IAAEG,GAAG,GAAcJ,KAAK,CAAtBI,GAAG;IAAKC,IAAI,OAAAC,yBAAA,aAAKN,KAAK,EAAAJ,SAAA;EAItD,IAAI,CAAC,IAAAW,iBAAU,EAACH,GAAG,CAAC,EAAE;IACpB,OACEd,MAAA,YAAAkB,aAAA,CAACN,cAAc,MAAAO,SAAA,iBACTJ,IAAI;MACRK,kBAAkB,EAAC,eAAe;MAClCC,MAAM,EAAE;QACNP,GAAG,EAAE,IAAAQ,6BAAsB,EAACR,GAAG;MACjC,CAAE;MAAAS,MAAA,EAAAhB,KAAA;MAAAiB,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,EACH,CAAC;EAEN;EAEA,OACE3B,MAAA,YAAAkB,aAAA,CAACf,YAAA,CAAAU,KAAK,MAAAM,SAAA,iBACAJ,IAAI;IACRK,kBAAkB,EAAC,eAAe;IAClCC,MAAM,EAAE;MACNP,GAAG,EAAE,IAAAQ,6BAAsB,EAACR,GAAG;IACjC,CAAE;IAAAS,MAAA,EAAAhB,KAAA;IAAAiB,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACH,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAnB,uBAAA,GAAAA,uBAAA;AAEK,IAAMoB,oBAAoB,GAAGC,iBAAK,CAACC,IAAI,CAC5CtB,uBAAuB,EACvB,UAACuB,SAAS,EAAEC,SAAS;EAAA,OACnB,IAAAC,0BAAmB,EAACF,SAAS,CAAClB,GAAG,CAAC,KAAK,IAAAoB,0BAAmB,EAACD,SAAS,CAACnB,GAAG,CAAC;AAAA,CAC7E,CAAC;AAACc,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAKK,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAGvBzB,KAAwB,EACrB;EACH,IAAA0B,eAAA,GAA2B,IAAAC,2BAAc,EAAqB,CAAC;IAAvDzB,cAAc,GAAAwB,eAAA,CAAdxB,cAAc;EAEtB,OAAOZ,MAAA,YAAAkB,aAAA,CAACW,oBAAoB,MAAAV,SAAA;IAACP,cAAc,EAAEA;EAAe,GAAKF,KAAK;IAAAa,MAAA,EAAAhB,KAAA;IAAAiB,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CAAC;AAC5E,CAAC;AAACC,OAAA,CAAAO,YAAA,GAAAA,YAAA"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_ChatContext","_utils","_jsxRuntime","_excluded","_this","_jsxFileName","GalleryImageWithContext","props","_props$ImageComponent","ImageComponent","Image","uri","rest","_objectWithoutProperties2","isLocalUrl","jsx","Object","assign","accessibilityLabel","source","makeImageCompatibleUrl","exports","MemoizedGalleryImage","React","memo","prevProps","nextProps","getUrlWithoutParams","GalleryImage","_useChatContext","useChatContext"],"sourceRoot":"../../../../src","sources":["components/Attachment/GalleryImage.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,YAAA,GAAAF,OAAA;AAGA,IAAAG,MAAA,GAAAH,OAAA;AAA4F,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,SAAA;AAAA,IAAAC,KAAA;EAAAC,YAAA;AAMrF,IAAMC,uBAAuB,GAAG,SAA1BA,uBAAuBA,CAAIC,KAAmC,EAAK;EAC9E,IAAAC,qBAAA,GAAiDD,KAAK,CAA9CE,cAAc;IAAdA,cAAc,GAAAD,qBAAA,cAAGE,kBAAK,GAAAF,qBAAA;IAAEG,GAAG,GAAcJ,KAAK,CAAtBI,GAAG;IAAKC,IAAI,OAAAC,yBAAA,aAAKN,KAAK,EAAAJ,SAAA;EAItD,IAAI,CAAC,IAAAW,iBAAU,EAACH,GAAG,CAAC,EAAE;IACpB,OACE,IAAAT,WAAA,CAAAa,GAAA,EAACN,cAAc,EAAAO,MAAA,CAAAC,MAAA,KACTL,IAAI;MACRM,kBAAkB,EAAC,eAAe;MAClCC,MAAM,EAAE;QACNR,GAAG,EAAE,IAAAS,6BAAsB,EAACT,GAAG;MACjC;IAAE,EACH,CAAC;EAEN;EAEA,OACE,IAAAT,WAAA,CAAAa,GAAA,EAAChB,YAAA,CAAAW,KAAK,EAAAM,MAAA,CAAAC,MAAA,KACAL,IAAI;IACRM,kBAAkB,EAAC,eAAe;IAClCC,MAAM,EAAE;MACNR,GAAG,EAAE,IAAAS,6BAAsB,EAACT,GAAG;IACjC;EAAE,EACH,CAAC;AAEN,CAAC;AAACU,OAAA,CAAAf,uBAAA,GAAAA,uBAAA;AAEK,IAAMgB,oBAAoB,GAAGC,iBAAK,CAACC,IAAI,CAC5ClB,uBAAuB,EACvB,UAACmB,SAAS,EAAEC,SAAS;EAAA,OACnB,IAAAC,0BAAmB,EAACF,SAAS,CAACd,GAAG,CAAC,KAAK,IAAAgB,0BAAmB,EAACD,SAAS,CAACf,GAAG,CAAC;AAAA,CAC7E,CAAC;AAACU,OAAA,CAAAC,oBAAA,GAAAA,oBAAA;AAKK,IAAMM,YAAY,GAAG,SAAfA,YAAYA,CAGvBrB,KAAwB,EACrB;EACH,IAAAsB,eAAA,GAA2B,IAAAC,2BAAc,EAAqB,CAAC;IAAvDrB,cAAc,GAAAoB,eAAA,CAAdpB,cAAc;EAEtB,OAAO,IAAAP,WAAA,CAAAa,GAAA,EAACO,oBAAoB,EAAAN,MAAA,CAAAC,MAAA;IAACR,cAAc,EAAEA;EAAe,GAAKF,KAAK,CAAG,CAAC;AAC5E,CAAC;AAACc,OAAA,CAAAO,YAAA,GAAAA,YAAA","ignoreList":[]}

package/lib/commonjs/components/Attachment/Giphy.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Giphy = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _ChatContext = require("../../contexts/chatContext/ChatContext");
@@ -16,6 +15,7 @@ var _useLoadingImage2 = require("../../hooks/useLoadingImage");
 var _icons = require("../../icons");
 var _Lightning = require("../../icons/Lightning");
 var _utils = require("../../utils/utils");
+var _jsxRuntime = require("react/jsx-runtime");
 var _this = this,
   _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/Attachment/Giphy.tsx";
 var styles = _reactNative.StyleSheet.create({
@@ -39,6 +39,7 @@ var styles = _reactNative.StyleSheet.create({
     justifyContent: 'center'
   },
   container: {
+    borderRadius: 16,
     overflow: 'hidden',
     width: 270
   },
@@ -53,9 +54,9 @@ var styles = _reactNative.StyleSheet.create({
     alignItems: 'center',
     borderRadius: 12,
     flexDirection: 'row',
-    height: 24,
     justifyContent: 'center',
-    width: 68
+    paddingHorizontal: 8,
+    paddingVertical: 4
   },
   giphyHeaderText: {
     fontSize: 16,
@@ -193,178 +194,100 @@ var GiphyWithContext = function GiphyWithContext(props) {
     giphyDimensions.width = parseFloat(giphyVersionInfo.width);
   }
   if (!uri) return null;
-  return actions ? _react["default"].createElement(_reactNative.View, {
+  return actions ? (0, _jsxRuntime.jsxs)(_reactNative.View, {
     style: [styles.selectionContainer, {
       backgroundColor: white,
-      borderColor: black + "0D"
+      borderColor: "".concat(black, "0D")
     }, selectionContainer],
     testID: "giphy-action-attachment",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 232,
-      columnNumber: 5
-    }
-  }, _react["default"].createElement(_reactNative.View, {
-    style: [styles.header, header],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 240,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_icons.GiphyIcon, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 241,
-      columnNumber: 9
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.giphyHeaderText, giphyHeaderText],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 242,
-      columnNumber: 9
-    }
-  }, "Giphy"), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.giphyHeaderTitle, giphyHeaderTitle, {
-      color: grey_dark
-    }],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 243,
-      columnNumber: 9
-    }
-  }, "/giphy " + title)), _react["default"].createElement(_reactNative.View, {
-    style: styles.selectionImageContainer,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 247,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(ImageComponent, {
-    onError: function onError(error) {
-      console.warn(error);
-      setLoadingImage(false);
-      setLoadingImageError(true);
-    },
-    onLoadEnd: function onLoadEnd() {
-      return setLoadingImage(false);
-    },
-    onLoadStart: function onLoadStart() {
-      return setLoadingImage(true);
-    },
-    resizeMode: "contain",
-    source: {
-      uri: (0, _utils.makeImageCompatibleUrl)(uri)
-    },
-    style: [styles.giphy, giphyDimensions, giphy],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 248,
-      columnNumber: 9
-    }
-  })), _react["default"].createElement(_reactNative.View, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 261,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(_reactNative.View, {
-    style: styles.actionsRow,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 262,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      if (actions != null && actions[2].name && actions != null && actions[2].value && handleAction) {
-        handleAction(actions[2].name, actions[2].value);
-      }
-    },
-    style: [styles.buttonContainer, {
-      borderColor: grey_gainsboro,
-      borderRightWidth: 1
-    }, buttonContainer],
-    testID: (actions == null ? void 0 : actions[2].value) + "-action-button",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 263,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.cancel, {
-      color: grey
-    }, cancel],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 276,
-      columnNumber: 13
-    }
-  }, actions == null ? void 0 : actions[2].text)), _react["default"].createElement(_reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      if (actions != null && actions[1].name && actions != null && actions[1].value && handleAction) {
-        handleAction(actions[1].name, actions[1].value);
-      }
-    },
-    style: [styles.buttonContainer, {
-      borderColor: grey_gainsboro,
-      borderRightWidth: 1
-    }, buttonContainer],
-    testID: (actions == null ? void 0 : actions[1].value) + "-action-button",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 278,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.shuffle, {
-      color: grey
-    }, shuffle],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 291,
-      columnNumber: 13
-    }
-  }, actions == null ? void 0 : actions[1].text)), _react["default"].createElement(_reactNative.TouchableOpacity, {
-    onPress: function onPress() {
-      if (actions != null && actions[0].name && actions != null && actions[0].value && handleAction) {
-        handleAction(actions[0].name, actions[0].value);
-      }
-    },
-    style: [styles.buttonContainer, {
-      borderColor: grey_gainsboro
-    }, buttonContainer],
-    testID: (actions == null ? void 0 : actions[0].value) + "-action-button",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 293,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_reactNative.Text, {
-    style: [styles.send, {
-      color: accent_blue
-    }, send],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 302,
-      columnNumber: 13
-    }
-  }, actions == null ? void 0 : actions[0].text))))) : _react["default"].createElement(_reactNative.TouchableOpacity, (0, _extends2["default"])({
+    children: [(0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.header, header],
+      children: [(0, _jsxRuntime.jsx)(_icons.GiphyIcon, {}), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.giphyHeaderText, giphyHeaderText],
+        children: "Giphy"
+      }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+        style: [styles.giphyHeaderTitle, giphyHeaderTitle, {
+          color: grey_dark
+        }],
+        children: "/giphy ".concat(title)
+      })]
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: styles.selectionImageContainer,
+      children: (0, _jsxRuntime.jsx)(ImageComponent, {
+        onError: function onError(error) {
+          console.warn(error);
+          setLoadingImage(false);
+          setLoadingImageError(true);
+        },
+        onLoadEnd: function onLoadEnd() {
+          return setLoadingImage(false);
+        },
+        onLoadStart: function onLoadStart() {
+          return setLoadingImage(true);
+        },
+        resizeMode: "contain",
+        source: {
+          uri: (0, _utils.makeImageCompatibleUrl)(uri)
+        },
+        style: [styles.giphy, giphyDimensions, giphy]
+      })
+    }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+      children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
+        style: styles.actionsRow,
+        children: [(0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: function onPress() {
+            if (actions != null && actions[2].name && actions != null && actions[2].value && handleAction) {
+              handleAction(actions[2].name, actions[2].value);
+            }
+          },
+          style: [styles.buttonContainer, {
+            borderColor: grey_gainsboro,
+            borderRightWidth: 1
+          }, buttonContainer],
+          testID: "".concat(actions == null ? void 0 : actions[2].value, "-action-button"),
+          children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.cancel, {
+              color: grey
+            }, cancel],
+            children: actions == null ? void 0 : actions[2].text
+          })
+        }), (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: function onPress() {
+            if (actions != null && actions[1].name && actions != null && actions[1].value && handleAction) {
+              handleAction(actions[1].name, actions[1].value);
+            }
+          },
+          style: [styles.buttonContainer, {
+            borderColor: grey_gainsboro,
+            borderRightWidth: 1
+          }, buttonContainer],
+          testID: "".concat(actions == null ? void 0 : actions[1].value, "-action-button"),
+          children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.shuffle, {
+              color: grey
+            }, shuffle],
+            children: actions == null ? void 0 : actions[1].text
+          })
+        }), (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, {
+          onPress: function onPress() {
+            if (actions != null && actions[0].name && actions != null && actions[0].value && handleAction) {
+              handleAction(actions[0].name, actions[0].value);
+            }
+          },
+          style: [styles.buttonContainer, {
+            borderColor: grey_gainsboro
+          }, buttonContainer],
+          testID: "".concat(actions == null ? void 0 : actions[0].value, "-action-button"),
+          children: (0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.send, {
+              color: accent_blue
+            }, send],
+            children: actions == null ? void 0 : actions[0].text
+          })
+        })]
+      })
+    })]
+  }) : (0, _jsxRuntime.jsx)(_reactNative.TouchableOpacity, Object.assign({
     disabled: preventPress,
     onLongPress: function onLongPress(event) {
       if (_onLongPress) {
@@ -393,122 +316,63 @@ var GiphyWithContext = function GiphyWithContext(props) {
     },
     testID: "giphy-attachment"
   }, additionalTouchableProps, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 308,
-      columnNumber: 5
-    }
-  }), _react["default"].createElement(_reactNative.View, {
-    style: [styles.container, styles.centerChild, {
-      backgroundColor: isMyMessage ? grey_gainsboro : white
-    }, container],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 338,
-      columnNumber: 7
-    }
-  }, _react["default"].createElement(ImageComponent, {
-    accessibilityLabel: "Giphy Attachment Image",
-    onError: function onError(error) {
-      console.warn(error);
-      setLoadingImage(false);
-      setLoadingImageError(true);
-    },
-    onLoadEnd: function onLoadEnd() {
-      return setLoadingImage(false);
-    },
-    onLoadStart: function onLoadStart() {
-      return setLoadingImage(true);
-    },
-    resizeMode: "contain",
-    source: {
-      uri: (0, _utils.makeImageCompatibleUrl)(uri)
-    },
-    style: [styles.giphy, giphyDimensions, giphy],
-    testID: "giphy-attachment-image",
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 346,
-      columnNumber: 9
-    }
-  }), isLoadingImageError && _react["default"].createElement(_reactNative.View, {
-    style: {
-      position: 'absolute'
-    },
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 362,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(ImageLoadingFailedIndicator, {
-    style: styles.imageErrorIndicatorStyle,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 363,
-      columnNumber: 13
-    }
-  })), isLoadingImage && _react["default"].createElement(_reactNative.View, {
-    style: {
-      position: 'absolute'
-    },
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 367,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(ImageLoadingIndicator, {
-    style: styles.imageLoadingIndicatorStyle,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 368,
-      columnNumber: 13
-    }
-  })), _react["default"].createElement(_reactNative.View, {
-    style: [styles.giphyMask, giphyMask],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 371,
-      columnNumber: 9
-    }
-  }, _react["default"].createElement(_reactNative.View, {
-    style: [styles.giphyContainer, {
-      backgroundColor: label_bg_transparent
-    }, giphyContainer],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 372,
-      columnNumber: 11
-    }
-  }, _react["default"].createElement(_Lightning.Lightning, {
-    height: 16,
-    pathFill: white,
-    width: 16,
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 379,
-      columnNumber: 13
-    }
-  }), _react["default"].createElement(_reactNative.Text, {
-    style: [styles.giphyMaskText, {
-      color: white
-    }, giphyMaskText],
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 380,
-      columnNumber: 13
-    }
-  }, type == null ? void 0 : type.toUpperCase())))));
+    children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
+      style: [styles.container, styles.centerChild, {
+        backgroundColor: isMyMessage ? grey_gainsboro : white
+      }, container],
+      children: [(0, _jsxRuntime.jsx)(ImageComponent, {
+        accessibilityLabel: "Giphy Attachment Image",
+        onError: function onError(error) {
+          console.warn(error);
+          setLoadingImage(false);
+          setLoadingImageError(true);
+        },
+        onLoadEnd: function onLoadEnd() {
+          return setLoadingImage(false);
+        },
+        onLoadStart: function onLoadStart() {
+          return setLoadingImage(true);
+        },
+        resizeMode: "contain",
+        source: {
+          uri: (0, _utils.makeImageCompatibleUrl)(uri)
+        },
+        style: [styles.giphy, giphyDimensions, giphy],
+        testID: "giphy-attachment-image"
+      }), isLoadingImageError && (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute'
+        },
+        children: (0, _jsxRuntime.jsx)(ImageLoadingFailedIndicator, {
+          style: styles.imageErrorIndicatorStyle
+        })
+      }), isLoadingImage && (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          position: 'absolute'
+        },
+        children: (0, _jsxRuntime.jsx)(ImageLoadingIndicator, {
+          style: styles.imageLoadingIndicatorStyle
+        })
+      }), (0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [styles.giphyMask, giphyMask],
+        children: (0, _jsxRuntime.jsxs)(_reactNative.View, {
+          style: [styles.giphyContainer, {
+            backgroundColor: label_bg_transparent
+          }, giphyContainer],
+          children: [(0, _jsxRuntime.jsx)(_Lightning.Lightning, {
+            height: 16,
+            pathFill: white,
+            width: 16
+          }), (0, _jsxRuntime.jsx)(_reactNative.Text, {
+            style: [styles.giphyMaskText, {
+              color: white
+            }, giphyMaskText],
+            children: type == null ? void 0 : type.toUpperCase()
+          })]
+        })
+      })]
+    })
+  }));
 };
 var areEqual = function areEqual(prevProps, nextProps) {
   var _prevProps$attachment = prevProps.attachment,
@@ -535,7 +399,7 @@ var areEqual = function areEqual(prevProps, nextProps) {
   if (!giphyVersionEqual) return false;
   var isMyMessageEqual = prevIsMyMessage === nextIsMyMessage;
   if (!isMyMessageEqual) return false;
-  var messageEqual = (prevMessage == null ? void 0 : prevMessage.id) === (nextMessage == null ? void 0 : nextMessage.id) && "" + (prevMessage == null ? void 0 : prevMessage.updated_at) === "" + (nextMessage == null ? void 0 : nextMessage.updated_at);
+  var messageEqual = (prevMessage == null ? void 0 : prevMessage.id) === (nextMessage == null ? void 0 : nextMessage.id) && "".concat(prevMessage == null ? void 0 : prevMessage.updated_at) === "".concat(nextMessage == null ? void 0 : nextMessage.updated_at);
   if (!messageEqual) return false;
   return true;
 };
@@ -564,7 +428,7 @@ var Giphy = function Giphy(props) {
     ContextImageLoadingIndicator = _useMessagesContext2.ImageLoadingIndicator;
   var ImageLoadingFailedIndicator = ContextImageLoadingFailedIndicator || props.ImageLoadingFailedIndicator;
   var ImageLoadingIndicator = ContextImageLoadingIndicator || props.ImageLoadingIndicator;
-  return _react["default"].createElement(MemoizedGiphy, (0, _extends2["default"])({
+  return (0, _jsxRuntime.jsx)(MemoizedGiphy, Object.assign({
     additionalTouchableProps: additionalTouchableProps,
     giphyVersion: giphyVersion,
     handleAction: handleAction,
@@ -580,14 +444,7 @@ var Giphy = function Giphy(props) {
     setMessages: setMessages,
     setOverlay: setOverlay,
     setSelectedMessage: setSelectedMessage
-  }, props, {
-    __self: _this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 467,
-      columnNumber: 5
-    }
-  }));
+  }, props));
 };
 exports.Giphy = Giphy;
 Giphy.displayName = 'Giphy{messageSimple{giphy}}';