@livelike/react-native/lib/commonjs/components/LLChatBanner/LLChatBanner.js

LiveLike React Native package

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.LLChatBanner = LLChatBanner;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _hooks = require("../../hooks");
var _LLChatBannerItem = require("./LLChatBannerItem");
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); }
function LLChatBanner(_ref) {
  let {
    styles: stylesProp,
    bannerAutoHideTimeout = _hooks.DEFAULT_BANNER_AUTO_HIDE_TIMEOUT,
    BannerItemComponent = _LLChatBannerItem.LLChatBannerItem
  } = _ref;
  const bannerStyles = (0, _hooks.useStyles)({
    componentStylesFn: getAppBannerStyles,
    stylesProp
  });
  const {
    banners
  } = (0, _hooks.useBanner)();
  (0, _hooks.useAutoHideBannerEffect)({
    bannerAutoHideTimeout
  });
  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
    style: bannerStyles.bannerContainer
  }, banners.map(item => /*#__PURE__*/_react.default.createElement(BannerItemComponent, _extends({
    key: item.id
  }, item))));
}
const getAppBannerStyles = _ref2 => {
  let {
    theme
  } = _ref2;
  return _reactNative.StyleSheet.create({
    bannerContainer: {
      display: 'flex',
      flexDirection: 'column',
      position: 'absolute',
      top: _reactNative.Platform.OS === 'ios' ? 50 : 70,
      left: 12,
      backgroundColor: 'transparent',
      marginBottom: 15,
      zIndex: 1
    }
  });
};
//# sourceMappingURL=LLChatBanner.js.map