@sendbird/uikit-react-native 1.0.0 → 1.0.1

package/lib/commonjs/components/MessageRenderer/index.js

@@ -1,189 +0,0 @@
-"use strict";
-
-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");
-
-var _constants = require("../../constants");
-
-var _AdminMessage = _interopRequireDefault(require("./AdminMessage"));
-
-var _FileMessage = _interopRequireDefault(require("./FileMessage"));
-
-var _MessageContainer = _interopRequireDefault(require("./MessageContainer"));
-
-var _MessageDateSeparator = _interopRequireDefault(require("./MessageDateSeparator"));
-
-var _MessageIncomingAvatar = _interopRequireDefault(require("./MessageIncomingAvatar"));
-
-var _MessageIncomingSenderName = _interopRequireDefault(require("./MessageIncomingSenderName"));
-
-var _MessageOutgoingStatus = _interopRequireDefault(require("./MessageOutgoingStatus"));
-
-var _MessageTime = _interopRequireDefault(require("./MessageTime"));
-
-var _UnknownMessage = _interopRequireDefault(require("./UnknownMessage"));
-
-var _UserMessage = _interopRequireDefault(require("./UserMessage"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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); }
-
-const MessageRenderer = _ref => {
-  let {
-    currentUserId,
-    channel,
-    message,
-    onPress,
-    onLongPress,
-    ...rest
-  } = _ref;
-  const variant = (0, _uikitUtils.isMyMessage)(message, currentUserId) ? 'outgoing' : 'incoming';
-  const isOutgoing = variant === 'outgoing';
-  const isIncoming = variant === 'incoming';
-  const variantContainerStyle = {
-    incoming: styles.chatIncoming,
-    outgoing: styles.chatOutgoing
-  }[variant];
-  const {
-    groupWithPrev,
-    groupWithNext
-  } = (0, _uikitUtils.calcMessageGrouping)(Boolean(rest.enableMessageGrouping), message, rest.prevMessage, rest.nextMessage);
-  const messageComponent = (0, _uikitUtils.useIIFE)(() => {
-    const pressableProps = {
-      style: styles.msgContainer,
-      disabled: !onPress && !onLongPress,
-      onPress,
-      onLongPress,
-      delayLongPress: _constants.DEFAULT_LONG_PRESS_DELAY
-    };
-    const messageProps = { ...rest,
-      variant,
-      groupWithNext,
-      groupWithPrev
-    };
-
-    if (message.isUserMessage()) {
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref2 => {
-        let {
-          pressed
-        } = _ref2;
-        return /*#__PURE__*/_react.default.createElement(_UserMessage.default, _extends({
-          message: message,
-          pressed: pressed
-        }, messageProps));
-      });
-    }
-
-    if (message.isFileMessage()) {
-      return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref3 => {
-        let {
-          pressed
-        } = _ref3;
-        return /*#__PURE__*/_react.default.createElement(_FileMessage.default, _extends({
-          message: message,
-          pressed: pressed
-        }, messageProps));
-      });
-    }
-
-    if (message.isAdminMessage()) {
-      return /*#__PURE__*/_react.default.createElement(_AdminMessage.default, _extends({
-        message: message,
-        pressed: false
-      }, messageProps));
-    }
-
-    return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, pressableProps, _ref4 => {
-      let {
-        pressed
-      } = _ref4;
-      return /*#__PURE__*/_react.default.createElement(_UnknownMessage.default, _extends({
-        message: message,
-        pressed: pressed
-      }, messageProps));
-    });
-  });
-  return /*#__PURE__*/_react.default.createElement(_MessageContainer.default, null, /*#__PURE__*/_react.default.createElement(_MessageDateSeparator.default, {
-    message: message,
-    prevMessage: rest.prevMessage
-  }), message.isAdminMessage() && messageComponent, !message.isAdminMessage() && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [variantContainerStyle, (0, _uikitUtils.conditionChaining)([groupWithNext, Boolean(rest.nextMessage)], [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage])]
-  }, isOutgoing && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.outgoingContainer
-  }, /*#__PURE__*/_react.default.createElement(_MessageOutgoingStatus.default, {
-    channel: channel,
-    message: message
-  }), /*#__PURE__*/_react.default.createElement(_MessageTime.default, {
-    message: message,
-    grouping: groupWithNext,
-    style: styles.timeOutgoing
-  })), isIncoming && /*#__PURE__*/_react.default.createElement(_MessageIncomingAvatar.default, {
-    message: message,
-    grouping: groupWithNext
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, isIncoming && /*#__PURE__*/_react.default.createElement(_MessageIncomingSenderName.default, {
-    message: message,
-    grouping: groupWithPrev
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.bubbleContainer
-  }, messageComponent, isIncoming && /*#__PURE__*/_react.default.createElement(_MessageTime.default, {
-    message: message,
-    grouping: groupWithNext,
-    style: styles.timeIncoming
-  })))));
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  chatIncoming: {
-    flexDirection: 'row',
-    justifyContent: 'flex-start',
-    alignItems: 'flex-end'
-  },
-  chatOutgoing: {
-    flexDirection: 'row',
-    justifyContent: 'flex-end',
-    alignItems: 'flex-end'
-  },
-  timeIncoming: {
-    marginLeft: 4
-  },
-  timeOutgoing: {
-    marginRight: 4
-  },
-  chatGroup: {
-    marginBottom: 2
-  },
-  chatNonGroup: {
-    marginBottom: 16
-  },
-  chatLastMessage: {
-    marginBottom: 16
-  },
-  msgContainer: {
-    maxWidth: 240
-  },
-  bubbleContainer: {
-    flexDirection: 'row',
-    alignItems: 'flex-end'
-  },
-  outgoingContainer: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    justifyContent: 'center'
-  }
-});
-
-var _default = /*#__PURE__*/_react.default.memo(MessageRenderer);
-
-exports.default = _default;
-//# sourceMappingURL=index.js.map

package/lib/commonjs/components/MessageRenderer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["MessageRenderer","currentUserId","channel","message","onPress","onLongPress","rest","variant","isMyMessage","isOutgoing","isIncoming","variantContainerStyle","incoming","styles","chatIncoming","outgoing","chatOutgoing","groupWithPrev","groupWithNext","calcMessageGrouping","Boolean","enableMessageGrouping","prevMessage","nextMessage","messageComponent","useIIFE","pressableProps","style","msgContainer","disabled","delayLongPress","DEFAULT_LONG_PRESS_DELAY","messageProps","isUserMessage","pressed","isFileMessage","isAdminMessage","conditionChaining","chatGroup","chatNonGroup","chatLastMessage","outgoingContainer","timeOutgoing","bubbleContainer","timeIncoming","createStyleSheet","flexDirection","justifyContent","alignItems","marginLeft","marginRight","marginBottom","maxWidth","React","memo"],"sources":["index.tsx"],"sourcesContent":["import React from 'react';\nimport { Pressable, View } from 'react-native';\n\nimport { createStyleSheet } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\nimport { calcMessageGrouping, conditionChaining, isMyMessage, useIIFE } from '@sendbird/uikit-utils';\n\nimport { DEFAULT_LONG_PRESS_DELAY } from '../../constants';\nimport type { GroupChannelProps } from '../../domain/groupChannel/types';\nimport AdminMessage from './AdminMessage';\nimport FileMessage from './FileMessage';\nimport MessageContainer from './MessageContainer';\nimport MessageDateSeparator from './MessageDateSeparator';\nimport MessageIncomingAvatar from './MessageIncomingAvatar';\nimport MessageIncomingSenderName from './MessageIncomingSenderName';\nimport MessageOutgoingStatus from './MessageOutgoingStatus';\nimport MessageTime from './MessageTime';\nimport UnknownMessage from './UnknownMessage';\nimport UserMessage from './UserMessage';\n\ntype MessageStyleVariant = 'outgoing' | 'incoming';\nexport interface MessageRendererInterface<T = SendbirdMessage> {\n  message: T;\n  prevMessage?: SendbirdMessage;\n  nextMessage?: SendbirdMessage;\n  variant: MessageStyleVariant;\n  groupWithPrev: boolean;\n  groupWithNext: boolean;\n  pressed: boolean;\n}\n\nconst MessageRenderer: GroupChannelProps['Fragment']['renderMessage'] = ({\n  currentUserId,\n  channel,\n  message,\n  onPress,\n  onLongPress,\n  ...rest\n}) => {\n  const variant: MessageStyleVariant = isMyMessage(message, currentUserId) ? 'outgoing' : 'incoming';\n  const isOutgoing = variant === 'outgoing';\n  const isIncoming = variant === 'incoming';\n  const variantContainerStyle = { incoming: styles.chatIncoming, outgoing: styles.chatOutgoing }[variant];\n\n  const { groupWithPrev, groupWithNext } = calcMessageGrouping(\n    Boolean(rest.enableMessageGrouping),\n    message,\n    rest.prevMessage,\n    rest.nextMessage,\n  );\n\n  const messageComponent = useIIFE(() => {\n    const pressableProps = {\n      style: styles.msgContainer,\n      disabled: !onPress && !onLongPress,\n      onPress,\n      onLongPress,\n      delayLongPress: DEFAULT_LONG_PRESS_DELAY,\n    };\n    const messageProps = { ...rest, variant, groupWithNext, groupWithPrev };\n\n    if (message.isUserMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => <UserMessage message={message} pressed={pressed} {...messageProps} />}\n        </Pressable>\n      );\n    }\n\n    if (message.isFileMessage()) {\n      return (\n        <Pressable {...pressableProps}>\n          {({ pressed }) => <FileMessage message={message} pressed={pressed} {...messageProps} />}\n        </Pressable>\n      );\n    }\n\n    if (message.isAdminMessage()) {\n      return <AdminMessage message={message} pressed={false} {...messageProps} />;\n    }\n\n    return (\n      <Pressable {...pressableProps}>\n        {({ pressed }) => <UnknownMessage message={message} pressed={pressed} {...messageProps} />}\n      </Pressable>\n    );\n  });\n\n  return (\n    <MessageContainer>\n      <MessageDateSeparator message={message} prevMessage={rest.prevMessage} />\n      {message.isAdminMessage() && messageComponent}\n      {!message.isAdminMessage() && (\n        <View\n          style={[\n            variantContainerStyle,\n            conditionChaining(\n              [groupWithNext, Boolean(rest.nextMessage)],\n              [styles.chatGroup, styles.chatNonGroup, styles.chatLastMessage],\n            ),\n          ]}\n        >\n          {isOutgoing && (\n            <View style={styles.outgoingContainer}>\n              <MessageOutgoingStatus channel={channel} message={message} />\n              <MessageTime message={message} grouping={groupWithNext} style={styles.timeOutgoing} />\n            </View>\n          )}\n          {isIncoming && <MessageIncomingAvatar message={message} grouping={groupWithNext} />}\n          <View>\n            {isIncoming && <MessageIncomingSenderName message={message} grouping={groupWithPrev} />}\n            <View style={styles.bubbleContainer}>\n              {messageComponent}\n              {isIncoming && <MessageTime message={message} grouping={groupWithNext} style={styles.timeIncoming} />}\n            </View>\n          </View>\n        </View>\n      )}\n    </MessageContainer>\n  );\n};\n\nconst styles = createStyleSheet({\n  chatIncoming: {\n    flexDirection: 'row',\n    justifyContent: 'flex-start',\n    alignItems: 'flex-end',\n  },\n  chatOutgoing: {\n    flexDirection: 'row',\n    justifyContent: 'flex-end',\n    alignItems: 'flex-end',\n  },\n  timeIncoming: {\n    marginLeft: 4,\n  },\n  timeOutgoing: {\n    marginRight: 4,\n  },\n  chatGroup: {\n    marginBottom: 2,\n  },\n  chatNonGroup: {\n    marginBottom: 16,\n  },\n  chatLastMessage: {\n    marginBottom: 16,\n  },\n  msgContainer: {\n    maxWidth: 240,\n  },\n  bubbleContainer: {\n    flexDirection: 'row',\n    alignItems: 'flex-end',\n  },\n  outgoingContainer: {\n    flexDirection: 'row',\n    alignItems: 'center',\n    justifyContent: 'center',\n  },\n});\n\nexport default React.memo(MessageRenderer);\n"],"mappings":"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"}

package/lib/commonjs/components/NewMessagesButton.js

@@ -1,73 +0,0 @@
-"use strict";
-
-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 _useContext = require("../hooks/useContext");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const NewMessagesButton = _ref => {
-  let {
-    newMessages,
-    visible,
-    onPress
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-  const {
-    select,
-    palette,
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  if (newMessages.length === 0 || !visible) return null;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    activeOpacity: 0.8,
-    onPress: onPress,
-    style: [styles.container, {
-      backgroundColor: select({
-        dark: palette.background400,
-        light: palette.background50
-      })
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
-    button: true,
-    color: colors.primary
-  }, STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)));
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  container: {
-    paddingHorizontal: 12,
-    paddingVertical: 10,
-    borderRadius: 20,
-    ..._reactNative.Platform.select({
-      android: {
-        elevation: 4
-      },
-      ios: {
-        shadowColor: 'black',
-        shadowRadius: 4,
-        shadowOffset: {
-          width: 0,
-          height: 4
-        },
-        shadowOpacity: 0.3
-      }
-    })
-  }
-});
-
-var _default = /*#__PURE__*/_react.default.memo(NewMessagesButton);
-
-exports.default = _default;
-//# sourceMappingURL=NewMessagesButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["NewMessagesButton","newMessages","visible","onPress","STRINGS","useLocalization","select","palette","colors","useUIKitTheme","length","styles","container","backgroundColor","dark","background400","light","background50","primary","GROUP_CHANNEL","LIST_BUTTON_NEW_MSG","createStyleSheet","paddingHorizontal","paddingVertical","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","React","memo"],"sources":["NewMessagesButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Text, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\nimport type { SendbirdMessage } from '@sendbird/uikit-utils';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  newMessages: SendbirdMessage[];\n  visible: boolean;\n  onPress: () => void;\n};\nconst NewMessagesButton: React.FC<Props> = ({ newMessages, visible, onPress }) => {\n  const { STRINGS } = useLocalization();\n  const { select, palette, colors } = useUIKitTheme();\n  if (newMessages.length === 0 || !visible) return null;\n  return (\n    <TouchableOpacity\n      activeOpacity={0.8}\n      onPress={onPress}\n      style={[\n        styles.container,\n        { backgroundColor: select({ dark: palette.background400, light: palette.background50 }) },\n      ]}\n    >\n      <Text button color={colors.primary}>\n        {STRINGS.GROUP_CHANNEL.LIST_BUTTON_NEW_MSG(newMessages)}\n      </Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    paddingHorizontal: 12,\n    paddingVertical: 10,\n    borderRadius: 20,\n    ...Platform.select({\n      android: {\n        elevation: 4,\n      },\n      ios: {\n        shadowColor: 'black',\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.3,\n      },\n    }),\n  },\n});\nexport default React.memo(NewMessagesButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AAGA;;;;AAOA,MAAMA,iBAAkC,GAAG,QAAuC;EAAA,IAAtC;IAAEC,WAAF;IAAeC,OAAf;IAAwBC;EAAxB,CAAsC;EAChF,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;EACA,MAAM;IAAEC,MAAF;IAAUC,OAAV;IAAmBC;EAAnB,IAA8B,IAAAC,yCAAA,GAApC;EACA,IAAIR,WAAW,CAACS,MAAZ,KAAuB,CAAvB,IAA4B,CAACR,OAAjC,EAA0C,OAAO,IAAP;EAC1C,oBACE,6BAAC,6BAAD;IACE,aAAa,EAAE,GADjB;IAEE,OAAO,EAAEC,OAFX;IAGE,KAAK,EAAE,CACLQ,MAAM,CAACC,SADF,EAEL;MAAEC,eAAe,EAAEP,MAAM,CAAC;QAAEQ,IAAI,EAAEP,OAAO,CAACQ,aAAhB;QAA+BC,KAAK,EAAET,OAAO,CAACU;MAA9C,CAAD;IAAzB,CAFK;EAHT,gBAQE,6BAAC,gCAAD;IAAM,MAAM,MAAZ;IAAa,KAAK,EAAET,MAAM,CAACU;EAA3B,GACGd,OAAO,CAACe,aAAR,CAAsBC,mBAAtB,CAA0CnB,WAA1C,CADH,CARF,CADF;AAcD,CAlBD;;AAoBA,MAAMU,MAAM,GAAG,IAAAU,4CAAA,EAAiB;EAC9BT,SAAS,EAAE;IACTU,iBAAiB,EAAE,EADV;IAETC,eAAe,EAAE,EAFR;IAGTC,YAAY,EAAE,EAHL;IAIT,GAAGC,qBAAA,CAASnB,MAAT,CAAgB;MACjBoB,OAAO,EAAE;QACPC,SAAS,EAAE;MADJ,CADQ;MAIjBC,GAAG,EAAE;QACHC,WAAW,EAAE,OADV;QAEHC,YAAY,EAAE,CAFX;QAGHC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAT;UAAYC,MAAM,EAAE;QAApB,CAHX;QAIHC,aAAa,EAAE;MAJZ;IAJY,CAAhB;EAJM;AADmB,CAAjB,CAAf;;4BAkBeC,cAAA,CAAMC,IAAN,CAAWpC,iBAAX,C"}

package/lib/commonjs/components/ProviderLayout.js

@@ -1,37 +0,0 @@
-"use strict";
-
-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");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ProviderLayout = _ref => {
-  let {
-    children
-  } = _ref;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.view, {
-      backgroundColor: colors.background
-    }]
-  }, children);
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  view: {
-    flex: 1
-  }
-});
-var _default = ProviderLayout;
-exports.default = _default;
-//# sourceMappingURL=ProviderLayout.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ProviderLayout","children","colors","useUIKitTheme","styles","view","backgroundColor","background","createStyleSheet","flex"],"sources":["ProviderLayout.tsx"],"sourcesContent":["import React from 'react';\nimport { View } from 'react-native';\n\nimport { createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\nconst ProviderLayout: React.FC = ({ children }) => {\n  const { colors } = useUIKitTheme();\n  return <View style={[styles.view, { backgroundColor: colors.background }]}>{children}</View>;\n};\n\nconst styles = createStyleSheet({\n  view: {\n    flex: 1,\n  },\n});\n\nexport default ProviderLayout;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAEA,MAAMA,cAAwB,GAAG,QAAkB;EAAA,IAAjB;IAAEC;EAAF,CAAiB;EACjD,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EACA,oBAAO,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACC,MAAM,CAACC,IAAR,EAAc;MAAEC,eAAe,EAAEJ,MAAM,CAACK;IAA1B,CAAd;EAAb,GAAqEN,QAArE,CAAP;AACD,CAHD;;AAKA,MAAMG,MAAM,GAAG,IAAAI,4CAAA,EAAiB;EAC9BH,IAAI,EAAE;IACJI,IAAI,EAAE;EADF;AADwB,CAAjB,CAAf;eAMeT,c"}

package/lib/commonjs/components/ScrollToBottomButton.js

@@ -1,66 +0,0 @@
-"use strict";
-
-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");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const ScrollToBottomButton = _ref => {
-  let {
-    visible,
-    onPress
-  } = _ref;
-  const {
-    palette,
-    select
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  return /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPress,
-    activeOpacity: 0.8,
-    disabled: !visible,
-    style: [styles.container, {
-      opacity: visible ? 1 : 0,
-      backgroundColor: select({
-        dark: palette.background400,
-        light: palette.background50
-      })
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    icon: 'chevron-down',
-    size: 22
-  }));
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  container: {
-    padding: 8,
-    borderRadius: 24,
-    ..._reactNative.Platform.select({
-      android: {
-        elevation: 4
-      },
-      ios: {
-        shadowColor: 'black',
-        shadowRadius: 4,
-        shadowOffset: {
-          width: 0,
-          height: 4
-        },
-        shadowOpacity: 0.3
-      }
-    })
-  }
-});
-
-var _default = /*#__PURE__*/_react.default.memo(ScrollToBottomButton);
-
-exports.default = _default;
-//# sourceMappingURL=ScrollToBottomButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["ScrollToBottomButton","visible","onPress","palette","select","useUIKitTheme","styles","container","opacity","backgroundColor","dark","background400","light","background50","createStyleSheet","padding","borderRadius","Platform","android","elevation","ios","shadowColor","shadowRadius","shadowOffset","width","height","shadowOpacity","React","memo"],"sources":["ScrollToBottomButton.tsx"],"sourcesContent":["import React from 'react';\nimport { Platform, TouchableOpacity } from 'react-native';\n\nimport { Icon, createStyleSheet, useUIKitTheme } from '@sendbird/uikit-react-native-foundation';\n\ntype Props = {\n  visible: boolean;\n  onPress: () => void;\n};\nconst ScrollToBottomButton: React.FC<Props> = ({ visible, onPress }) => {\n  const { palette, select } = useUIKitTheme();\n  return (\n    <TouchableOpacity\n      onPress={onPress}\n      activeOpacity={0.8}\n      disabled={!visible}\n      style={[\n        styles.container,\n        {\n          opacity: visible ? 1 : 0,\n          backgroundColor: select({ dark: palette.background400, light: palette.background50 }),\n        },\n      ]}\n    >\n      <Icon icon={'chevron-down'} size={22} />\n    </TouchableOpacity>\n  );\n};\n\nconst styles = createStyleSheet({\n  container: {\n    padding: 8,\n    borderRadius: 24,\n    ...Platform.select({\n      android: {\n        elevation: 4,\n      },\n      ios: {\n        shadowColor: 'black',\n        shadowRadius: 4,\n        shadowOffset: { width: 0, height: 4 },\n        shadowOpacity: 0.3,\n      },\n    }),\n  },\n});\n\nexport default React.memo(ScrollToBottomButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;AAMA,MAAMA,oBAAqC,GAAG,QAA0B;EAAA,IAAzB;IAAEC,OAAF;IAAWC;EAAX,CAAyB;EACtE,MAAM;IAAEC,OAAF;IAAWC;EAAX,IAAsB,IAAAC,yCAAA,GAA5B;EACA,oBACE,6BAAC,6BAAD;IACE,OAAO,EAAEH,OADX;IAEE,aAAa,EAAE,GAFjB;IAGE,QAAQ,EAAE,CAACD,OAHb;IAIE,KAAK,EAAE,CACLK,MAAM,CAACC,SADF,EAEL;MACEC,OAAO,EAAEP,OAAO,GAAG,CAAH,GAAO,CADzB;MAEEQ,eAAe,EAAEL,MAAM,CAAC;QAAEM,IAAI,EAAEP,OAAO,CAACQ,aAAhB;QAA+BC,KAAK,EAAET,OAAO,CAACU;MAA9C,CAAD;IAFzB,CAFK;EAJT,gBAYE,6BAAC,gCAAD;IAAM,IAAI,EAAE,cAAZ;IAA4B,IAAI,EAAE;EAAlC,EAZF,CADF;AAgBD,CAlBD;;AAoBA,MAAMP,MAAM,GAAG,IAAAQ,4CAAA,EAAiB;EAC9BP,SAAS,EAAE;IACTQ,OAAO,EAAE,CADA;IAETC,YAAY,EAAE,EAFL;IAGT,GAAGC,qBAAA,CAASb,MAAT,CAAgB;MACjBc,OAAO,EAAE;QACPC,SAAS,EAAE;MADJ,CADQ;MAIjBC,GAAG,EAAE;QACHC,WAAW,EAAE,OADV;QAEHC,YAAY,EAAE,CAFX;QAGHC,YAAY,EAAE;UAAEC,KAAK,EAAE,CAAT;UAAYC,MAAM,EAAE;QAApB,CAHX;QAIHC,aAAa,EAAE;MAJZ;IAJY,CAAhB;EAHM;AADmB,CAAjB,CAAf;;4BAkBeC,cAAA,CAAMC,IAAN,CAAW5B,oBAAX,C"}

package/lib/commonjs/components/StatusComposition.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const StatusComposition = _ref => {
-  let {
-    children,
-    error,
-    ErrorComponent,
-    LoadingComponent,
-    loading
-  } = _ref;
-  if (loading && LoadingComponent) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, LoadingComponent);
-  if (error && ErrorComponent) return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ErrorComponent);
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
-};
-
-var _default = StatusComposition;
-exports.default = _default;
-//# sourceMappingURL=StatusComposition.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["StatusComposition","children","error","ErrorComponent","LoadingComponent","loading"],"sources":["StatusComposition.tsx"],"sourcesContent":["import React from 'react';\n\ntype Props = {\n  loading?: boolean;\n  LoadingComponent?: JSX.Element;\n  error?: boolean;\n  ErrorComponent?: JSX.Element;\n  children: React.ReactNode;\n};\nconst StatusComposition = ({ children, error, ErrorComponent, LoadingComponent, loading }: Props) => {\n  if (loading && LoadingComponent) return <>{LoadingComponent}</>;\n  if (error && ErrorComponent) return <>{ErrorComponent}</>;\n  return <>{children}</>;\n};\n\nexport default StatusComposition;\n"],"mappings":";;;;;;;AAAA;;;;AASA,MAAMA,iBAAiB,GAAG,QAA2E;EAAA,IAA1E;IAAEC,QAAF;IAAYC,KAAZ;IAAmBC,cAAnB;IAAmCC,gBAAnC;IAAqDC;EAArD,CAA0E;EACnG,IAAIA,OAAO,IAAID,gBAAf,EAAiC,oBAAO,4DAAGA,gBAAH,CAAP;EACjC,IAAIF,KAAK,IAAIC,cAAb,EAA6B,oBAAO,4DAAGA,cAAH,CAAP;EAC7B,oBAAO,4DAAGF,QAAH,CAAP;AACD,CAJD;;eAMeD,iB"}

package/lib/commonjs/components/TypedPlaceholder.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _uikitReactNativeFoundation = require("@sendbird/uikit-react-native-foundation");
-
-var _useContext = require("../hooks/useContext");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const TypedPlaceholder = _ref => {
-  let {
-    type,
-    onPressRetry
-  } = _ref;
-  const {
-    STRINGS
-  } = (0, _useContext.useLocalization)();
-
-  switch (type) {
-    case 'no-banned-members':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'ban',
-        message: STRINGS.PLACEHOLDER.NO_BANNED_MEMBERS
-      });
-
-    case 'no-channels':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'chat',
-        message: STRINGS.PLACEHOLDER.NO_CHANNELS
-      });
-
-    case 'no-messages':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'message',
-        message: STRINGS.PLACEHOLDER.NO_MESSAGES
-      });
-
-    case 'no-muted-members':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'mute',
-        message: STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS
-      });
-
-    case 'no-results-found':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'search',
-        message: STRINGS.PLACEHOLDER.NO_RESULTS_FOUND
-      });
-
-    case 'no-users':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'members',
-        message: STRINGS.PLACEHOLDER.NO_USERS
-      });
-
-    case 'error-wrong':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        icon: 'error',
-        message: STRINGS.PLACEHOLDER.ERROR.MESSAGE,
-        errorRetryLabel: STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL,
-        onPressRetry: onPressRetry
-      });
-
-    case 'loading':
-      return /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Placeholder, {
-        loading: true,
-        icon: 'spinner'
-      });
-  }
-};
-
-var _default = TypedPlaceholder;
-exports.default = _default;
-//# sourceMappingURL=TypedPlaceholder.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["TypedPlaceholder","type","onPressRetry","STRINGS","useLocalization","PLACEHOLDER","NO_BANNED_MEMBERS","NO_CHANNELS","NO_MESSAGES","NO_MUTED_MEMBERS","NO_RESULTS_FOUND","NO_USERS","ERROR","MESSAGE","RETRY_LABEL"],"sources":["TypedPlaceholder.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Placeholder } from '@sendbird/uikit-react-native-foundation';\n\nimport { useLocalization } from '../hooks/useContext';\n\ntype Props = {\n  type:\n    | 'no-banned-members'\n    | 'no-channels'\n    | 'no-messages'\n    | 'no-users'\n    | 'no-muted-members'\n    | 'no-results-found'\n    | 'error-wrong'\n    | 'loading';\n  onPressRetry?: () => void;\n};\nconst TypedPlaceholder: React.FC<Props> = ({ type, onPressRetry }) => {\n  const { STRINGS } = useLocalization();\n  switch (type) {\n    case 'no-banned-members':\n      return <Placeholder icon={'ban'} message={STRINGS.PLACEHOLDER.NO_BANNED_MEMBERS} />;\n    case 'no-channels':\n      return <Placeholder icon={'chat'} message={STRINGS.PLACEHOLDER.NO_CHANNELS} />;\n    case 'no-messages':\n      return <Placeholder icon={'message'} message={STRINGS.PLACEHOLDER.NO_MESSAGES} />;\n    case 'no-muted-members':\n      return <Placeholder icon={'mute'} message={STRINGS.PLACEHOLDER.NO_MUTED_MEMBERS} />;\n    case 'no-results-found':\n      return <Placeholder icon={'search'} message={STRINGS.PLACEHOLDER.NO_RESULTS_FOUND} />;\n    case 'no-users':\n      return <Placeholder icon={'members'} message={STRINGS.PLACEHOLDER.NO_USERS} />;\n    case 'error-wrong':\n      return (\n        <Placeholder\n          icon={'error'}\n          message={STRINGS.PLACEHOLDER.ERROR.MESSAGE}\n          errorRetryLabel={STRINGS.PLACEHOLDER.ERROR.RETRY_LABEL}\n          onPressRetry={onPressRetry}\n        />\n      );\n    case 'loading':\n      return <Placeholder loading icon={'spinner'} />;\n  }\n};\n\nexport default TypedPlaceholder;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEA;;;;AAcA,MAAMA,gBAAiC,GAAG,QAA4B;EAAA,IAA3B;IAAEC,IAAF;IAAQC;EAAR,CAA2B;EACpE,MAAM;IAAEC;EAAF,IAAc,IAAAC,2BAAA,GAApB;;EACA,QAAQH,IAAR;IACE,KAAK,mBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,KAAnB;QAA0B,OAAO,EAAEE,OAAO,CAACE,WAAR,CAAoBC;MAAvD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEH,OAAO,CAACE,WAAR,CAAoBE;MAAxD,EAAP;;IACF,KAAK,aAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEJ,OAAO,CAACE,WAAR,CAAoBG;MAA3D,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,MAAnB;QAA2B,OAAO,EAAEL,OAAO,CAACE,WAAR,CAAoBI;MAAxD,EAAP;;IACF,KAAK,kBAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,QAAnB;QAA6B,OAAO,EAAEN,OAAO,CAACE,WAAR,CAAoBK;MAA1D,EAAP;;IACF,KAAK,UAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,IAAI,EAAE,SAAnB;QAA8B,OAAO,EAAEP,OAAO,CAACE,WAAR,CAAoBM;MAA3D,EAAP;;IACF,KAAK,aAAL;MACE,oBACE,6BAAC,uCAAD;QACE,IAAI,EAAE,OADR;QAEE,OAAO,EAAER,OAAO,CAACE,WAAR,CAAoBO,KAApB,CAA0BC,OAFrC;QAGE,eAAe,EAAEV,OAAO,CAACE,WAAR,CAAoBO,KAApB,CAA0BE,WAH7C;QAIE,YAAY,EAAEZ;MAJhB,EADF;;IAQF,KAAK,SAAL;MACE,oBAAO,6BAAC,uCAAD;QAAa,OAAO,MAApB;QAAqB,IAAI,EAAE;MAA3B,EAAP;EAvBJ;AAyBD,CA3BD;;eA6BeF,gB"}

package/lib/commonjs/components/UserActionBar.js

@@ -1,96 +0,0 @@
-"use strict";
-
-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 UserActionBar = _ref => {
-  let {
-    muted,
-    uri,
-    name,
-    disabled,
-    onPressActionMenu,
-    label
-  } = _ref;
-  const {
-    colors
-  } = (0, _uikitReactNativeFoundation.useUIKitTheme)();
-  const iconColor = (0, _uikitUtils.conditionChaining)([disabled], [colors.onBackground04, colors.onBackground01]);
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: styles.container
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Avatar, {
-    muted: muted,
-    size: 36,
-    uri: uri,
-    containerStyle: styles.avatar
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: [styles.infoContainer, {
-      borderBottomColor: colors.onBackground04
-    }]
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
-    subtitle2: true,
-    numberOfLines: 1,
-    style: styles.name,
-    color: colors.onBackground01
-  }, name), Boolean(label) && /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Text, {
-    body2: true,
-    color: colors.onBackground02,
-    style: styles.label
-  }, label), Boolean(onPressActionMenu) && /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: onPressActionMenu,
-    disabled: disabled
-  }, /*#__PURE__*/_react.default.createElement(_uikitReactNativeFoundation.Icon, {
-    color: iconColor,
-    size: 24,
-    icon: 'more',
-    containerStyle: styles.iconContainer
-  }))));
-};
-
-const styles = (0, _uikitReactNativeFoundation.createStyleSheet)({
-  container: {
-    flexDirection: 'row',
-    alignItems: 'center',
-    width: '100%',
-    height: 56
-  },
-  avatar: {
-    marginLeft: 16,
-    marginRight: 16
-  },
-  label: {
-    marginRight: 4
-  },
-  infoContainer: {
-    height: '100%',
-    flex: 1,
-    alignItems: 'center',
-    flexDirection: 'row',
-    paddingRight: 12,
-    borderBottomWidth: 1
-  },
-  iconContainer: {
-    padding: 4
-  },
-  name: {
-    flex: 1,
-    marginRight: 8
-  }
-});
-
-var _default = /*#__PURE__*/_react.default.memo(UserActionBar);
-
-exports.default = _default;
-//# sourceMappingURL=UserActionBar.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["UserActionBar","muted","uri","name","disabled","onPressActionMenu","label","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","React","memo"],"sources":["UserActionBar.tsx"],"sourcesContent":["import React from 'react';\nimport { TouchableOpacity, 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  label?: string;\n  muted: boolean;\n  disabled: boolean;\n  onPressActionMenu?: () => void;\n};\nconst UserActionBar: React.FC<Props> = ({ muted, uri, name, disabled, onPressActionMenu, label }) => {\n  const { colors } = useUIKitTheme();\n\n  const iconColor = conditionChaining([disabled], [colors.onBackground04, colors.onBackground01]);\n\n  return (\n    <View style={styles.container}>\n      <Avatar muted={muted} 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        {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 React.memo(UserActionBar);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAUA,MAAMA,aAA8B,GAAG,QAA8D;EAAA,IAA7D;IAAEC,KAAF;IAASC,GAAT;IAAcC,IAAd;IAAoBC,QAApB;IAA8BC,iBAA9B;IAAiDC;EAAjD,CAA6D;EACnG,MAAM;IAAEC;EAAF,IAAa,IAAAC,yCAAA,GAAnB;EAEA,MAAMC,SAAS,GAAG,IAAAC,6BAAA,EAAkB,CAACN,QAAD,CAAlB,EAA8B,CAACG,MAAM,CAACI,cAAR,EAAwBJ,MAAM,CAACK,cAA/B,CAA9B,CAAlB;EAEA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEC,MAAM,CAACC;EAApB,gBACE,6BAAC,kCAAD;IAAQ,KAAK,EAAEb,KAAf;IAAsB,IAAI,EAAE,EAA5B;IAAgC,GAAG,EAAEC,GAArC;IAA0C,cAAc,EAAEW,MAAM,CAACE;EAAjE,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACF,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,CAACV,IAAhD;IAAsD,KAAK,EAAEI,MAAM,CAACK;EAApE,GACGT,IADH,CADF,EAIGe,OAAO,CAACZ,KAAD,CAAP,iBACC,6BAAC,gCAAD;IAAM,KAAK,MAAX;IAAY,KAAK,EAAEC,MAAM,CAACY,cAA1B;IAA0C,KAAK,EAAEN,MAAM,CAACP;EAAxD,GACGA,KADH,CALJ,EASGY,OAAO,CAACb,iBAAD,CAAP,iBACC,6BAAC,6BAAD;IAAkB,OAAO,EAAEA,iBAA3B;IAA8C,QAAQ,EAAED;EAAxD,gBACE,6BAAC,gCAAD;IAAM,KAAK,EAAEK,SAAb;IAAwB,IAAI,EAAE,EAA9B;IAAkC,IAAI,EAAE,MAAxC;IAAgD,cAAc,EAAEI,MAAM,CAACO;EAAvE,EADF,CAVJ,CAFF,CADF;AAoBD,CAzBD;;AA2BA,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;EAW9BrB,KAAK,EAAE;IACLqB,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;EAyB9B5B,IAAI,EAAE;IACJyB,IAAI,EAAE,CADF;IAEJD,WAAW,EAAE;EAFT;AAzBwB,CAAjB,CAAf;;4BA+BeK,cAAA,CAAMC,IAAN,CAAWjC,aAAX,C"}