cometchat-react-ui-kit2/dist/Groups/CometChatGroupsWithMessages/style.js

CometChat UI Kit for React App

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.joinProtectedGroupStyles = exports.chatScreenStyle = void 0;
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
var _Shared = require("../../Shared");
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
var chatScreenStyle = function chatScreenStyle(style) {
  return _objectSpread({
    display: "flex",
    height: "100vh",
    width: "100vw",
    border: "none "
  }, style);
};
exports.chatScreenStyle = chatScreenStyle;
var joinProtectedGroupStyles = function joinProtectedGroupStyles(theme, joinGroupConfiguration) {
  var _joinGroupConfigurati, _joinGroupConfigurati2, _joinGroupConfigurati3, _theme$palette, _joinGroupConfigurati4, _joinGroupConfigurati5, _joinGroupConfigurati6, _joinGroupConfigurati7, _theme$typography, _joinGroupConfigurati8, _joinGroupConfigurati9, _joinGroupConfigurati10, _joinGroupConfigurati11, _joinGroupConfigurati12, _joinGroupConfigurati13, _joinGroupConfigurati14, _joinGroupConfigurati15, _joinGroupConfigurati16, _joinGroupConfigurati17, _joinGroupConfigurati18, _joinGroupConfigurati19, _joinGroupConfigurati20, _joinGroupConfigurati21, _joinGroupConfigurati22;
  return {
    width: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati = joinGroupConfiguration.style) === null || _joinGroupConfigurati === void 0 ? void 0 : _joinGroupConfigurati.width) || "100%",
    height: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati2 = joinGroupConfiguration.style) === null || _joinGroupConfigurati2 === void 0 ? void 0 : _joinGroupConfigurati2.height) || "100%",
    boxShadow: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati3 = joinGroupConfiguration.style) === null || _joinGroupConfigurati3 === void 0 ? void 0 : _joinGroupConfigurati3.boxShadow) || "".concat(theme === null || theme === void 0 ? void 0 : (_theme$palette = theme.palette) === null || _theme$palette === void 0 ? void 0 : _theme$palette.getAccent50(), " 0px 0px 0px 1px"),
    background: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati4 = joinGroupConfiguration.style) === null || _joinGroupConfigurati4 === void 0 ? void 0 : _joinGroupConfigurati4.background) || theme.palette.getBackground(),
    border: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati5 = joinGroupConfiguration.style) === null || _joinGroupConfigurati5 === void 0 ? void 0 : _joinGroupConfigurati5.border) || "none",
    borderRadius: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati6 = joinGroupConfiguration.style) === null || _joinGroupConfigurati6 === void 0 ? void 0 : _joinGroupConfigurati6.borderRadius) || "0px",
    titleTextFont: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati7 = joinGroupConfiguration.style) === null || _joinGroupConfigurati7 === void 0 ? void 0 : _joinGroupConfigurati7.titleTextFont) || (0, _Shared.fontHelper)(theme === null || theme === void 0 ? void 0 : (_theme$typography = theme.typography) === null || _theme$typography === void 0 ? void 0 : _theme$typography.heading),
    titleTextColor: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati8 = joinGroupConfiguration.style) === null || _joinGroupConfigurati8 === void 0 ? void 0 : _joinGroupConfigurati8.titleTextColor) || theme.palette.getAccent700(),
    errorTextFont: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati9 = joinGroupConfiguration.style) === null || _joinGroupConfigurati9 === void 0 ? void 0 : _joinGroupConfigurati9.errorTextFont) || (0, _Shared.fontHelper)(theme.typography.text1),
    errorTextColor: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati10 = joinGroupConfiguration.style) === null || _joinGroupConfigurati10 === void 0 ? void 0 : _joinGroupConfigurati10.errorTextColor) || theme.palette.getError(),
    passwordTextFont: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati11 = joinGroupConfiguration.style) === null || _joinGroupConfigurati11 === void 0 ? void 0 : _joinGroupConfigurati11.passwordTextFont) || (0, _Shared.fontHelper)(theme.typography.subtitle2),
    passwordTextColor: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati12 = joinGroupConfiguration.style) === null || _joinGroupConfigurati12 === void 0 ? void 0 : _joinGroupConfigurati12.passwordTextColor) || theme.palette.getAccent900(),
    passwordPlaceholderTextFont: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati13 = joinGroupConfiguration.style) === null || _joinGroupConfigurati13 === void 0 ? void 0 : _joinGroupConfigurati13.passwordPlaceholderTextFont) || (0, _Shared.fontHelper)(theme.typography.subtitle1),
    passwordPlaceholderTextColor: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati14 = joinGroupConfiguration.style) === null || _joinGroupConfigurati14 === void 0 ? void 0 : _joinGroupConfigurati14.passwordPlaceholderTextColor) || theme.palette.getAccent(),
    passwordInputBackground: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati15 = joinGroupConfiguration.style) === null || _joinGroupConfigurati15 === void 0 ? void 0 : _joinGroupConfigurati15.passwordInputBackground) || theme.palette.getAccent50(),
    passwordInputBorder: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati16 = joinGroupConfiguration.style) === null || _joinGroupConfigurati16 === void 0 ? void 0 : _joinGroupConfigurati16.passwordInputBorder) || "none",
    passwordInputBorderRadius: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati17 = joinGroupConfiguration.style) === null || _joinGroupConfigurati17 === void 0 ? void 0 : _joinGroupConfigurati17.passwordInputBorderRadius) || "8px",
    passwordInputBoxShadow: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati18 = joinGroupConfiguration.style) === null || _joinGroupConfigurati18 === void 0 ? void 0 : _joinGroupConfigurati18.passwordInputBoxShadow) || "".concat(theme.palette.getAccent50(), " 0px 0px 0px 1px"),
    joinButtonTextFont: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati19 = joinGroupConfiguration.style) === null || _joinGroupConfigurati19 === void 0 ? void 0 : _joinGroupConfigurati19.joinButtonTextFont) || (0, _Shared.fontHelper)(theme.typography.title2),
    joinButtonTextColor: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati20 = joinGroupConfiguration.style) === null || _joinGroupConfigurati20 === void 0 ? void 0 : _joinGroupConfigurati20.joinButtonTextColor) || theme.palette.getAccent900("light"),
    joinButtonBackground: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati21 = joinGroupConfiguration.style) === null || _joinGroupConfigurati21 === void 0 ? void 0 : _joinGroupConfigurati21.joinButtonBackground) || theme.palette.getPrimary(),
    joinButtonBorderRadius: (joinGroupConfiguration === null || joinGroupConfiguration === void 0 ? void 0 : (_joinGroupConfigurati22 = joinGroupConfiguration.style) === null || _joinGroupConfigurati22 === void 0 ? void 0 : _joinGroupConfigurati22.joinButtonBorderRadius) || "8px"
  };
};
exports.joinProtectedGroupStyles = joinProtectedGroupStyles;