@100mslive/react-native-room-kit 0.0.1

package/lib/module/Icons/Speaker/index.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+export const SpeakerIcon = _ref => {
+  let {
+    muted,
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: muted ? require('./assets/speaker-muted.png') : require('./assets/speaker.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/Speaker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","SpeakerIcon","_ref","muted","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/Speaker/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAIjD;EAAA,IAJkD;IACtDC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,4BAA4B,CAAC,GACrCA,OAAO,CAAC,sBAAsB,CACnC;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/ThreeDots/index.js

@@ -0,0 +1,23 @@
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+import React from 'react';
+import { Image, StyleSheet } from 'react-native';
+export const ThreeDotsIcon = _ref => {
+  let {
+    stack,
+    style,
+    ...restProps
+  } = _ref;
+  return /*#__PURE__*/React.createElement(Image, _extends({
+    source: stack ? require('./assets/three-dots-vertical.png') : require('./assets/three-dots-vertical.png'),
+    style: [styles.icon, style]
+  }, restProps));
+};
+const styles = StyleSheet.create({
+  icon: {
+    width: 24,
+    height: 24,
+    alignItems: 'center',
+    justifyContent: 'center'
+  }
+});
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/ThreeDots/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","StyleSheet","ThreeDotsIcon","_ref","stack","style","restProps","createElement","_extends","source","require","styles","icon","create","width","height","alignItems","justifyContent"],"sourceRoot":"../../../../src","sources":["Icons/ThreeDots/index.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,UAAU,QAAQ,cAAc;AAOhD,OAAO,MAAMC,aAA2C,GAAGC,IAAA,IAIrD;EAAA,IAJsD;IAC1DC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC,GAAAH,IAAA;EACC,oBACEJ,KAAA,CAAAQ,aAAA,CAACP,KAAK,EAAAQ,QAAA;IACJC,MAAM,EACJL,KAAK,GACDM,OAAO,CAAC,kCAAkC,CAAC,GAC3CA,OAAO,CAAC,kCAAkC,CAC/C;IACDL,KAAK,EAAE,CAACM,MAAM,CAACC,IAAI,EAAEP,KAAK;EAAE,GACxBC,SAAS,CACd,CAAC;AAEN,CAAC;AAED,MAAMK,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,IAAI,EAAE;IACJE,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC"}

package/lib/module/Icons/index.js

@@ -0,0 +1,20 @@
+export * from './Camera';
+export * from './Chevron';
+export * from './Mic';
+export * from './Participants';
+export * from './RotateCamera';
+export * from './Settings';
+export * from './NetworkQuality';
+export * from './Close';
+export * from './Speaker';
+export * from './Leave';
+export * from './Chat';
+export * from './ThreeDots';
+export * from './ScreenShare';
+export * from './Alert';
+export * from './Send';
+export * from './Clock';
+export * from './End';
+export * from './100ms';
+export * from './Hand';
+//# sourceMappingURL=index.js.map

package/lib/module/Icons/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["Icons/index.ts"],"mappings":"AAAA,cAAc,UAAU;AACxB,cAAc,WAAW;AACzB,cAAc,OAAO;AACrB,cAAc,gBAAgB;AAC9B,cAAc,gBAAgB;AAC9B,cAAc,YAAY;AAC1B,cAAc,kBAAkB;AAChC,cAAc,SAAS;AACvB,cAAc,WAAW;AACzB,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,aAAa;AAC3B,cAAc,eAAe;AAC7B,cAAc,SAAS;AACvB,cAAc,QAAQ;AACtB,cAAc,SAAS;AACvB,cAAc,OAAO;AACrB,cAAc,SAAS;AACvB,cAAc,QAAQ"}

package/lib/module/components/AvatarView.js

@@ -0,0 +1,39 @@
+import * as React from 'react';
+import { Text, StyleSheet, View } from 'react-native';
+import { getInitials } from '../utils/functions';
+import { COLORS } from '../utils/theme';
+export const AvatarView = _ref => {
+  let {
+    userName,
+    style,
+    initialsStyle
+  } = _ref;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.avatar, userName.length === 0 ? styles.emptyAvatar : null, style]
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: [styles.avatarText, initialsStyle]
+  }, userName.length === 0 ? '👤' : getInitials(userName)));
+};
+const styles = StyleSheet.create({
+  avatar: {
+    width: 88,
+    aspectRatio: 1,
+    backgroundColor: COLORS.EXTENDED.PURPLE,
+    borderRadius: 44,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  emptyAvatar: {
+    backgroundColor: '#C3D0E5' // TODO: use it from variable
+  },
+
+  avatarText: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 34,
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    lineHeight: 40,
+    letterSpacing: 0.25
+  }
+});
+//# sourceMappingURL=AvatarView.js.map

package/lib/module/components/AvatarView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","View","getInitials","COLORS","AvatarView","_ref","userName","style","initialsStyle","createElement","styles","avatar","length","emptyAvatar","avatarText","create","width","aspectRatio","backgroundColor","EXTENDED","PURPLE","borderRadius","justifyContent","alignItems","color","SURFACE","ON_SURFACE","HIGH","fontSize","fontFamily","fontWeight","lineHeight","letterSpacing"],"sourceRoot":"../../../src","sources":["components/AvatarView.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAGrD,SAASC,WAAW,QAAQ,oBAAoB;AAChD,SAASC,MAAM,QAAQ,gBAAgB;AAQvC,OAAO,MAAMC,UAAqC,GAAGC,IAAA,IAI/C;EAAA,IAJgD;IACpDC,QAAQ;IACRC,KAAK;IACLC;EACF,CAAC,GAAAH,IAAA;EACC,oBACEP,KAAA,CAAAW,aAAA,CAACR,IAAI;IACHM,KAAK,EAAE,CACLG,MAAM,CAACC,MAAM,EACbL,QAAQ,CAACM,MAAM,KAAK,CAAC,GAAGF,MAAM,CAACG,WAAW,GAAG,IAAI,EACjDN,KAAK;EACL,gBAEFT,KAAA,CAAAW,aAAA,CAACV,IAAI;IAACQ,KAAK,EAAE,CAACG,MAAM,CAACI,UAAU,EAAEN,aAAa;EAAE,GAC7CF,QAAQ,CAACM,MAAM,KAAK,CAAC,GAAG,IAAI,GAAGV,WAAW,CAACI,QAAQ,CAChD,CACF,CAAC;AAEX,CAAC;AAED,MAAMI,MAAM,GAAGV,UAAU,CAACe,MAAM,CAAC;EAC/BJ,MAAM,EAAE;IACNK,KAAK,EAAE,EAAE;IACTC,WAAW,EAAE,CAAC;IACdC,eAAe,EAAEf,MAAM,CAACgB,QAAQ,CAACC,MAAM;IACvCC,YAAY,EAAE,EAAE;IAChBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EACDV,WAAW,EAAE;IACXK,eAAe,EAAE,SAAS,CAAE;EAC9B,CAAC;;EACDJ,UAAU,EAAE;IACVU,KAAK,EAAErB,MAAM,CAACsB,OAAO,CAACC,UAAU,CAACC,IAAI;IACrCC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,OAAO;IACnBC,UAAU,EAAE,KAAK;IACjBC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/BackButton.js

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { StyleSheet } from 'react-native';
+import { useNavigation } from '@react-navigation/native';
+import { COLORS } from '../utils/theme';
+import { PressableIcon } from './PressableIcon';
+import { ChevronIcon } from '../Icons';
+export const BackButton = () => {
+  const navigation = useNavigation();
+  if (!navigation.canGoBack()) {
+    return null;
+  }
+  const handleGoBack = () => {
+    if (navigation.canGoBack()) {
+      navigation.goBack();
+    }
+  };
+  return /*#__PURE__*/React.createElement(PressableIcon, {
+    style: styles.button,
+    rounded: true,
+    border: false,
+    onPress: handleGoBack
+  }, /*#__PURE__*/React.createElement(ChevronIcon, {
+    direction: "left"
+  }));
+};
+const styles = StyleSheet.create({
+  button: {
+    marginTop: 16,
+    marginLeft: 8,
+    backgroundColor: COLORS.SURFACE.DEFAULT
+  }
+});
+//# sourceMappingURL=BackButton.js.map

package/lib/module/components/BackButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","useNavigation","COLORS","PressableIcon","ChevronIcon","BackButton","navigation","canGoBack","handleGoBack","goBack","createElement","style","styles","button","rounded","border","onPress","direction","create","marginTop","marginLeft","backgroundColor","SURFACE","DEFAULT"],"sourceRoot":"../../../src","sources":["components/BackButton.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,0BAA0B;AAExD,SAASC,MAAM,QAAQ,gBAAgB;AACvC,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,WAAW,QAAQ,UAAU;AAItC,OAAO,MAAMC,UAAqC,GAAGA,CAAA,KAAM;EACzD,MAAMC,UAAU,GAAGL,aAAa,CAAC,CAAC;EAElC,IAAI,CAACK,UAAU,CAACC,SAAS,CAAC,CAAC,EAAE;IAC3B,OAAO,IAAI;EACb;EAEA,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIF,UAAU,CAACC,SAAS,CAAC,CAAC,EAAE;MAC1BD,UAAU,CAACG,MAAM,CAAC,CAAC;IACrB;EACF,CAAC;EAED,oBACEV,KAAA,CAAAW,aAAA,CAACP,aAAa;IACZQ,KAAK,EAAEC,MAAM,CAACC,MAAO;IACrBC,OAAO,EAAE,IAAK;IACdC,MAAM,EAAE,KAAM;IACdC,OAAO,EAAER;EAAa,gBAEtBT,KAAA,CAAAW,aAAA,CAACN,WAAW;IAACa,SAAS,EAAC;EAAM,CAAE,CAClB,CAAC;AAEpB,CAAC;AAED,MAAML,MAAM,GAAGZ,UAAU,CAACkB,MAAM,CAAC;EAC/BL,MAAM,EAAE;IACNM,SAAS,EAAE,EAAE;IACbC,UAAU,EAAE,CAAC;IACbC,eAAe,EAAEnB,MAAM,CAACoB,OAAO,CAACC;EAClC;AACF,CAAC,CAAC"}

package/lib/module/components/Chat/ChatBanner.js

@@ -0,0 +1,67 @@
+import * as React from 'react';
+import { View, StyleSheet, Text, Platform } from 'react-native';
+import Feather from 'react-native-vector-icons/Feather';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { COLORS } from '../../utils/theme';
+import { CustomButton } from '../CustomButton';
+export const ChatBanner = () => {
+  const [showBanner, setShowBanner] = React.useState(true);
+  if (!showBanner) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.banner
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.bannerIconContainer
+  }, /*#__PURE__*/React.createElement(Feather, {
+    style: styles.bannerIcon,
+    size: 16,
+    name: "info"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.bannerTextContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.bannerText
+  }, "Messages can only be seen by people in the call and are deleted when the call ends.")), /*#__PURE__*/React.createElement(CustomButton, {
+    onPress: () => setShowBanner(false),
+    viewStyle: styles.bannerIconContainer,
+    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+      style: styles.bannerIcon,
+      size: 24,
+      name: "close"
+    })
+  }));
+};
+const styles = StyleSheet.create({
+  banner: {
+    height: 80,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: COLORS.SURFACE.LIGHT,
+    borderRadius: 8,
+    transform: [Platform.OS === 'android' ? {
+      scale: -1
+    } : {
+      scaleY: -1
+    }]
+  },
+  bannerIcon: {
+    color: COLORS.TEXT.DISABLED
+  },
+  bannerIconContainer: {
+    width: 52,
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  bannerTextContainer: {
+    flex: 1
+  },
+  bannerText: {
+    fontFamily: 'Inter-Regular',
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    color: COLORS.TEXT.MEDIUM_EMPHASIS
+  }
+});
+//# sourceMappingURL=ChatBanner.js.map

package/lib/module/components/Chat/ChatBanner.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","Platform","Feather","MaterialCommunityIcons","COLORS","CustomButton","ChatBanner","showBanner","setShowBanner","useState","createElement","style","styles","banner","bannerIconContainer","bannerIcon","size","name","bannerTextContainer","bannerText","onPress","viewStyle","LeftIcon","create","height","flexDirection","alignItems","backgroundColor","SURFACE","LIGHT","borderRadius","transform","OS","scale","scaleY","color","TEXT","DISABLED","width","justifyContent","flex","fontFamily","fontSize","lineHeight","letterSpacing","MEDIUM_EMPHASIS"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatBanner.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,EAAEC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;AAC/D,OAAOC,OAAO,MAAM,mCAAmC;AACvD,OAAOC,sBAAsB,MAAM,kDAAkD;AAErF,SAASC,MAAM,QAAQ,mBAAmB;AAC1C,SAASC,YAAY,QAAQ,iBAAiB;AAE9C,OAAO,MAAMC,UAAU,GAAGA,CAAA,KAAM;EAC9B,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAGX,KAAK,CAACY,QAAQ,CAAC,IAAI,CAAC;EAExD,IAAI,CAACF,UAAU,EAAE;IACf,OAAO,IAAI;EACb;EAEA,oBACEV,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBhB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACE;EAAoB,gBACtCjB,KAAA,CAAAa,aAAA,CAACR,OAAO;IAACS,KAAK,EAAEC,MAAM,CAACG,UAAW;IAACC,IAAI,EAAE,EAAG;IAACC,IAAI,EAAC;EAAM,CAAE,CACtD,CAAC,eACPpB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAEC,MAAM,CAACM;EAAoB,gBACtCrB,KAAA,CAAAa,aAAA,CAACV,IAAI;IAACW,KAAK,EAAEC,MAAM,CAACO;EAAW,GAAC,qFAG1B,CACF,CAAC,eACPtB,KAAA,CAAAa,aAAA,CAACL,YAAY;IACXe,OAAO,EAAEA,CAAA,KAAMZ,aAAa,CAAC,KAAK,CAAE;IACpCa,SAAS,EAAET,MAAM,CAACE,mBAAoB;IACtCQ,QAAQ,eACNzB,KAAA,CAAAa,aAAA,CAACP,sBAAsB;MACrBQ,KAAK,EAAEC,MAAM,CAACG,UAAW;MACzBC,IAAI,EAAE,EAAG;MACTC,IAAI,EAAC;IAAO,CACb;EACF,CACF,CACG,CAAC;AAEX,CAAC;AAED,MAAML,MAAM,GAAGb,UAAU,CAACwB,MAAM,CAAC;EAC/BV,MAAM,EAAE;IACNW,MAAM,EAAE,EAAE;IACVC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEvB,MAAM,CAACwB,OAAO,CAACC,KAAK;IACrCC,YAAY,EAAE,CAAC;IACfC,SAAS,EAAE,CAAC9B,QAAQ,CAAC+B,EAAE,KAAK,SAAS,GAAG;MAAEC,KAAK,EAAE,CAAC;IAAE,CAAC,GAAG;MAAEC,MAAM,EAAE,CAAC;IAAE,CAAC;EACxE,CAAC;EACDnB,UAAU,EAAE;IACVoB,KAAK,EAAE/B,MAAM,CAACgC,IAAI,CAACC;EACrB,CAAC;EACDvB,mBAAmB,EAAE;IACnBwB,KAAK,EAAE,EAAE;IACTd,MAAM,EAAE,MAAM;IACdE,UAAU,EAAE,QAAQ;IACpBa,cAAc,EAAE;EAClB,CAAC;EACDrB,mBAAmB,EAAE;IACnBsB,IAAI,EAAE;EACR,CAAC;EACDrB,UAAU,EAAE;IACVsB,UAAU,EAAE,eAAe;IAC3BC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,aAAa,EAAE,GAAG;IAClBT,KAAK,EAAE/B,MAAM,CAACgC,IAAI,CAACS;EACrB;AACF,CAAC,CAAC"}

package/lib/module/components/Chat/ChatList.js

@@ -0,0 +1,44 @@
+import * as React from 'react';
+import { FlashList
+// FlashListProps
+} from '@shopify/flash-list';
+import { StyleSheet, View } from 'react-native';
+import { useSelector } from 'react-redux';
+import { ChatMessage } from './ChatMessage';
+import { ChatBanner } from './ChatBanner';
+import { PinnedMessage } from './PinnedMessage';
+const _ChatList = () => {
+  const messages = useSelector(state => state.messages.messages);
+  const _keyExtractor = React.useCallback(item => item.messageId, []);
+  const _renderItem = React.useCallback(data => {
+    return /*#__PURE__*/React.createElement(ChatMessage, {
+      message: data.item
+    });
+  }, []);
+  return /*#__PURE__*/React.createElement(View, {
+    style: chatListStyle.list
+  }, /*#__PURE__*/React.createElement(PinnedMessage, null), /*#__PURE__*/React.createElement(FlashList, {
+    data: messages,
+    inverted: true,
+    estimatedItemSize: 104,
+    contentContainerStyle: chatListStyle.listContentContainer // Bug: Android inverted flashlist will apply padding on left when `paddingRight: 12` is applied
+    ,
+    keyboardShouldPersistTaps: "always",
+    ListEmptyComponent: ChatBanner
+    // ItemSeparatorComponent={() => <View style={{ height: 16 }} />} // TODO: There is a bug related to this: https://github.com/Shopify/flash-list/issues/638
+    ,
+    renderItem: _renderItem,
+    keyExtractor: _keyExtractor
+  }));
+};
+const chatListStyle = StyleSheet.create({
+  list: {
+    flex: 1,
+    marginVertical: 8
+  },
+  listContentContainer: {
+    paddingRight: 12
+  }
+});
+export const ChatList = /*#__PURE__*/React.memo(_ChatList);
+//# sourceMappingURL=ChatList.js.map

package/lib/module/components/Chat/ChatList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","FlashList","StyleSheet","View","useSelector","ChatMessage","ChatBanner","PinnedMessage","_ChatList","messages","state","_keyExtractor","useCallback","item","messageId","_renderItem","data","createElement","message","style","chatListStyle","list","inverted","estimatedItemSize","contentContainerStyle","listContentContainer","keyboardShouldPersistTaps","ListEmptyComponent","renderItem","keyExtractor","create","flex","marginVertical","paddingRight","ChatList","memo"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatList.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAE9B,SACEC;AACA;AAAA,OACK,qBAAqB;AAC5B,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC/C,SAASC,WAAW,QAAQ,aAAa;AAGzC,SAASC,WAAW,QAAQ,eAAe;AAC3C,SAASC,UAAU,QAAQ,cAAc;AACzC,SAASC,aAAa,QAAQ,iBAAiB;AAM/C,MAAMC,SAAkC,GAAGA,CAAA,KAAM;EAC/C,MAAMC,QAAQ,GAAGL,WAAW,CAAEM,KAAgB,IAAKA,KAAK,CAACD,QAAQ,CAACA,QAAQ,CAAC;EAE3E,MAAME,aAAa,GAAGX,KAAK,CAACY,WAAW,CACpCC,IAAgB,IAAKA,IAAI,CAACC,SAAS,EACpC,EACF,CAAC;EAED,MAAMC,WAAW,GAAGf,KAAK,CAACY,WAAW,CAAEI,IAA0B,IAAK;IACpE,oBAAOhB,KAAA,CAAAiB,aAAA,CAACZ,WAAW;MAACa,OAAO,EAAEF,IAAI,CAACH;IAAK,CAAE,CAAC;EAC5C,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEb,KAAA,CAAAiB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAEC,aAAa,CAACC;EAAK,gBAC9BrB,KAAA,CAAAiB,aAAA,CAACV,aAAa,MAAE,CAAC,eAEjBP,KAAA,CAAAiB,aAAA,CAAChB,SAAS;IACRe,IAAI,EAAEP,QAAS;IACfa,QAAQ,EAAE,IAAK;IACfC,iBAAiB,EAAE,GAAI;IACvBC,qBAAqB,EAAEJ,aAAa,CAACK,oBAAqB,CAAC;IAAA;IAC3DC,yBAAyB,EAAC,QAAQ;IAClCC,kBAAkB,EAAErB;IACpB;IAAA;IACAsB,UAAU,EAAEb,WAAY;IACxBc,YAAY,EAAElB;EAAc,CAC7B,CACG,CAAC;AAEX,CAAC;AAED,MAAMS,aAAa,GAAGlB,UAAU,CAAC4B,MAAM,CAAC;EACtCT,IAAI,EAAE;IACJU,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB,CAAC;EACDP,oBAAoB,EAAE;IACpBQ,YAAY,EAAE;EAChB;AACF,CAAC,CAAC;AAEF,OAAO,MAAMC,QAAQ,gBAAGlC,KAAK,CAACmC,IAAI,CAAC3B,SAAS,CAAC"}

package/lib/module/components/Chat/ChatMessage.js

@@ -0,0 +1,165 @@
+import * as React from 'react';
+import { View, Text, StyleSheet } from 'react-native';
+import { HMSMessageRecipientType } from '@100mslive/react-native-hms';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { useSelector } from 'react-redux';
+import { CustomButton } from '../CustomButton';
+import { AvatarView } from '../AvatarView';
+import { COLORS } from '../../utils/theme';
+import { getTimeStringin12HourFormat } from '../../utils/functions';
+const _ChatMessage = _ref => {
+  var _messageRecipient$rec;
+  let {
+    message
+  } = _ref;
+  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const pinMessage = async () => {
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        var _message$sender;
+        const formattedMessage = `${((_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.name) || 'Anonymous'}: ${message.message}`;
+
+        // set `formattedMessage` on `session` with key 'pinnedMessage'
+        const response = await hmsSessionStore.set(formattedMessage, 'pinnedMessage');
+        console.log('setSessionMetaData Response -> ', response);
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+      }
+    }
+  };
+  const messageSender = message.sender;
+  const isMessageSenderLocal = messageSender === null || messageSender === void 0 ? void 0 : messageSender.isLocal;
+  const messageRecipient = message.recipient;
+  const isBroadcastMessage = messageRecipient.recipientType === HMSMessageRecipientType.BROADCAST;
+  const isPrivatePeerMessage = messageRecipient.recipientType === HMSMessageRecipientType.PEER;
+  const isPrivateRoleMessage = messageRecipient.recipientType === HMSMessageRecipientType.ROLES;
+  return /*#__PURE__*/React.createElement(View, {
+    style: [styles.message, isBroadcastMessage ? null : styles.privateMessage]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: [styles.messageHeader, isMessageSenderLocal ? styles.localMessageHeader : null]
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headingLeftContainer
+  }, /*#__PURE__*/React.createElement(AvatarView, {
+    userName: (messageSender === null || messageSender === void 0 ? void 0 : messageSender.name) || '',
+    style: styles.messageAvatar,
+    initialsStyle: styles.messageAvatarText
+  }), /*#__PURE__*/React.createElement(Text, {
+    style: styles.senderName,
+    numberOfLines: 1,
+    ellipsizeMode: "middle"
+  }, messageSender ? messageSender.isLocal ? 'You' : messageSender.name : 'Anonymous'), /*#__PURE__*/React.createElement(Text, {
+    style: styles.messageTime
+  }, getTimeStringin12HourFormat(message.time))), isBroadcastMessage ? /*#__PURE__*/React.createElement(CustomButton, {
+    onPress: pinMessage,
+    viewStyle: [styles.pinIconContainer, isMessageSenderLocal ? styles.localMsgPinIconContainer : null],
+    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+      style: styles.pinIcon,
+      size: 24,
+      name: "pin-outline"
+    })
+  }) : /*#__PURE__*/React.createElement(View, {
+    style: styles.privateRecipientTypeContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.private,
+    numberOfLines: 1,
+    ellipsizeMode: "middle"
+  }, isPrivatePeerMessage ? `${isMessageSenderLocal ? 'TO ' + ((_messageRecipient$rec = messageRecipient.recipientPeer) === null || _messageRecipient$rec === void 0 ? void 0 : _messageRecipient$rec.name) : 'TO YOU'} | PRIVATE` : null, isPrivateRoleMessage && messageRecipient.recipientRoles.length > 0 ? messageRecipient.recipientRoles[0].name : null))), /*#__PURE__*/React.createElement(Text, {
+    style: [styles.messageText, isMessageSenderLocal ? styles.messageTextRightAlign : null],
+    numberOfLines: 3
+  }, message.message));
+};
+export const ChatMessage = /*#__PURE__*/React.memo(_ChatMessage);
+const styles = StyleSheet.create({
+  message: {
+    padding: 8,
+    borderRadius: 8,
+    marginTop: 16,
+    width: '100%'
+  },
+  privateMessage: {
+    backgroundColor: COLORS.SURFACE.LIGHT
+  },
+  messageHeader: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8,
+    justifyContent: 'space-between'
+  },
+  localMessageHeader: {
+    flexDirection: 'row-reverse'
+  },
+  headingLeftContainer: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  messageAvatar: {
+    width: 24,
+    height: 24,
+    borderRadius: 12
+  },
+  messageAvatarText: {
+    fontSize: 10,
+    lineHeight: undefined
+  },
+  privateRecipientTypeContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderRadius: 4,
+    borderColor: COLORS.BORDER.LIGHT,
+    justifyContent: 'center',
+    padding: 4,
+    flexShrink: 1,
+    marginLeft: 8
+  },
+  private: {
+    fontFamily: 'Inter-Medium',
+    fontSize: 10,
+    lineHeight: 16,
+    letterSpacing: 1.5,
+    color: COLORS.TEXT.HIGH_EMPHASIS,
+    textTransform: 'uppercase'
+  },
+  senderName: {
+    fontFamily: 'Inter',
+    fontWeight: '600',
+    fontSize: 14,
+    lineHeight: 20,
+    letterSpacing: 0.1,
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    textTransform: 'capitalize',
+    marginHorizontal: 8
+  },
+  messageTime: {
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    color: COLORS.SURFACE.ON_SURFACE.LOW
+  },
+  messageText: {
+    color: COLORS.SURFACE.ON_SURFACE.HIGH,
+    fontSize: 14,
+    fontFamily: 'Inter',
+    fontWeight: '400',
+    lineHeight: 20,
+    letterSpacing: 0.25
+  },
+  messageTextRightAlign: {
+    textAlign: 'right'
+  },
+  pinIcon: {
+    color: COLORS.WHITE
+  },
+  pinIconContainer: {
+    flex: 1,
+    height: '100%',
+    justifyContent: 'flex-end'
+  },
+  localMsgPinIconContainer: {
+    justifyContent: 'flex-start'
+  }
+});
+//# sourceMappingURL=ChatMessage.js.map

package/lib/module/components/Chat/ChatMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","StyleSheet","HMSMessageRecipientType","MaterialCommunityIcons","useSelector","CustomButton","AvatarView","COLORS","getTimeStringin12HourFormat","_ChatMessage","_ref","_messageRecipient$rec","message","hmsSessionStore","state","user","pinMessage","_message$sender","formattedMessage","sender","name","response","set","console","log","error","messageSender","isMessageSenderLocal","isLocal","messageRecipient","recipient","isBroadcastMessage","recipientType","BROADCAST","isPrivatePeerMessage","PEER","isPrivateRoleMessage","ROLES","createElement","style","styles","privateMessage","messageHeader","localMessageHeader","headingLeftContainer","userName","messageAvatar","initialsStyle","messageAvatarText","senderName","numberOfLines","ellipsizeMode","messageTime","time","onPress","viewStyle","pinIconContainer","localMsgPinIconContainer","LeftIcon","pinIcon","size","privateRecipientTypeContainer","private","recipientPeer","recipientRoles","length","messageText","messageTextRightAlign","ChatMessage","memo","create","padding","borderRadius","marginTop","width","backgroundColor","SURFACE","LIGHT","flexDirection","alignItems","marginBottom","justifyContent","height","fontSize","lineHeight","undefined","borderWidth","borderColor","BORDER","flexShrink","marginLeft","fontFamily","letterSpacing","color","TEXT","HIGH_EMPHASIS","textTransform","fontWeight","ON_SURFACE","HIGH","marginHorizontal","LOW","textAlign","WHITE","flex"],"sourceRoot":"../../../../src","sources":["components/Chat/ChatMessage.tsx"],"mappings":"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"}

package/lib/module/components/Chat/PinnedMessage.js

@@ -0,0 +1,75 @@
+import * as React from 'react';
+import { View, StyleSheet, Text } from 'react-native';
+import { useSelector } from 'react-redux';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+import { COLORS } from '../../utils/theme';
+import { CustomButton } from '../CustomButton';
+export const PinnedMessage = () => {
+  const pinnedMessage = useSelector(state => state.messages.pinnedMessage);
+  const hmsSessionStore = useSelector(state => state.user.hmsSessionStore);
+  const removePinnedMessage = React.useCallback(async () => {
+    // If instance of HMSSessionStore is available
+    if (hmsSessionStore) {
+      try {
+        // set `value` on `session` with key 'pinnedMessage'
+        const response = await hmsSessionStore.set(null, 'pinnedMessage');
+        console.log('setSessionMetaData Response -> ', response);
+      } catch (error) {
+        console.log('setSessionMetaData Error -> ', error);
+      }
+    }
+  }, [hmsSessionStore]);
+  if (!pinnedMessage || pinnedMessage.length <= 0) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: styles.pinnedMessage
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.bannerIconContainer
+  }, /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+    style: styles.bannerIcon,
+    size: 16,
+    name: "pin-outline"
+  })), /*#__PURE__*/React.createElement(View, {
+    style: styles.bannerTextContainer
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: styles.bannerText
+  }, pinnedMessage)), /*#__PURE__*/React.createElement(CustomButton, {
+    onPress: removePinnedMessage,
+    viewStyle: styles.bannerIconContainer,
+    LeftIcon: /*#__PURE__*/React.createElement(MaterialCommunityIcons, {
+      style: styles.bannerIcon,
+      size: 24,
+      name: "close"
+    })
+  }));
+};
+const styles = StyleSheet.create({
+  pinnedMessage: {
+    height: 80,
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: COLORS.SURFACE.LIGHT,
+    borderRadius: 8
+  },
+  bannerIcon: {
+    color: COLORS.TEXT.DISABLED
+  },
+  bannerIconContainer: {
+    width: 52,
+    height: '100%',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  bannerTextContainer: {
+    flex: 1
+  },
+  bannerText: {
+    fontFamily: 'Inter-Regular',
+    fontSize: 12,
+    lineHeight: 16,
+    letterSpacing: 0.4,
+    color: COLORS.TEXT.MEDIUM_EMPHASIS
+  }
+});
+//# sourceMappingURL=PinnedMessage.js.map

package/lib/module/components/Chat/PinnedMessage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","useSelector","MaterialCommunityIcons","COLORS","CustomButton","PinnedMessage","pinnedMessage","state","messages","hmsSessionStore","user","removePinnedMessage","useCallback","response","set","console","log","error","length","createElement","style","styles","bannerIconContainer","bannerIcon","size","name","bannerTextContainer","bannerText","onPress","viewStyle","LeftIcon","create","height","flexDirection","alignItems","backgroundColor","SURFACE","LIGHT","borderRadius","color","TEXT","DISABLED","width","justifyContent","flex","fontFamily","fontSize","lineHeight","letterSpacing","MEDIUM_EMPHASIS"],"sourceRoot":"../../../../src","sources":["components/Chat/PinnedMessage.tsx"],"mappings":"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"}

package/lib/module/components/Chat/index.js

@@ -0,0 +1,5 @@
+export * from './ChatBanner';
+export * from './ChatList';
+export * from './ChatMessage';
+export * from './PinnedMessage';
+//# sourceMappingURL=index.js.map

package/lib/module/components/Chat/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Chat/index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,YAAY;AAC1B,cAAc,eAAe;AAC7B,cAAc,iBAAiB"}