@sendbird/uikit-react-native 2.4.1 → 2.4.2

package/lib/commonjs/components/UserActionBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserActionBar","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","onBackground01","styles","container","avatar","infoContainer","borderBottomColor","Boolean","onBackground02","iconContainer","createStyleSheet","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  label?: string;\n\n  muted: boolean;\n  disabled: boolean;\n\n  onPressActionMenu?: (ev: GestureResponderEvent) => void;\n  onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n  return (\n    <View style={styles.container}>\n      <Pressable onPress={onPressAvatar} style={styles.avatar}>\n        <Avatar muted={muted} size={36} uri={uri} />\n      </Pressable>\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        {Boolean(label) && (\n          <Text body2 color={colors.onBackground02} style={styles.label}>\n            {label}\n          </Text>\n        )}\n        {Boolean(onPressActionMenu) && (\n          <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n            <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n  },\n  avatar: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  label: {\n    marginRight: 4,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingRight: 12,\n    borderBottomWidth: 1,\n  },\n  iconContainer: {\n    padding: 4,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default UserActionBar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAGA;;AACA;;;;AAaA,MAAMA,aAAa,GAAG,QAAoF;EAAA,IAAnF;IAAEC,KAAF;IAASC,GAAT;IAAcC,IAAd;IAAoBC,QAApB;IAA8BC,KAA9B;IAAqCC,iBAArC;IAAwDC;EAAxD,CAAmF;EACxG,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,SAAS,GAAG,IAAAC,6BAAA,EAAkB,CAACP,QAAD,CAAlB,EAA8B,CAACI,MAAM,CAACI,cAAR,EAAwBJ,MAAM,CAACK,cAA/B,CAA9B,CAAlB;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,sBAAD;IAAW,OAAO,EAAER,aAApB;IAAmC,KAAK,EAAEO,MAAM,CAACE;EAAjD,gBACE,6BAAC,kCAAD;IAAQ,KAAK,EAAEf,KAAf;IAAsB,IAAI,EAAE,EAA5B;IAAgC,GAAG,EAAEC;EAArC,EADF,CADF,eAIE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACY,MAAM,CAACG,aAAR,EAAuB;MAAEC,iBAAiB,EAAEV,MAAM,CAACI;IAA5B,CAAvB;EAAb,gBACE,6BAAC,gCAAD;IAAM,SAAS,MAAf;IAAgB,aAAa,EAAE,CAA/B;IAAkC,KAAK,EAAEE,MAAM,CAACX,IAAhD;IAAsD,KAAK,EAAEK,MAAM,CAACK;EAApE,GACGV,IADH,CADF,EAIGgB,OAAO,CAACd,KAAD,CAAP,iBACC,6BAAC,gCAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEG,MAAM,CAACY,cAA1B;IAA0C,KAAK,EAAEN,MAAM,CAACT;EAAxD,GACGA,KADH,CALJ,EASGc,OAAO,CAACb,iBAAD,CAAP,iBACC,6BAAC,6BAAD;IAAkB,OAAO,EAAEA,iBAA3B;IAA8C,QAAQ,EAAEF;EAAxD,gBACE,6BAAC,gCAAD;IAAM,KAAK,EAAEM,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAE,MAAxC;IAAgD,cAAc,EAAEI,MAAM,CAACO;EAAvE,EADF,CAVJ,CAJF,CADF;AAsBD,CA3BD;;AA6BA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BP,SAAS,EAAE;IACTQ,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE;EAJC,CADmB;EAO9BV,MAAM,EAAE;IACNW,UAAU,EAAE,EADN;IAENC,WAAW,EAAE;EAFP,CAPsB;EAW9BvB,KAAK,EAAE;IACLuB,WAAW,EAAE;EADR,CAXuB;EAc9BX,aAAa,EAAE;IACbS,MAAM,EAAE,MADK;IAEbG,IAAI,EAAE,CAFO;IAGbL,UAAU,EAAE,QAHC;IAIbD,aAAa,EAAE,KAJF;IAKbO,YAAY,EAAE,EALD;IAMbC,iBAAiB,EAAE;EANN,CAde;EAsB9BV,aAAa,EAAE;IACbW,OAAO,EAAE;EADI,CAtBe;EAyB9B7B,IAAI,EAAE;IACJ0B,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAzBwB,CAAjB,CAAf;eA+Be5B,a"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","UserActionBar","_ref","muted","uri","name","disabled","label","onPressActionMenu","onPressAvatar","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","onBackground01","createElement","View","style","styles","container","Pressable","onPress","avatar","Avatar","size","infoContainer","borderBottomColor","Text","subtitle2","numberOfLines","color","Boolean","body2","onBackground02","TouchableOpacity","Icon","icon","containerStyle","iconContainer","createStyleSheet","flexDirection","alignItems","width","height","marginLeft","marginRight","flex","paddingRight","borderBottomWidth","padding","_default","exports"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, TouchableOpacity, View } from 'react-native';\nimport type { GestureResponderEvent } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  label?: string;\n\n  muted: boolean;\n  disabled: boolean;\n\n  onPressActionMenu?: (ev: GestureResponderEvent) => void;\n  onPressAvatar?: (ev: GestureResponderEvent) => void;\n};\nconst UserActionBar = ({ muted, uri, name, disabled, label, onPressActionMenu, onPressAvatar }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n  return (\n    <View style={styles.container}>\n      <Pressable onPress={onPressAvatar} style={styles.avatar}>\n        <Avatar muted={muted} size={36} uri={uri} />\n      </Pressable>\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        {Boolean(label) && (\n          <Text body2 color={colors.onBackground02} style={styles.label}>\n            {label}\n          </Text>\n        )}\n        {Boolean(onPressActionMenu) && (\n          <TouchableOpacity onPress={onPressActionMenu} disabled={disabled}>\n            <Icon color={iconColor} size={24} icon={'more'} containerStyle={styles.iconContainer} />\n          </TouchableOpacity>\n        )}\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n  },\n  avatar: {\n    marginLeft: 16,\n    marginRight: 16,\n  },\n  label: {\n    marginRight: 4,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    paddingRight: 12,\n    borderBottomWidth: 1,\n  },\n  iconContainer: {\n    padding: 4,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default UserActionBar;\n"],"mappings":"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"}

package/lib/commonjs/components/UserSelectableBar.js

@@ -4,17 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 const UserSelectableBar = _ref => {
   let {
     uri,
@@ -47,7 +41,6 @@ const UserSelectableBar = _ref => {
     icon: selected ? 'checkbox-on' : 'checkbox-off'
   })));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   container: {
     flexDirection: 'row',

package/lib/commonjs/components/UserSelectableBar.js.map

@@ -1 +1 @@
-{"version":3,"names":["UserSelectableBar","uri","name","selected","disabled","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","primary","onBackground03","styles","container","avatar","infoContainer","borderBottomColor","onBackground01","createStyleSheet","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  selected: boolean;\n  disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining(\n    [disabled, selected],\n    [colors.onBackground04, colors.primary, colors.onBackground03],\n  );\n\n  return (\n    <View style={styles.container}>\n      <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n    paddingHorizontal: 16,\n  },\n  avatar: {\n    marginRight: 16,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    borderBottomWidth: 1,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default UserSelectableBar;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAQA,MAAMA,iBAAiB,GAAG,QAA8C;EAAA,IAA7C;IAAEC,GAAF;IAAOC,IAAP;IAAaC,QAAb;IAAuBC;EAAvB,CAA6C;EACtE,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,SAAS,GAAG,IAAAC,6BAAA,EAChB,CAACJ,QAAD,EAAWD,QAAX,CADgB,EAEhB,CAACE,MAAM,CAACI,cAAR,EAAwBJ,MAAM,CAACK,OAA/B,EAAwCL,MAAM,CAACM,cAA/C,CAFgB,CAAlB;EAKA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,kCAAD;IAAQ,IAAI,EAAE,EAAd;IAAkB,GAAG,EAAEZ,GAAvB;IAA4B,cAAc,EAAEW,MAAM,CAACE;EAAnD,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACF,MAAM,CAACG,aAAR,EAAuB;MAAEC,iBAAiB,EAAEX,MAAM,CAACI;IAA5B,CAAvB;EAAb,gBACE,6BAAC,gCAAD;IAAM,SAAS,MAAf;IAAgB,aAAa,EAAE,CAA/B;IAAkC,KAAK,EAAEG,MAAM,CAACV,IAAhD;IAAsD,KAAK,EAAEG,MAAM,CAACY;EAApE,GACGf,IADH,CADF,eAIE,6BAAC,gCAAD;IAAM,KAAK,EAAEK,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAEJ,QAAQ,GAAG,aAAH,GAAmB;EAAnE,EAJF,CAFF,CADF;AAWD,CAnBD;;AAqBA,MAAMS,MAAM,GAAG,IAAAM,4CAAA,EAAiB;EAC9BL,SAAS,EAAE;IACTM,aAAa,EAAE,KADN;IAETC,UAAU,EAAE,QAFH;IAGTC,KAAK,EAAE,MAHE;IAITC,MAAM,EAAE,EAJC;IAKTC,iBAAiB,EAAE;EALV,CADmB;EAQ9BT,MAAM,EAAE;IACNU,WAAW,EAAE;EADP,CARsB;EAW9BT,aAAa,EAAE;IACbO,MAAM,EAAE,MADK;IAEbG,IAAI,EAAE,CAFO;IAGbL,UAAU,EAAE,QAHC;IAIbD,aAAa,EAAE,KAJF;IAKbO,iBAAiB,EAAE;EALN,CAXe;EAkB9BxB,IAAI,EAAE;IACJuB,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAlBwB,CAAjB,CAAf;eAwBexB,iB"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_uikitReactNativeFoundation","_uikitUtils","obj","__esModule","default","UserSelectableBar","_ref","uri","name","selected","disabled","colors","useUIKitTheme","iconColor","conditionChaining","onBackground04","primary","onBackground03","createElement","View","style","styles","container","Avatar","size","containerStyle","avatar","infoContainer","borderBottomColor","Text","subtitle2","numberOfLines","color","onBackground01","Icon","icon","createStyleSheet","flexDirection","alignItems","width","height","paddingHorizontal","marginRight","flex","borderBottomWidth","_default","exports"],"sources":["UserSelectableBar.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { Avatar, Icon, Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport { conditionChaining } from '@sendbird/uikit-utils';\n\ntype Props = {\n  uri: string;\n  name: string;\n  selected: boolean;\n  disabled: boolean;\n};\nconst UserSelectableBar = ({ uri, name, selected, disabled }: Props) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining(\n    [disabled, selected],\n    [colors.onBackground04, colors.primary, colors.onBackground03],\n  );\n\n  return (\n    <View style={styles.container}>\n      <Avatar size={36} uri={uri} containerStyle={styles.avatar} />\n      <View style={[styles.infoContainer, { borderBottomColor: colors.onBackground04 }]}>\n        <Text subtitle2 numberOfLines={1} style={styles.name} color={colors.onBackground01}>\n          {name}\n        </Text>\n        <Icon color={iconColor} size={24} icon={selected ? 'checkbox-on' : 'checkbox-off'} />\n      </View>\n    </View>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    width: '100%',\n    height: 56,\n    paddingHorizontal: 16,\n  },\n  avatar: {\n    marginRight: 16,\n  },\n  infoContainer: {\n    height: '100%',\n    flex: 1,\n    alignItems: 'center',\n    flexDirection: 'row',\n    borderBottomWidth: 1,\n  },\n  name: {\n    flex: 1,\n    marginRight: 8,\n  },\n});\n\nexport default UserSelectableBar;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,2BAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAA0D,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQ1D,MAAMG,iBAAiB,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,GAAG;IAAEC,IAAI;IAAEC,QAAQ;IAAEC;EAAgB,CAAC,GAAAJ,IAAA;EACjE,MAAM;IAAEK;EAAO,CAAC,GAAG,IAAAC,yCAAa,GAAE;EAElC,MAAMC,SAAS,GAAG,IAAAC,6BAAiB,EACjC,CAACJ,QAAQ,EAAED,QAAQ,CAAC,EACpB,CAACE,MAAM,CAACI,cAAc,EAAEJ,MAAM,CAACK,OAAO,EAAEL,MAAM,CAACM,cAAc,CAAC,CAC/D;EAED,oBACErB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAU,gBAC5B1B,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAuB,MAAM;IAACC,IAAI,EAAE,EAAG;IAACjB,GAAG,EAAEA,GAAI;IAACkB,cAAc,EAAEJ,MAAM,CAACK;EAAO,EAAG,eAC7D9B,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAACnB,YAAA,CAAAoB,IAAI;IAACC,KAAK,EAAE,CAACC,MAAM,CAACM,aAAa,EAAE;MAAEC,iBAAiB,EAAEjB,MAAM,CAACI;IAAe,CAAC;EAAE,gBAChFnB,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAA6B,IAAI;IAACC,SAAS;IAACC,aAAa,EAAE,CAAE;IAACX,KAAK,EAAEC,MAAM,CAACb,IAAK;IAACwB,KAAK,EAAErB,MAAM,CAACsB;EAAe,GAChFzB,IAAI,CACA,eACPZ,MAAA,CAAAQ,OAAA,CAAAc,aAAA,CAAClB,2BAAA,CAAAkC,IAAI;IAACF,KAAK,EAAEnB,SAAU;IAACW,IAAI,EAAE,EAAG;IAACW,IAAI,EAAE1B,QAAQ,GAAG,aAAa,GAAG;EAAe,EAAG,CAChF,CACF;AAEX,CAAC;AAED,MAAMY,MAAM,GAAG,IAAAe,4CAAgB,EAAC;EAC9Bd,SAAS,EAAE;IACTe,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,EAAE;IACVC,iBAAiB,EAAE;EACrB,CAAC;EACDf,MAAM,EAAE;IACNgB,WAAW,EAAE;EACf,CAAC;EACDf,aAAa,EAAE;IACba,MAAM,EAAE,MAAM;IACdG,IAAI,EAAE,CAAC;IACPL,UAAU,EAAE,QAAQ;IACpBD,aAAa,EAAE,KAAK;IACpBO,iBAAiB,EAAE;EACrB,CAAC;EACDpC,IAAI,EAAE;IACJmC,IAAI,EAAE,CAAC;IACPD,WAAW,EAAE;EACf;AACF,CAAC,CAAC;AAAC,IAAAG,QAAA,GAEYxC,iBAAiB;AAAAyC,OAAA,CAAA1C,OAAA,GAAAyC,QAAA"}

package/lib/commonjs/constants.js.map

@@ -1 +1 @@
-{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","DEPRECATION_WARNING","GROUP_CHANNEL","ON_PRESS_IMAGE_MESSAGE","UNKNOWN_USER_ID"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const DEPRECATION_WARNING = {\n  GROUP_CHANNEL: {\n    ON_PRESS_IMAGE_MESSAGE: '`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead',\n  },\n} as const;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\n"],"mappings":";;;;;;AAAO,MAAMA,wBAAwB,GAAG,GAAjC;;AACA,MAAMC,mBAAmB,GAAG;EACjCC,aAAa,EAAE;IACbC,sBAAsB,EAAE;EADX;AADkB,CAA5B;;AAMA,MAAMC,eAAe,GAAG,iCAAxB"}
+{"version":3,"names":["DEFAULT_LONG_PRESS_DELAY","exports","DEPRECATION_WARNING","GROUP_CHANNEL","ON_PRESS_IMAGE_MESSAGE","UNKNOWN_USER_ID"],"sources":["constants.ts"],"sourcesContent":["export const DEFAULT_LONG_PRESS_DELAY = 350;\nexport const DEPRECATION_WARNING = {\n  GROUP_CHANNEL: {\n    ON_PRESS_IMAGE_MESSAGE: '`onPressImageMessage` is deprecated, please use `onPressMediaMessage` instead',\n  },\n} as const;\n\nexport const UNKNOWN_USER_ID = '##__USER_ID_IS_NOT_PROVIDED__##';\n"],"mappings":";;;;;;AAAO,MAAMA,wBAAwB,GAAG,GAAG;AAACC,OAAA,CAAAD,wBAAA,GAAAA,wBAAA;AACrC,MAAME,mBAAmB,GAAG;EACjCC,aAAa,EAAE;IACbC,sBAAsB,EAAE;EAC1B;AACF,CAAU;AAACH,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAEJ,MAAMG,eAAe,GAAG,iCAAiC;AAACJ,OAAA,CAAAI,eAAA,GAAAA,eAAA"}

package/lib/commonjs/containers/GroupChannelPreviewContainer.js

@@ -4,36 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _uikitChatHooks = require("@sendbird/uikit-chat-hooks");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _ChannelCover = _interopRequireDefault(require("../components/ChannelCover"));
-
 var _constants = require("../constants");
-
 var _useContext = require("../hooks/useContext");
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 const iconMapper = {
   audio: 'file-audio',
   image: 'photo',
   video: 'play',
   file: 'file-document'
 };
-
 const GroupChannelPreviewContainer = _ref => {
   let {
     onPress,
@@ -53,7 +40,6 @@ const GroupChannelPreviewContainer = _ref => {
     colors
   } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
   const [typingUsers, setTypingUsers] = (0, _react.useState)([]);
-
   if (features.channelListTypingIndicatorEnabled) {
     const handlerId = (0, _uikitUtils.useUniqHandlerId)('GroupChannelPreviewContainer_TypingIndicator');
     (0, _uikitChatHooks.useChannelHandler)(sdk, handlerId, {
@@ -61,17 +47,14 @@ const GroupChannelPreviewContainer = _ref => {
         if ((0, _uikitUtils.isDifferentChannel)(channel, eventChannel)) return;
         setTypingUsers(eventChannel.getTypingUsers());
       }
-
     });
   }
-
   const outgoingStatus = (0, _uikitChatHooks.useMessageOutgoingStatus)(sdk, channel, channel.lastMessage);
   const bodyText = (0, _uikitUtils.useIIFE)(() => {
     if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);
   });
   const bodyIcon = (0, _uikitUtils.useIIFE)(() => {
     var _channel$lastMessage;
-
     if (!((_channel$lastMessage = channel.lastMessage) !== null && _channel$lastMessage !== void 0 && _channel$lastMessage.isFileMessage())) return undefined;
     if (typingUsers.length > 0) return undefined;
     return iconMapper[(0, _uikitUtils.getFileType)(channel.lastMessage.type || (0, _uikitUtils.getFileExtension)(channel.lastMessage.name))];
@@ -80,14 +63,12 @@ const GroupChannelPreviewContainer = _ref => {
     if (!channel.lastMessage) return undefined;
     if (!features.channelListMessageReceiptStatusEnabled) return undefined;
     if (!(0, _uikitUtils.isMyMessage)(channel.lastMessage, currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId)) return undefined;
-
     if (outgoingStatus === 'PENDING') {
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.LoadingSpinner, {
         size: 16,
         style: styles.titleCaptionIcon
       });
     }
-
     if (outgoingStatus === 'FAILED') {
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
         icon: 'error',
@@ -96,7 +77,6 @@ const GroupChannelPreviewContainer = _ref => {
         style: styles.titleCaptionIcon
       });
     }
-
     if (outgoingStatus === 'UNDELIVERED') {
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
         icon: 'done',
@@ -105,7 +85,6 @@ const GroupChannelPreviewContainer = _ref => {
         containerStyle: styles.titleCaptionIcon
       });
     }
-
     if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
         icon: 'done-all',
@@ -114,7 +93,6 @@ const GroupChannelPreviewContainer = _ref => {
         style: styles.titleCaptionIcon
       });
     }
-
     if (outgoingStatus === 'READ') {
       return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
         icon: 'done-all',
@@ -123,7 +101,6 @@ const GroupChannelPreviewContainer = _ref => {
         style: styles.titleCaptionIcon
       });
     }
-
     return undefined;
   });
   return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
@@ -150,7 +127,6 @@ const GroupChannelPreviewContainer = _ref => {
     notificationOff: channel.myPushTriggerOption === 'off'
   }));
 };
-
 const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
   titleCaptionIcon: {
     marginRight: 4

package/lib/commonjs/containers/GroupChannelPreviewContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["iconMapper","audio","image","video","file","GroupChannelPreviewContainer","onPress","onLongPress","channel","currentUser","sdk","features","mentionManager","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","typingUsers","setTypingUsers","useState","channelListTypingIndicatorEnabled","handlerId","useUniqHandlerId","useChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","getTypingUsers","outgoingStatus","useMessageOutgoingStatus","lastMessage","bodyText","useIIFE","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","bodyIcon","isFileMessage","undefined","getFileType","type","getFileExtension","name","titleCaptionIcon","channelListMessageReceiptStatusEnabled","isMyMessage","userId","styles","error","onBackground03","secondary","DEFAULT_LONG_PRESS_DELAY","coverUrl","CHANNEL_PREVIEW_TITLE","CHANNEL_PREVIEW_TITLE_CAPTION","unreadMessageCount","unreadMentionCount","config","trigger","memberCount","isFrozen","isBroadcast","myPushTriggerOption","createStyleSheet","marginRight","broadcastCover","padding","borderRadius"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  Icon,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  getFileExtension,\n  getFileType,\n  isDifferentChannel,\n  isMyMessage,\n  useIIFE,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, features, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n  if (features.channelListTypingIndicatorEnabled) {\n    const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');\n    useChannelHandler(sdk, handlerId, {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        setTypingUsers(eventChannel.getTypingUsers());\n      },\n    });\n  }\n\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const bodyIcon = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    if (typingUsers.length > 0) return undefined;\n    return iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))];\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage) return undefined;\n    if (!features.channelListMessageReceiptStatusEnabled) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (outgoingStatus === 'PENDING') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'FAILED') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'UNDELIVERED') {\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {\n      return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'READ') {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    return undefined;\n  });\n\n  return (\n    <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={bodyIcon}\n        badgeCount={channel.unreadMessageCount}\n        mentioned={channel.unreadMentionCount > 0}\n        mentionTrigger={mentionManager.config.trigger}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        broadcast={channel.isBroadcast}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginRight: 4,\n  },\n  broadcastCover: {\n    padding: 12,\n    borderRadius: 28,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_uikitChatHooks","_uikitReactNativeFoundation","_uikitUtils","_ChannelCover","_interopRequireDefault","_constants","_useContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","iconMapper","audio","image","video","file","GroupChannelPreviewContainer","_ref","onPress","onLongPress","channel","currentUser","sdk","features","mentionManager","useSendbirdChat","STRINGS","useLocalization","colors","useUIKitTheme","typingUsers","setTypingUsers","useState","channelListTypingIndicatorEnabled","handlerId","useUniqHandlerId","useChannelHandler","onTypingStatusUpdated","eventChannel","isDifferentChannel","getTypingUsers","outgoingStatus","useMessageOutgoingStatus","lastMessage","bodyText","useIIFE","length","LABELS","TYPING_INDICATOR_TYPINGS","GROUP_CHANNEL_LIST","CHANNEL_PREVIEW_BODY","bodyIcon","_channel$lastMessage","isFileMessage","undefined","getFileType","type","getFileExtension","name","titleCaptionIcon","channelListMessageReceiptStatusEnabled","isMyMessage","userId","createElement","LoadingSpinner","size","style","styles","Icon","icon","color","error","onBackground03","containerStyle","secondary","Pressable","delayLongPress","DEFAULT_LONG_PRESS_DELAY","GroupChannelPreview","customCover","coverUrl","title","CHANNEL_PREVIEW_TITLE","titleCaptionLeft","titleCaption","CHANNEL_PREVIEW_TITLE_CAPTION","body","badgeCount","unreadMessageCount","mentioned","unreadMentionCount","mentionTrigger","config","trigger","memberCount","frozen","isFrozen","broadcast","isBroadcast","notificationOff","myPushTriggerOption","createStyleSheet","marginRight","broadcastCover","padding","borderRadius","_default","exports"],"sources":["GroupChannelPreviewContainer.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { Pressable } from 'react-native';\n\nimport { useChannelHandler, useMessageOutgoingStatus } from '@sendbird/uikit-chat-hooks';\nimport {\n  GroupChannelPreview,\n  Icon,\n  LoadingSpinner,\n  createStyleSheet,\n  useUIKitTheme,\n} from '@sendbird/uikit-react-native-foundation';\nimport {\n  SendbirdGroupChannel,\n  SendbirdUser,\n  getFileExtension,\n  getFileType,\n  isDifferentChannel,\n  isMyMessage,\n  useIIFE,\n  useUniqHandlerId,\n} from '@sendbird/uikit-utils';\n\nimport ChannelCover from '../components/ChannelCover';\nimport { DEFAULT_LONG_PRESS_DELAY } from '../constants';\nimport { useLocalization, useSendbirdChat } from '../hooks/useContext';\n\nconst iconMapper = { audio: 'file-audio', image: 'photo', video: 'play', file: 'file-document' } as const;\n\ntype Props = {\n  channel: SendbirdGroupChannel;\n  onPress: () => void;\n  onLongPress: () => void;\n};\nconst GroupChannelPreviewContainer = ({ onPress, onLongPress, channel }: Props) => {\n  const { currentUser, sdk, features, mentionManager } = useSendbirdChat();\n  const { STRINGS } = useLocalization();\n  const { colors } = useUIKitTheme();\n\n  const [typingUsers, setTypingUsers] = useState<SendbirdUser[]>([]);\n\n  if (features.channelListTypingIndicatorEnabled) {\n    const handlerId = useUniqHandlerId('GroupChannelPreviewContainer_TypingIndicator');\n    useChannelHandler(sdk, handlerId, {\n      onTypingStatusUpdated(eventChannel) {\n        if (isDifferentChannel(channel, eventChannel)) return;\n        setTypingUsers(eventChannel.getTypingUsers());\n      },\n    });\n  }\n\n  const outgoingStatus = useMessageOutgoingStatus(sdk, channel, channel.lastMessage);\n\n  const bodyText = useIIFE(() => {\n    if (typingUsers.length > 0) return STRINGS.LABELS.TYPING_INDICATOR_TYPINGS(typingUsers) || '';\n    else return STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_BODY(channel);\n  });\n\n  const bodyIcon = useIIFE(() => {\n    if (!channel.lastMessage?.isFileMessage()) return undefined;\n    if (typingUsers.length > 0) return undefined;\n    return iconMapper[getFileType(channel.lastMessage.type || getFileExtension(channel.lastMessage.name))];\n  });\n\n  const titleCaptionIcon = useIIFE(() => {\n    if (!channel.lastMessage) return undefined;\n    if (!features.channelListMessageReceiptStatusEnabled) return undefined;\n    if (!isMyMessage(channel.lastMessage, currentUser?.userId)) return undefined;\n\n    if (outgoingStatus === 'PENDING') {\n      return <LoadingSpinner size={16} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'FAILED') {\n      return <Icon icon={'error'} size={16} color={colors.error} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'UNDELIVERED') {\n      return <Icon icon={'done'} size={16} color={colors.onBackground03} containerStyle={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'DELIVERED' || outgoingStatus === 'UNREAD') {\n      return <Icon icon={'done-all'} size={16} color={colors.onBackground03} style={styles.titleCaptionIcon} />;\n    }\n\n    if (outgoingStatus === 'READ') {\n      return <Icon icon={'done-all'} size={16} color={colors.secondary} style={styles.titleCaptionIcon} />;\n    }\n\n    return undefined;\n  });\n\n  return (\n    <Pressable delayLongPress={DEFAULT_LONG_PRESS_DELAY} onPress={onPress} onLongPress={onLongPress}>\n      <GroupChannelPreview\n        customCover={<ChannelCover channel={channel} size={56} />}\n        coverUrl={channel.coverUrl}\n        title={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE(currentUser?.userId ?? '', channel)}\n        titleCaptionLeft={titleCaptionIcon}\n        titleCaption={STRINGS.GROUP_CHANNEL_LIST.CHANNEL_PREVIEW_TITLE_CAPTION(channel)}\n        body={bodyText}\n        bodyIcon={bodyIcon}\n        badgeCount={channel.unreadMessageCount}\n        mentioned={channel.unreadMentionCount > 0}\n        mentionTrigger={mentionManager.config.trigger}\n        memberCount={channel.memberCount > 2 ? channel.memberCount : undefined}\n        frozen={channel.isFrozen}\n        broadcast={channel.isBroadcast}\n        notificationOff={channel.myPushTriggerOption === 'off'}\n      />\n    </Pressable>\n  );\n};\n\nconst styles = createStyleSheet({\n  titleCaptionIcon: {\n    marginRight: 4,\n  },\n  broadcastCover: {\n    padding: 12,\n    borderRadius: 28,\n  },\n});\n\nexport default GroupChannelPreviewContainer;\n"],"mappings":"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"}

package/lib/commonjs/containers/InternalErrorBoundaryContainer.js

@@ -4,17 +4,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("react-native");
-
 var _TypedPlaceholder = _interopRequireDefault(require("../components/TypedPlaceholder"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return typeof key === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (typeof input !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (typeof res !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
 const DefaultErrorBoundaryComponent = props => {
   return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: {
@@ -27,19 +23,15 @@ const DefaultErrorBoundaryComponent = props => {
     onPressRetry: props.reset
   }));
 };
-
 class InternalErrorBoundaryContainer extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
-
     _defineProperty(this, "state", {
       error: null,
       errorInfo: null
     });
-
     _defineProperty(this, "componentDidCatch", (error, errorInfo) => {
       var _this$props$onError, _this$props;
-
       this.setState({
         error,
         errorInfo
@@ -50,35 +42,28 @@ class InternalErrorBoundaryContainer extends _react.default.PureComponent {
         reset: this.reset
       });
     });
-
     _defineProperty(this, "reset", () => {
       this.setState({
         error: null,
         errorInfo: null
       });
     });
-
     _defineProperty(this, "render", () => {
       if (this.state.error && this.state.errorInfo) {
         var _this$props$ErrorInfo, _this$props2;
-
         return ((_this$props$ErrorInfo = (_this$props2 = this.props).ErrorInfoComponent) === null || _this$props$ErrorInfo === void 0 ? void 0 : _this$props$ErrorInfo.call(_this$props2, {
           error: this.state.error,
           errorInfo: this.state.errorInfo,
           reset: this.reset
         })) ?? null;
       }
-
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, this.props.children);
     });
   }
-
 }
-
 _defineProperty(InternalErrorBoundaryContainer, "defaultProps", {
   ErrorInfoComponent: DefaultErrorBoundaryComponent
 });
-
 var _default = InternalErrorBoundaryContainer;
 exports.default = _default;
 //# sourceMappingURL=InternalErrorBoundaryContainer.js.map

package/lib/commonjs/containers/InternalErrorBoundaryContainer.js.map

@@ -1 +1 @@
-{"version":3,"names":["DefaultErrorBoundaryComponent","props","flex","justifyContent","alignItems","reset","InternalErrorBoundaryContainer","React","PureComponent","error","errorInfo","setState","onError","state","ErrorInfoComponent","children"],"sources":["InternalErrorBoundaryContainer.tsx"],"sourcesContent":["import React, { ErrorInfo } from 'react';\nimport { View } from 'react-native';\n\nimport TypedPlaceholder from '../components/TypedPlaceholder';\nimport type { ErrorBoundaryProps } from '../types';\n\nconst DefaultErrorBoundaryComponent = (props: ErrorBoundaryProps) => {\n  return (\n    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={props.reset} />\n    </View>\n  );\n};\n\nclass InternalErrorBoundaryContainer extends React.PureComponent<{\n  onError?: (props: ErrorBoundaryProps) => void;\n  ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;\n  children?: React.ReactNode;\n}> {\n  static defaultProps = {\n    ErrorInfoComponent: DefaultErrorBoundaryComponent,\n  };\n\n  state: { error: Error | null; errorInfo: ErrorInfo | null } = {\n    error: null,\n    errorInfo: null,\n  };\n\n  componentDidCatch = (error: Error, errorInfo: ErrorInfo) => {\n    this.setState({ error, errorInfo });\n    this.props.onError?.({ error, errorInfo, reset: this.reset });\n  };\n\n  reset = () => {\n    this.setState({ error: null, errorInfo: null });\n  };\n\n  render = () => {\n    if (this.state.error && this.state.errorInfo) {\n      return (\n        this.props.ErrorInfoComponent?.({\n          error: this.state.error,\n          errorInfo: this.state.errorInfo,\n          reset: this.reset,\n        }) ?? null\n      );\n    }\n\n    return <>{this.props.children}</>;\n  };\n}\n\nexport default InternalErrorBoundaryContainer;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;AAGA,MAAMA,6BAA6B,GAAIC,KAAD,IAA+B;EACnE,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE;MAAEC,IAAI,EAAE,CAAR;MAAWC,cAAc,EAAE,QAA3B;MAAqCC,UAAU,EAAE;IAAjD;EAAb,gBACE,6BAAC,yBAAD;IAAkB,IAAI,EAAE,aAAxB;IAAuC,YAAY,EAAEH,KAAK,CAACI;EAA3D,EADF,CADF;AAKD,CAND;;AAQA,MAAMC,8BAAN,SAA6CC,cAAA,CAAMC,aAAnD,CAIG;EAAA;IAAA;;IAAA,+BAK6D;MAC5DC,KAAK,EAAE,IADqD;MAE5DC,SAAS,EAAE;IAFiD,CAL7D;;IAAA,2CAUmB,CAACD,KAAD,EAAeC,SAAf,KAAwC;MAAA;;MAC1D,KAAKC,QAAL,CAAc;QAAEF,KAAF;QAASC;MAAT,CAAd;MACA,2CAAKT,KAAL,EAAWW,OAAX,8FAAqB;QAAEH,KAAF;QAASC,SAAT;QAAoBL,KAAK,EAAE,KAAKA;MAAhC,CAArB;IACD,CAbA;;IAAA,+BAeO,MAAM;MACZ,KAAKM,QAAL,CAAc;QAAEF,KAAK,EAAE,IAAT;QAAeC,SAAS,EAAE;MAA1B,CAAd;IACD,CAjBA;;IAAA,gCAmBQ,MAAM;MACb,IAAI,KAAKG,KAAL,CAAWJ,KAAX,IAAoB,KAAKI,KAAL,CAAWH,SAAnC,EAA8C;QAAA;;QAC5C,OACE,+CAAKT,KAAL,EAAWa,kBAAX,mGAAgC;UAC9BL,KAAK,EAAE,KAAKI,KAAL,CAAWJ,KADY;UAE9BC,SAAS,EAAE,KAAKG,KAAL,CAAWH,SAFQ;UAG9BL,KAAK,EAAE,KAAKA;QAHkB,CAAhC,MAIM,IALR;MAOD;;MAED,oBAAO,4DAAG,KAAKJ,KAAL,CAAWc,QAAd,CAAP;IACD,CA/BA;EAAA;;AAAA;;gBAJGT,8B,kBAKkB;EACpBQ,kBAAkB,EAAEd;AADA,C;;eAiCTM,8B"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_TypedPlaceholder","obj","__esModule","default","_defineProperty","key","value","_toPropertyKey","Object","defineProperty","enumerable","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","TypeError","Number","DefaultErrorBoundaryComponent","props","createElement","View","style","flex","justifyContent","alignItems","type","onPressRetry","reset","InternalErrorBoundaryContainer","React","PureComponent","constructor","arguments","error","errorInfo","_this$props$onError","_this$props","setState","onError","state","_this$props$ErrorInfo","_this$props2","ErrorInfoComponent","Fragment","children","_default","exports"],"sources":["InternalErrorBoundaryContainer.tsx"],"sourcesContent":["import React, { ErrorInfo } from 'react';\nimport { View } from 'react-native';\n\nimport TypedPlaceholder from '../components/TypedPlaceholder';\nimport type { ErrorBoundaryProps } from '../types';\n\nconst DefaultErrorBoundaryComponent = (props: ErrorBoundaryProps) => {\n  return (\n    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\n      <TypedPlaceholder type={'error-wrong'} onPressRetry={props.reset} />\n    </View>\n  );\n};\n\nclass InternalErrorBoundaryContainer extends React.PureComponent<{\n  onError?: (props: ErrorBoundaryProps) => void;\n  ErrorInfoComponent?: (props: ErrorBoundaryProps) => JSX.Element;\n  children?: React.ReactNode;\n}> {\n  static defaultProps = {\n    ErrorInfoComponent: DefaultErrorBoundaryComponent,\n  };\n\n  state: { error: Error | null; errorInfo: ErrorInfo | null } = {\n    error: null,\n    errorInfo: null,\n  };\n\n  componentDidCatch = (error: Error, errorInfo: ErrorInfo) => {\n    this.setState({ error, errorInfo });\n    this.props.onError?.({ error, errorInfo, reset: this.reset });\n  };\n\n  reset = () => {\n    this.setState({ error: null, errorInfo: null });\n  };\n\n  render = () => {\n    if (this.state.error && this.state.errorInfo) {\n      return (\n        this.props.ErrorInfoComponent?.({\n          error: this.state.error,\n          errorInfo: this.state.errorInfo,\n          reset: this.reset,\n        }) ?? null\n      );\n    }\n\n    return <>{this.props.children}</>;\n  };\n}\n\nexport default InternalErrorBoundaryContainer;\n"],"mappings":"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"}

package/lib/commonjs/containers/SendbirdUIKitContainer.js

@@ -4,59 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.SendbirdUIKit = void 0;
-
 var _react = _interopRequireWildcard(require("react"));
-
 var _reactNative = require("react-native");
-
 var _reactNativeSafeAreaContext = require("react-native-safe-area-context");
-
 var _chat = _interopRequireDefault(require("@sendbird/chat"));
-
 var _groupChannel = require("@sendbird/chat/groupChannel");
-
 var _openChannel = require("@sendbird/chat/openChannel");
-
 var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
 var _uikitUtils = require("@sendbird/uikit-utils");
-
 var _LocalizationCtx = require("../contexts/LocalizationCtx");
-
 var _PlatformServiceCtx = require("../contexts/PlatformServiceCtx");
-
 var _ReactionCtx = require("../contexts/ReactionCtx");
-
 var _SendbirdChatCtx = require("../contexts/SendbirdChatCtx");
-
 var _UserProfileCtx = require("../contexts/UserProfileCtx");
-
 var _EmojiManager = _interopRequireDefault(require("../libs/EmojiManager"));
-
 var _ImageCompressionConfig = _interopRequireDefault(require("../libs/ImageCompressionConfig"));
-
 var _InternalLocalCacheStorage = _interopRequireDefault(require("../libs/InternalLocalCacheStorage"));
-
 var _MentionConfig = _interopRequireDefault(require("../libs/MentionConfig"));
-
 var _MentionManager = _interopRequireDefault(require("../libs/MentionManager"));
-
 var _StringSet = _interopRequireDefault(require("../localization/StringSet.en"));
-
 var _dynamicModule = _interopRequireDefault(require("../platform/dynamicModule"));
-
 var _version = _interopRequireDefault(require("../version"));
-
 var _InternalErrorBoundaryContainer = _interopRequireDefault(require("./InternalErrorBoundaryContainer"));
-
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
 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; }
-
 const NetInfo = _dynamicModule.default.get('@react-native-community/netinfo', 'warn');
-
 const SendbirdUIKit = Object.freeze({
   VERSION: _version.default,
   PLATFORM: _reactNative.Platform.OS.toLowerCase(),
@@ -70,7 +43,6 @@ const SendbirdUIKit = Object.freeze({
   }
 });
 exports.SendbirdUIKit = SendbirdUIKit;
-
 const SendbirdUIKitContainer = _ref => {
   let {
     children,
@@ -118,7 +90,6 @@ const SendbirdUIKitContainer = _ref => {
       setSdkInstance(sendbird.chatSDK);
       unsubscribes.current = sendbird.unsubscribes;
     }
-
     return () => {
       if (!isFirstMount) {
         unsubscribes.current.forEach(u => {
@@ -129,7 +100,6 @@ const SendbirdUIKitContainer = _ref => {
       }
     };
   }, [appId, internalStorage]);
-
   const renderChildren = () => {
     if (errorBoundary !== null && errorBoundary !== void 0 && errorBoundary.disabled) {
       return children;
@@ -137,7 +107,6 @@ const SendbirdUIKitContainer = _ref => {
       return /*#__PURE__*/_react.default.createElement(_InternalErrorBoundaryContainer.default, errorBoundary, children);
     }
   };
-
   return /*#__PURE__*/_react.default.createElement(_reactNativeSafeAreaContext.SafeAreaProvider, null, /*#__PURE__*/_react.default.createElement(_SendbirdChatCtx.SendbirdChatProvider, {
     sdkInstance: sdkInstance,
     emojiManager: emojiManager,
@@ -184,7 +153,6 @@ const SendbirdUIKitContainer = _ref => {
     }, renderChildren());
   }))))))))));
 };
-
 const initializeSendbird = (appId, internalStorage, onInitialized) => {
   const unsubscribes = [];
   let chatSDK;
@@ -195,22 +163,17 @@ const initializeSendbird = (appId, internalStorage, onInitialized) => {
     useAsyncStorageStore: internalStorage,
     newInstance: true
   });
-
   if (onInitialized) {
     chatSDK = onInitialized(chatSDK);
   }
-
   if (SendbirdUIKit.VERSION) {
     chatSDK.addExtension('sb_uikit', SendbirdUIKit.VERSION);
   }
-
   if (SendbirdUIKit.PLATFORM) {
     chatSDK.addExtension('device-os-platform', SendbirdUIKit.PLATFORM);
   }
-
   if (NetInfo !== null && NetInfo !== void 0 && NetInfo.addEventListener) {
     var _chatSDK$setOnlineLis, _chatSDK, _chatSDK$setOfflineLi, _chatSDK2;
-
     try {
       // NOTE: For removing buggy behavior of NetInfo.addEventListener
       //  When you first add an event listener, it is assumed that the initialization of the internal event detector is done simultaneously.
@@ -219,36 +182,32 @@ const initializeSendbird = (appId, internalStorage, onInitialized) => {
       //   - and the internal initialization event
       NetInfo.addEventListener(_uikitUtils.NOOP)();
     } catch {}
-
     const listener = (callback, callbackType) => {
       let callCount = 0;
       const unsubscribe = NetInfo.addEventListener(state => {
-        const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable); // NOTE: When NetInfo.addEventListener is called
+        const online = Boolean(state.isConnected) || Boolean(state.isInternetReachable);
+
+        // NOTE: When NetInfo.addEventListener is called
         //  the event is immediately triggered regardless of whether the event actually occurred.
         //  This is why it filters the first event.
-
         if (callCount === 0) {
           callCount++;
           return;
         }
-
         if (online && callbackType === 'online') callback();
         if (!online && callbackType === 'offline') callback();
       });
       unsubscribes.push(unsubscribe);
       return unsubscribe;
     };
-
     (_chatSDK$setOnlineLis = (_chatSDK = chatSDK).setOnlineListener) === null || _chatSDK$setOnlineLis === void 0 ? void 0 : _chatSDK$setOnlineLis.call(_chatSDK, onOnline => listener(onOnline, 'online'));
     (_chatSDK$setOfflineLi = (_chatSDK2 = chatSDK).setOfflineListener) === null || _chatSDK$setOfflineLi === void 0 ? void 0 : _chatSDK$setOfflineLi.call(_chatSDK2, onOffline => listener(onOffline, 'offline'));
   }
-
   return {
     chatSDK,
     unsubscribes
   };
 };
-
 var _default = SendbirdUIKitContainer;
 exports.default = _default;
 //# sourceMappingURL=SendbirdUIKitContainer.js.map