react-vk - npm Package Compare versions

react-vk

Package Overview

Dependencies

Maintainers

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 5.0.0-rc.0 to 5.0.0

1229

dist/react-vk.cjs.js

		@@ -7,3 +7,4 @@ 'use strict';

		var React = _interopDefault(require('react'));
		var React = require('react');
		var React__default = _interopDefault(React);

		@@ -66,50 +67,41 @@ function _classCallCheck(instance, Constructor) {

		function _inherits(subClass, superClass) {
		if (typeof superClass !== "function" && superClass !== null) {
		throw new TypeError("Super expression must either be null or a function");
		}

		subClass.prototype = Object.create(superClass && superClass.prototype, {
		constructor: {
		value: subClass,
		writable: true,
		configurable: true
		}
		});
		if (superClass) _setPrototypeOf(subClass, superClass);
		function _slicedToArray(arr, i) {
		return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _nonIterableRest();
		}

		function _getPrototypeOf(o) {
		_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
		return o.__proto__ \|\| Object.getPrototypeOf(o);
		};
		return _getPrototypeOf(o);
		function _arrayWithHoles(arr) {
		if (Array.isArray(arr)) return arr;
		}

		function _setPrototypeOf(o, p) {
		_setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) {
		o.__proto__ = p;
		return o;
		};
		function _iterableToArrayLimit(arr, i) {
		var _arr = [];
		var _n = true;
		var _d = false;
		var _e = undefined;

		return _setPrototypeOf(o, p);
		}
		try {
		for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
		_arr.push(_s.value);

		function _assertThisInitialized(self) {
		if (self === void 0) {
		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
		if (i && _arr.length === i) break;
		}
		} catch (err) {
		_d = true;
		_e = err;
		} finally {
		try {
		if (!_n && _i["return"] != null) _i["return"]();
		} finally {
		if (_d) throw _e;
		}
		}

		return self;
		return _arr;
		}

		function _possibleConstructorReturn(self, call) {
		if (call && (typeof call === "object" \|\| typeof call === "function")) {
		return call;
		}

		return _assertThisInitialized(self);
		function _nonIterableRest() {
		throw new TypeError("Invalid attempt to destructure non-iterable instance");
		}

		var VKContext = React.createContext();
		var VKContext = React__default.createContext(null);

		@@ -127,9 +119,4 @@ /* global document, window */
		this.options = options;

		if (!apiId) {
		throw new Error("You need to set apiId");
		}

		this.promise = null;
		this.init();
		this.load();
		}
		@@ -141,27 +128,41 @@
		var apiId = this.apiId,
		_this$options = this.options,
		version = _this$options.version,
		onlyWidgets = _this$options.onlyWidgets;
		onlyWidgets = this.options.onlyWidgets;

		if (apiId) {
		window.VK.init({
		apiId: apiId,
		onlyWidgets: onlyWidgets
		});
		}
		}
		}, {
		key: "load",
		value: function load() {
		var _this = this;

		var version = this.options.version;
		if (this.promise) return this.promise;
		this.promise = new Promise(function (resolve) {
		var baseUrl = "https://vk.com/js/api/openapi.js?".concat(version);
		if (window.VK && window.VK.init) {
		_this.init();

		window.vkAsyncInit = function () {
		window.VK.init({
		apiId: apiId,
		onlyWidgets: onlyWidgets
		});
		resolve(window.VK);
		};
		} else {
		window.vkAsyncInit = function () {
		_this.init();

		if (document.getElementById("vk-openapi")) {
		return;
		resolve(window.VK);
		};
		}

		var script = document.createElement("script");
		script.type = "text/javascript";
		script.id = "vk-openapi";
		script.src = baseUrl;
		script.async = true;
		document.head.appendChild(script);
		var baseUrl = "https://vk.com/js/api/openapi.js?".concat(version);

		if (!document.getElementById("vk-openapi")) {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.id = "vk-openapi";
		script.src = baseUrl;
		script.async = true;
		document.head.appendChild(script);
		}
		});
		@@ -175,83 +176,33 @@ return this.promise;

		var VKInstance = null;
		/* global window */

		var VK =
		/#__PURE__/
		function (_React$Component) {
		_inherits(VK, _React$Component);
		/* eslint-disable import/prefer-default-export */
		var isDOMReady = typeof window !== "undefined" && window.document && window.document.createElement;

		function VK() {
		var _getPrototypeOf2;
		var VK = function VK(_ref) {
		var onApiAvailable = _ref.onApiAvailable,
		apiId = _ref.apiId,
		options = _ref.options,
		children = _ref.children;

		var _this;
		var _useState = React.useState(null),
		_useState2 = _slicedToArray(_useState, 2),
		vk = _useState2[0],
		setVK = _useState2[1];

		_classCallCheck(this, VK);

		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		React.useEffect(function () {
		if (isDOMReady) {
		new VKApi(apiId, options).load().then(function (api) {
		onApiAvailable(api);
		setVK(api);
		});
		}
		}, []);
		return vk ? React__default.createElement(VKContext.Provider, {
		value: vk
		}, children) : null;
		};

		_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(VK)).call.apply(_getPrototypeOf2, [this].concat(args)));

		_defineProperty(_assertThisInitialized(_this), "_mounted", true);

		_defineProperty(_assertThisInitialized(_this), "state", {
		vk: null
		});

		return _this;
		}

		_createClass(VK, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this2 = this;

		var onApiAvailable = this.props.onApiAvailable;

		if (typeof window !== "undefined" && window.document && window.document.createElement) {
		this.VKinit().then(function (vk) {
		onApiAvailable(vk);
		if (_this2._mounted) _this2.setState({
		vk: vk
		});
		});
		}
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		this._mounted = false;
		}
		}, {
		key: "VKinit",
		value: function VKinit() {
		var _this$props = this.props,
		apiId = _this$props.apiId,
		options = _this$props.options;

		if (!this.vk) {
		this.vk = VKInstance \|\| new VKApi(apiId, options);
		VKInstance = this.vk;
		}

		return this.vk.init();
		}
		}, {
		key: "render",
		value: function render() {
		var vk = this.state.vk;
		var children = this.props.children;
		return vk ? React.createElement(VKContext.Provider, {
		value: {
		vk: vk
		}
		}, children) : null;
		}
		}]);

		return VK;
		}(React.Component);

		_defineProperty(VK, "defaultProps", {
		VK.defaultProps = {
		apiId: null,
		options: {
		@@ -262,61 +213,30 @@ version: 160,
		onApiAvailable: function onApiAvailable() {}
		});
		};

		var AllowMessagesFromCommunity =
		/#__PURE__/
		function (_React$Component) {
		_inherits(AllowMessagesFromCommunity, _React$Component);
		var AllowMessagesFromCommunity = function AllowMessagesFromCommunity(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		groupId = _ref.groupId,
		onAllow = _ref.onAllow,
		onDeny = _ref.onDeny;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.AllowMessagesFromCommunity(elementId, options, groupId);
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function (userId) {
		return onAllow(userId);
		});
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function (userId) {
		return onDeny(userId);
		});
		return function () {
		return vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed");
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function AllowMessagesFromCommunity() {
		_classCallCheck(this, AllowMessagesFromCommunity);

		return _possibleConstructorReturn(this, _getPrototypeOf(AllowMessagesFromCommunity).apply(this, arguments));
		}

		_createClass(AllowMessagesFromCommunity, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		groupId = _this$props.groupId,
		onAllow = _this$props.onAllow,
		onDeny = _this$props.onDeny;
		vk.Widgets.AllowMessagesFromCommunity(elementId, options, groupId);
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function (userId) {
		return onAllow(userId);
		});
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function (userId) {
		return onDeny(userId);
		});
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return AllowMessagesFromCommunity;
		}(React.Component);

		_defineProperty(AllowMessagesFromCommunity, "contextType", VKContext);

		_defineProperty(AllowMessagesFromCommunity, "defaultProps", {
		elementId: "vk_send_message",
		AllowMessagesFromCommunity.defaultProps = {
		elementId: "vk_allow_messages_from_community",
		options: {
		@@ -327,46 +247,18 @@ height: 24
		onDeny: function onDeny() {}
		});
		};

		var Application =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Application, _React$Component);
		var Application = function Application(_ref) {
		var elementId = _ref.elementId,
		appId = _ref.appId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.App(elementId, appId, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Application() {
		_classCallCheck(this, Application);

		return _possibleConstructorReturn(this, _getPrototypeOf(Application).apply(this, arguments));
		}

		_createClass(Application, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		appId = _this$props.appId,
		options = _this$props.options;
		vk.Widgets.App(elementId, appId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Application;
		}(React.Component);

		_defineProperty(Application, "contextType", VKContext);

		_defineProperty(Application, "defaultProps", {
		Application.defaultProps = {
		elementId: "vk_app",
		@@ -376,52 +268,23 @@ options: {
		}
		});
		};

		var Auth =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Auth, _React$Component);
		var Auth = function Auth(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		var copy = _objectSpread({}, options);

		function Auth() {
		_classCallCheck(this, Auth);
		copy.onAuth = function (uid, first_name, last_name, photo, photo_rec, hash) {
		return options.onAuth(uid, first_name, last_name, photo, photo_rec, hash);
		};

		return _possibleConstructorReturn(this, _getPrototypeOf(Auth).apply(this, arguments));
		}
		vk.Widgets.Auth(elementId, copy);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		_createClass(Auth, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;

		var copy = _objectSpread({}, options);

		copy.onAuth = function (uid, first_name, last_name, photo, photo_rec, hash) {
		return options.onAuth(uid, first_name, last_name, photo, photo_rec, hash);
		};

		vk.Widgets.Auth(elementId, copy);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Auth;
		}(React.Component);

		_defineProperty(Auth, "contextType", VKContext);

		_defineProperty(Auth, "defaultProps", {
		Auth.defaultProps = {
		elementId: "vk_auth",
		@@ -432,59 +295,28 @@ options: {
		}
		});
		};

		var Comments =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Comments, _React$Component);

		function Comments() {
		_classCallCheck(this, Comments);

		return _possibleConstructorReturn(this, _getPrototypeOf(Comments).apply(this, arguments));
		}

		_createClass(Comments, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Comments = function Comments(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pageId = _ref.pageId,
		onNewComment = _ref.onNewComment,
		onDeleteComment = _ref.onDeleteComment;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Comments(elementId, options, pageId);
		vk.Observer.subscribe("widgets.comments.new_comment", function (num, last_comment, date, sign) {
		return onNewComment(num, last_comment, date, sign);
		});
		vk.Observer.subscribe("widgets.comments.delete_comment", onDeleteComment);
		return function () {
		vk.Observer.unsubscribe("widgets.comments.new_comment");
		vk.Observer.unsubscribe("widgets.comments.delete_comment");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pageId = _this$props.pageId,
		onNewComment = _this$props.onNewComment,
		onDeleteComment = _this$props.onDeleteComment;
		vk.Widgets.Comments(elementId, options, pageId);
		vk.Observer.subscribe("widgets.comments.new_comment", function (num, last_comment, date, sign) {
		return onNewComment(num, last_comment, date, sign);
		});
		vk.Observer.subscribe("widgets.comments.delete_comment", onDeleteComment);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		return Comments;
		}(React.Component);

		_defineProperty(Comments, "contextType", VKContext);

		_defineProperty(Comments, "defaultProps", {
		Comments.defaultProps = {
		elementId: "vk_comments",
		@@ -502,45 +334,17 @@ options: {
		onDeleteComment: function onDeleteComment() {}
		});
		};

		var CommentsBrowse =
		/#__PURE__/
		function (_React$Component) {
		_inherits(CommentsBrowse, _React$Component);
		var CommentsBrowse = function CommentsBrowse(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.CommentsBrowse(elementId, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function CommentsBrowse() {
		_classCallCheck(this, CommentsBrowse);

		return _possibleConstructorReturn(this, _getPrototypeOf(CommentsBrowse).apply(this, arguments));
		}

		_createClass(CommentsBrowse, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;
		vk.Widgets.CommentsBrowse(elementId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return CommentsBrowse;
		}(React.Component);

		_defineProperty(CommentsBrowse, "contextType", VKContext);

		_defineProperty(CommentsBrowse, "defaultProps", {
		CommentsBrowse.defaultProps = {
		elementId: "vk_comments_browse",
		@@ -553,43 +357,20 @@ options: {
		}
		});
		};

		var CommunityMessages =
		/#__PURE__/
		function (_React$Component) {
		_inherits(CommunityMessages, _React$Component);
		var CommunityMessages = function CommunityMessages(_ref) {
		var elementId = _ref.elementId,
		groupId = _ref.groupId,
		options = _ref.options,
		onMount = _ref.onMount;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		var widget = vk.Widgets.CommunityMessages(elementId, groupId, options);
		onMount(widget, elementId);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function CommunityMessages() {
		_classCallCheck(this, CommunityMessages);

		return _possibleConstructorReturn(this, _getPrototypeOf(CommunityMessages).apply(this, arguments));
		}

		_createClass(CommunityMessages, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		groupId = _this$props.groupId,
		options = _this$props.options,
		onMount = _this$props.onMount;
		var widget = vk.Widgets.CommunityMessages(elementId, groupId, options);
		onMount(widget, elementId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return CommunityMessages;
		}(React.Component);

		_defineProperty(CommunityMessages, "contextType", VKContext);

		_defineProperty(CommunityMessages, "defaultProps", {
		CommunityMessages.defaultProps = {
		elementId: "vk_community_messages",
		@@ -606,46 +387,18 @@ options: {
		onMount: function onMount() {}
		});
		};

		var ContactUs =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ContactUs, _React$Component);
		var ContactUs = function ContactUs(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		ownerId = _ref.ownerId;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.ContactUs(elementId, options, -ownerId);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function ContactUs() {
		_classCallCheck(this, ContactUs);

		return _possibleConstructorReturn(this, _getPrototypeOf(ContactUs).apply(this, arguments));
		}

		_createClass(ContactUs, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		ownerId = _this$props.ownerId;
		vk.Widgets.ContactUs(elementId, options, -ownerId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return ContactUs;
		}(React.Component);

		_defineProperty(ContactUs, "contextType", VKContext);

		_defineProperty(ContactUs, "defaultProps", {
		ContactUs.defaultProps = {
		elementId: "vk_contact_us",
		@@ -655,57 +408,26 @@ options: {
		}
		});
		};

		var Group =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Group, _React$Component);

		function Group() {
		_classCallCheck(this, Group);

		return _possibleConstructorReturn(this, _getPrototypeOf(Group).apply(this, arguments));
		}

		_createClass(Group, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Group = function Group(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		groupId = _ref.groupId,
		onJoin = _ref.onJoin,
		onLeave = _ref.onLeave;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Group(elementId, options, groupId);
		vk.Observer.subscribe("widgets.groups.joined", onJoin);
		vk.Observer.subscribe("widgets.groups.leaved", onLeave);
		return function () {
		vk.Observer.unsubscribe("widgets.groups.joined");
		vk.Observer.unsubscribe("widgets.groups.leaved");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		groupId = _this$props.groupId,
		onJoin = _this$props.onJoin,
		onLeave = _this$props.onLeave;
		vk.Widgets.Group(elementId, options, groupId);
		vk.Observer.subscribe("widgets.groups.joined", onJoin);
		vk.Observer.subscribe("widgets.groups.leaved", onLeave);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		return Group;
		}(React.Component);

		_defineProperty(Group, "contextType", VKContext);

		_defineProperty(Group, "defaultProps", {
		Group.defaultProps = {
		elementId: "vk_groups",
		@@ -720,24 +442,33 @@ options: {
		onLeave: function onLeave() {}
		});
		};

		var Like =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Like, _React$Component);
		var Like = function Like(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pageId = _ref.pageId,
		onLike = _ref.onLike,
		onUnlike = _ref.onUnlike,
		onShare = _ref.onShare,
		onUnshare = _ref.onUnshare;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		if (pageId) {
		vk.Widgets.Like(elementId, options, pageId);
		} else {
		vk.Widgets.Like(elementId, options);
		}

		function Like() {
		_classCallCheck(this, Like);

		return _possibleConstructorReturn(this, _getPrototypeOf(Like).apply(this, arguments));
		}

		_createClass(Like, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		vk.Observer.subscribe("widgets.like.liked", function (quantity) {
		return onLike(quantity);
		});
		vk.Observer.subscribe("widgets.like.unliked", function (quantity) {
		return onUnlike(quantity);
		});
		vk.Observer.subscribe("widgets.like.shared", function (quantity) {
		return onShare(quantity);
		});
		vk.Observer.subscribe("widgets.like.unshared", function (quantity) {
		return onUnshare(quantity);
		});
		return function () {
		vk.Observer.unsubscribe("widgets.like.liked");
		@@ -747,51 +478,10 @@ vk.Observer.unsubscribe("widgets.like.unliked");
		vk.Observer.unsubscribe("widgets.like.unshared");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pageId = _this$props.pageId,
		onLike = _this$props.onLike,
		onUnlike = _this$props.onUnlike,
		onShare = _this$props.onShare,
		onUnshare = _this$props.onUnshare;
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		if (pageId) {
		vk.Widgets.Like(elementId, options, pageId);
		} else {
		vk.Widgets.Like(elementId, options);
		}

		vk.Observer.subscribe("widgets.like.liked", function (quantity) {
		return onLike(quantity);
		});
		vk.Observer.subscribe("widgets.like.unliked", function (quantity) {
		return onUnlike(quantity);
		});
		vk.Observer.subscribe("widgets.like.shared", function (quantity) {
		return onShare(quantity);
		});
		vk.Observer.subscribe("widgets.like.unshared", function (quantity) {
		return onUnshare(quantity);
		});
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Like;
		}(React.Component);

		_defineProperty(Like, "contextType", VKContext);

		_defineProperty(Like, "defaultProps", {
		Like.defaultProps = {
		elementId: "vk_like",
		@@ -809,94 +499,38 @@ options: {
		onUnshare: function onUnshare() {}
		});
		};

		var Playlist =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Playlist, _React$Component);
		var Playlist = function Playlist(_ref) {
		var elementId = _ref.elementId,
		ownerId = _ref.ownerId,
		playlistId = _ref.playlistId,
		hash = _ref.hash,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Playlist(elementId, -ownerId, playlistId, hash, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Playlist() {
		_classCallCheck(this, Playlist);

		return _possibleConstructorReturn(this, _getPrototypeOf(Playlist).apply(this, arguments));
		}

		_createClass(Playlist, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		ownerId = _this$props.ownerId,
		playlistId = _this$props.playlistId,
		hash = _this$props.hash,
		options = _this$props.options;
		vk.Widgets.Playlist(elementId, -ownerId, playlistId, hash, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Playlist;
		}(React.Component);

		_defineProperty(Playlist, "contextType", VKContext);

		_defineProperty(Playlist, "defaultProps", {
		Playlist.defaultProps = {
		elementId: "vk_playlist",
		options: {}
		});
		};

		var Poll =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Poll, _React$Component);
		var Poll = function Poll(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pollId = _ref.pollId;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Poll(elementId, options, pollId);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Poll() {
		_classCallCheck(this, Poll);

		return _possibleConstructorReturn(this, _getPrototypeOf(Poll).apply(this, arguments));
		}

		_createClass(Poll, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pollId = _this$props.pollId;
		vk.Widgets.Poll(elementId, options, pollId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Poll;
		}(React.Component);

		_defineProperty(Poll, "contextType", VKContext);

		_defineProperty(Poll, "defaultProps", {
		Poll.defaultProps = {
		elementId: "vk_poll",
		@@ -906,93 +540,37 @@ options: {
		}
		});
		};

		var Post =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Post, _React$Component);
		var Post = function Post(_ref) {
		var elementId = _ref.elementId,
		ownerId = _ref.ownerId,
		postId = _ref.postId,
		hash = _ref.hash,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Post(elementId, ownerId, postId, hash, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Post() {
		_classCallCheck(this, Post);

		return _possibleConstructorReturn(this, _getPrototypeOf(Post).apply(this, arguments));
		}

		_createClass(Post, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		ownerId = _this$props.ownerId,
		postId = _this$props.postId,
		hash = _this$props.hash,
		options = _this$props.options;
		vk.Widgets.Post(elementId, ownerId, postId, hash, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Post;
		}(React.Component);

		_defineProperty(Post, "contextType", VKContext);

		_defineProperty(Post, "defaultProps", {
		Post.defaultProps = {
		elementId: "vk_post",
		options: {}
		});
		};

		var Recommended =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Recommended, _React$Component);
		var Recommended = function Recommended(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Recommended(elementId, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Recommended() {
		_classCallCheck(this, Recommended);

		return _possibleConstructorReturn(this, _getPrototypeOf(Recommended).apply(this, arguments));
		}

		_createClass(Recommended, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;
		vk.Widgets.Recommended(elementId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Recommended;
		}(React.Component);

		_defineProperty(Recommended, "contextType", VKContext);

		_defineProperty(Recommended, "defaultProps", {
		Recommended.defaultProps = {
		elementId: "vk_recommend",
		@@ -1006,57 +584,61 @@ options: {
		}
		});
		};

		var Subscribe =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Subscribe, _React$Component);
		/* global document, window */
		var URL = "https://vk.com/js/api/share.js?93";

		function Subscribe() {
		_classCallCheck(this, Subscribe);
		var Share = function Share(_ref) {
		var shareOptions = _ref.shareOptions,
		buttonOptions = _ref.buttonOptions;
		var container = React__default.createRef();
		React.useEffect(function () {
		if (isDOMReady) {
		if (!document.getElementById("vk-share")) {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.charset = "windows-1251";
		script.id = "vk-share";
		script.src = URL;
		script.async = true;
		document.head.appendChild(script);
		script.addEventListener("load", function () {
		container.current.innerHTML = window.VK.Share.button(shareOptions, buttonOptions);
		});
		} else if (window.VK.Share) {
		container.current.innerHTML = window.VK.Share.button(shareOptions, buttonOptions);
		}
		}
		}, []);
		return React__default.createElement("div", {
		ref: container
		});
		};

		return _possibleConstructorReturn(this, _getPrototypeOf(Subscribe).apply(this, arguments));
		}
		Share.defaultProps = {
		shareOptions: null,
		buttonOptions: null
		};

		_createClass(Subscribe, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Subscribe = function Subscribe(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		ownerId = _ref.ownerId,
		onSubscribe = _ref.onSubscribe,
		onUnsubscribe = _ref.onUnsubscribe;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Subscribe(elementId, options, ownerId);
		vk.Observer.subscribe("widgets.subscribed", onSubscribe);
		vk.Observer.subscribe("widgets.unsubscribed", onUnsubscribe);
		return function () {
		vk.Observer.unsubscribe("widgets.subscribed");
		vk.Observer.unsubscribe("widgets.unsubscribed");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		ownerId = _this$props.ownerId,
		onSubscribe = _this$props.onSubscribe,
		onUnsubscribe = _this$props.onUnsubscribe;
		vk.Widgets.Subscribe(elementId, options, ownerId);
		vk.Observer.subscribe("widgets.subscribed", onSubscribe);
		vk.Observer.subscribe("widgets.unsubscribed", onUnsubscribe);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		return Subscribe;
		}(React.Component);

		_defineProperty(Subscribe, "contextType", VKContext);

		_defineProperty(Subscribe, "defaultProps", {
		Subscribe.defaultProps = {
		elementId: "vk_subscribe",
		@@ -1069,51 +651,23 @@ options: {
		onUnsubscribe: function onUnsubscribe() {}
		});
		};

		var Post$1 =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Post, _React$Component);
		var Article = function Article(_ref) {
		var elementId = _ref.elementId,
		articleUrl = _ref.articleUrl;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Article(elementId, articleUrl);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Post() {
		_classCallCheck(this, Post);

		return _possibleConstructorReturn(this, _getPrototypeOf(Post).apply(this, arguments));
		}

		_createClass(Post, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		articleUrl = _this$props.articleUrl;
		vk.Widgets.Article(elementId, articleUrl);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Post;
		}(React.Component);

		_defineProperty(Post$1, "contextType", VKContext);

		_defineProperty(Post$1, "defaultProps", {
		Article.defaultProps = {
		elementId: "vk_article"
		});
		};

		exports.AllowMessagesFromCommunity = AllowMessagesFromCommunity;
		exports.Application = Application;
		exports.Article = Post$1;
		exports.Article = Article;
		exports.Auth = Auth;
		@@ -1130,3 +684,4 @@ exports.Comments = Comments;
		exports.Recommended = Recommended;
		exports.Share = Share;
		exports.Subscribe = Subscribe;
		exports.default = VK;

dist/react-vk.cjs.production.min.js

		@@ -1,2 +0,2 @@
		"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=_interopDefault(require("react"));function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){_defineProperty(e,t,n[t])})}return e}function _inherits(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&_setPrototypeOf(e,t)}function _getPrototypeOf(e){return(_getPrototypeOf=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function _setPrototypeOf(e,t){return(_setPrototypeOf=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function _assertThisInitialized(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function _possibleConstructorReturn(e,t){return!t\|\|"object"!=typeof t&&"function"!=typeof t?_assertThisInitialized(e):t}var VKContext=React.createContext(),VKApi=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(_classCallCheck(this,e),this.apiId=t,this.options=n,!t)throw new Error("You need to set apiId");this.promise=null,this.init()}return _createClass(e,[{key:"init",value:function(){var e=this.apiId,t=this.options,n=t.version,o=t.onlyWidgets;return this.promise?this.promise:(this.promise=new Promise(function(t){var r="https://vk.com/js/api/openapi.js?".concat(n);if(window.vkAsyncInit=function(){window.VK.init({apiId:e,onlyWidgets:o}),t(window.VK)},!document.getElementById("vk-openapi")){var i=document.createElement("script");i.type="text/javascript",i.id="vk-openapi",i.src=r,i.async=!0,document.head.appendChild(i)}}),this.promise)}}]),e}(),VKInstance=null,VK=function(e){function t(){var e,n;_classCallCheck(this,t);for(var o=arguments.length,r=new Array(o),i=0;i<o;i++)r[i]=arguments[i];return _defineProperty(_assertThisInitialized(n=_possibleConstructorReturn(this,(e=_getPrototypeOf(t)).call.apply(e,[this].concat(r)))),"_mounted",!0),_defineProperty(_assertThisInitialized(n),"state",{vk:null}),n}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){var e=this,t=this.props.onApiAvailable;"undefined"!=typeof window&&window.document&&window.document.createElement&&this.VKinit().then(function(n){t(n),e._mounted&&e.setState({vk:n})})}},{key:"componentWillUnmount",value:function(){this._mounted=!1}},{key:"VKinit",value:function(){var e=this.props,t=e.apiId,n=e.options;return this.vk\|\|(this.vk=VKInstance\|\|new VKApi(t,n),VKInstance=this.vk),this.vk.init()}},{key:"render",value:function(){var e=this.state.vk,t=this.props.children;return e?React.createElement(VKContext.Provider,{value:{vk:e}},t):null}}]),t}();_defineProperty(VK,"defaultProps",{options:{version:160,onlyWidgets:!0},onApiAvailable:function(){}});var AllowMessagesFromCommunity=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){this.context.vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.groupId,i=t.onAllow,s=t.onDeny;e.Widgets.AllowMessagesFromCommunity(n,o,r),e.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed",function(e){return i(e)}),e.Observer.subscribe("widgets.allowMessagesFromCommunity.denied",function(e){return s(e)})}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(AllowMessagesFromCommunity,"contextType",VKContext),_defineProperty(AllowMessagesFromCommunity,"defaultProps",{elementId:"vk_send_message",options:{height:24},onAllow:function(){},onDeny:function(){}});var Application=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.appId,r=t.options;e.Widgets.App(n,o,r)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Application,"contextType",VKContext),_defineProperty(Application,"defaultProps",{elementId:"vk_app",options:{mode:1}});var Auth=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=_objectSpread({},o);r.onAuth=function(e,t,n,r,i,s){return o.onAuth(e,t,n,r,i,s)},e.Widgets.Auth(n,r)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Auth,"contextType",VKContext),_defineProperty(Auth,"defaultProps",{elementId:"vk_auth",options:{width:300,onAuth:function(){}}});var Comments=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.comments.new_comment"),e.Observer.unsubscribe("widgets.comments.delete_comment")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.pageId,i=t.onNewComment,s=t.onDeleteComment;e.Widgets.Comments(n,o,r),e.Observer.subscribe("widgets.comments.new_comment",function(e,t,n,o){return i(e,t,n,o)}),e.Observer.subscribe("widgets.comments.delete_comment",s)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Comments,"contextType",VKContext),_defineProperty(Comments,"defaultProps",{elementId:"vk_comments",options:{height:0,limit:10,attach:"*",autoPublish:0,mini:"auto",norealtime:0},pageId:null,onNewComment:function(){},onDeleteComment:function(){}});var CommentsBrowse=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options;e.Widgets.CommentsBrowse(n,o)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(CommentsBrowse,"contextType",VKContext),_defineProperty(CommentsBrowse,"defaultProps",{elementId:"vk_comments_browse",options:{height:0,limit:10,mini:"auto",norealtime:0}});var CommunityMessages=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.groupId,r=t.options;(0,t.onMount)(e.Widgets.CommunityMessages(n,o,r),n)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(CommunityMessages,"contextType",VKContext),_defineProperty(CommunityMessages,"defaultProps",{elementId:"vk_community_messages",options:{onCanNotWrite:function(){},welcomeScreen:1,expandTimeout:0,expanded:0,widgetPosition:"right",buttonType:"blue_circle",disableButtonTooltip:0},onMount:function(){}});var ContactUs=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.ownerId;e.Widgets.ContactUs(n,o,-r)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(ContactUs,"contextType",VKContext),_defineProperty(ContactUs,"defaultProps",{elementId:"vk_contact_us",options:{height:24}});var Group=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.groups.joined"),e.Observer.unsubscribe("widgets.groups.leaved")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.groupId,i=t.onJoin,s=t.onLeave;e.Widgets.Group(n,o,r),e.Observer.subscribe("widgets.groups.joined",i),e.Observer.subscribe("widgets.groups.leaved",s)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Group,"contextType",VKContext),_defineProperty(Group,"defaultProps",{elementId:"vk_groups",options:{width:"auto",mode:3,no_cover:1,wide:1},onJoin:function(){},onLeave:function(){}});var Like=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.like.liked"),e.Observer.unsubscribe("widgets.like.unliked"),e.Observer.unsubscribe("widgets.like.shared"),e.Observer.unsubscribe("widgets.like.unshared")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.pageId,i=t.onLike,s=t.onUnlike,u=t.onShare,c=t.onUnshare;r?e.Widgets.Like(n,o,r):e.Widgets.Like(n,o),e.Observer.subscribe("widgets.like.liked",function(e){return i(e)}),e.Observer.subscribe("widgets.like.unliked",function(e){return s(e)}),e.Observer.subscribe("widgets.like.shared",function(e){return u(e)}),e.Observer.subscribe("widgets.like.unshared",function(e){return c(e)})}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Like,"contextType",VKContext),_defineProperty(Like,"defaultProps",{elementId:"vk_like",options:{type:"full",width:350,height:22,verb:0},pageId:null,onLike:function(){},onUnlike:function(){},onShare:function(){},onUnshare:function(){}});var Playlist=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.ownerId,r=t.playlistId,i=t.hash,s=t.options;e.Widgets.Playlist(n,-o,r,i,s)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Playlist,"contextType",VKContext),_defineProperty(Playlist,"defaultProps",{elementId:"vk_playlist",options:{}});var Poll=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.pollId;e.Widgets.Poll(n,o,r)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Poll,"contextType",VKContext),_defineProperty(Poll,"defaultProps",{elementId:"vk_poll",options:{height:24}});var Post=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.ownerId,r=t.postId,i=t.hash,s=t.options;e.Widgets.Post(n,o,r,i,s)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Post,"contextType",VKContext),_defineProperty(Post,"defaultProps",{elementId:"vk_post",options:{}});var Recommended=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options;e.Widgets.Recommended(n,o)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Recommended,"contextType",VKContext),_defineProperty(Recommended,"defaultProps",{elementId:"vk_recommend",options:{limit:5,max:20,period:"week",sort:"friend_like",target:"parent"}});var Subscribe=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.subscribed"),e.Observer.unsubscribe("widgets.unsubscribed")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=t.ownerId,i=t.onSubscribe,s=t.onUnsubscribe;e.Widgets.Subscribe(n,o,r),e.Observer.subscribe("widgets.subscribed",i),e.Observer.subscribe("widgets.unsubscribed",s)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Subscribe,"contextType",VKContext),_defineProperty(Subscribe,"defaultProps",{elementId:"vk_subscribe",options:{mode:0,soft:0},onSubscribe:function(){},onUnsubscribe:function(){}});var Post$1=function(e){function t(){return _classCallCheck(this,t),_possibleConstructorReturn(this,_getPrototypeOf(t).apply(this,arguments))}return _inherits(t,React.Component),_createClass(t,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.articleUrl;e.Widgets.Article(n,o)}},{key:"render",value:function(){var e=this.props.elementId;return React.createElement("div",{id:e})}}]),t}();_defineProperty(Post$1,"contextType",VKContext),_defineProperty(Post$1,"defaultProps",{elementId:"vk_article"}),exports.AllowMessagesFromCommunity=AllowMessagesFromCommunity,exports.Application=Application,exports.Article=Post$1,exports.Auth=Auth,exports.Comments=Comments,exports.CommentsBrowse=CommentsBrowse,exports.CommunityMessages=CommunityMessages,exports.ContactUs=ContactUs,exports.Group=Group,exports.Like=Like,exports.Playlist=Playlist,exports.Poll=Poll,exports.Post=Post,exports.Recommended=Recommended,exports.Subscribe=Subscribe,exports.default=VK;
		"use strict";function _interopDefault(e){return e&&"object"==typeof e&&"default"in e?e.default:e}Object.defineProperty(exports,"__esModule",{value:!0});var React=require("react"),React__default=_interopDefault(React);function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function _defineProperties(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function _createClass(e,t,n){return t&&_defineProperties(e.prototype,t),n&&_defineProperties(e,n),e}function _defineProperty(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function _objectSpread(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){_defineProperty(e,t,n[t])})}return e}function _slicedToArray(e,t){return _arrayWithHoles(e)\|\|_iterableToArrayLimit(e,t)\|\|_nonIterableRest()}function _arrayWithHoles(e){if(Array.isArray(e))return e}function _iterableToArrayLimit(e,t){var n=[],o=!0,i=!1,r=void 0;try{for(var s,u=e[Symbol.iterator]();!(o=(s=u.next()).done)&&(n.push(s.value),!t\|\|n.length!==t);o=!0);}catch(e){i=!0,r=e}finally{try{o\|\|null==u.return\|\|u.return()}finally{if(i)throw r}}return n}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}var VKContext=React__default.createContext(null),VKApi=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,e),this.apiId=t,this.options=n,this.promise=null,this.load()}return _createClass(e,[{key:"init",value:function(){var e=this.apiId,t=this.options.onlyWidgets;e&&window.VK.init({apiId:e,onlyWidgets:t})}},{key:"load",value:function(){var e=this,t=this.options.version;return this.promise?this.promise:(this.promise=new Promise(function(n){window.VK&&window.VK.init?(e.init(),n(window.VK)):window.vkAsyncInit=function(){e.init(),n(window.VK)};var o="https://vk.com/js/api/openapi.js?".concat(t);if(!document.getElementById("vk-openapi")){var i=document.createElement("script");i.type="text/javascript",i.id="vk-openapi",i.src=o,i.async=!0,document.head.appendChild(i)}}),this.promise)}}]),e}(),isDOMReady="undefined"!=typeof window&&window.document&&window.document.createElement,VK=function(e){var t=e.onApiAvailable,n=e.apiId,o=e.options,i=e.children,r=_slicedToArray(React.useState(null),2),s=r[0],u=r[1];return React.useEffect(function(){isDOMReady&&new VKApi(n,o).load().then(function(e){t(e),u(e)})},[]),s?React__default.createElement(VKContext.Provider,{value:s},i):null};VK.defaultProps={apiId:null,options:{version:160,onlyWidgets:!0},onApiAvailable:function(){}};var AllowMessagesFromCommunity=function(e){var t=e.elementId,n=e.options,o=e.groupId,i=e.onAllow,r=e.onDeny,s=React.useContext(VKContext);return React.useEffect(function(){return s.Widgets.AllowMessagesFromCommunity(t,n,o),s.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed",function(e){return i(e)}),s.Observer.subscribe("widgets.allowMessagesFromCommunity.denied",function(e){return r(e)}),function(){return s.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed")}},[]),React__default.createElement("div",{id:t})};AllowMessagesFromCommunity.defaultProps={elementId:"vk_allow_messages_from_community",options:{height:24},onAllow:function(){},onDeny:function(){}};var Application=function(e){var t=e.elementId,n=e.appId,o=e.options,i=React.useContext(VKContext);return React.useEffect(function(){i.Widgets.App(t,n,o)},[]),React__default.createElement("div",{id:t})};Application.defaultProps={elementId:"vk_app",options:{mode:1}};var Auth=function(e){var t=e.elementId,n=e.options,o=React.useContext(VKContext);return React.useEffect(function(){var e=_objectSpread({},n);e.onAuth=function(e,t,o,i,r,s){return n.onAuth(e,t,o,i,r,s)},o.Widgets.Auth(t,e)},[]),React__default.createElement("div",{id:t})};Auth.defaultProps={elementId:"vk_auth",options:{width:300,onAuth:function(){}}};var Comments=function(e){var t=e.elementId,n=e.options,o=e.pageId,i=e.onNewComment,r=e.onDeleteComment,s=React.useContext(VKContext);return React.useEffect(function(){return s.Widgets.Comments(t,n,o),s.Observer.subscribe("widgets.comments.new_comment",function(e,t,n,o){return i(e,t,n,o)}),s.Observer.subscribe("widgets.comments.delete_comment",r),function(){s.Observer.unsubscribe("widgets.comments.new_comment"),s.Observer.unsubscribe("widgets.comments.delete_comment")}},[]),React__default.createElement("div",{id:t})};Comments.defaultProps={elementId:"vk_comments",options:{height:0,limit:10,attach:"*",autoPublish:0,mini:"auto",norealtime:0},pageId:null,onNewComment:function(){},onDeleteComment:function(){}};var CommentsBrowse=function(e){var t=e.elementId,n=e.options,o=React.useContext(VKContext);return React.useEffect(function(){o.Widgets.CommentsBrowse(t,n)},[]),React__default.createElement("div",{id:t})};CommentsBrowse.defaultProps={elementId:"vk_comments_browse",options:{height:0,limit:10,mini:"auto",norealtime:0}};var CommunityMessages=function(e){var t=e.elementId,n=e.groupId,o=e.options,i=e.onMount,r=React.useContext(VKContext);return React.useEffect(function(){var e=r.Widgets.CommunityMessages(t,n,o);i(e,t)},[]),React__default.createElement("div",{id:t})};CommunityMessages.defaultProps={elementId:"vk_community_messages",options:{onCanNotWrite:function(){},welcomeScreen:1,expandTimeout:0,expanded:0,widgetPosition:"right",buttonType:"blue_circle",disableButtonTooltip:0},onMount:function(){}};var ContactUs=function(e){var t=e.elementId,n=e.options,o=e.ownerId,i=React.useContext(VKContext);return React.useEffect(function(){i.Widgets.ContactUs(t,n,-o)},[]),React__default.createElement("div",{id:t})};ContactUs.defaultProps={elementId:"vk_contact_us",options:{height:24}};var Group=function(e){var t=e.elementId,n=e.options,o=e.groupId,i=e.onJoin,r=e.onLeave,s=React.useContext(VKContext);return React.useEffect(function(){return s.Widgets.Group(t,n,o),s.Observer.subscribe("widgets.groups.joined",i),s.Observer.subscribe("widgets.groups.leaved",r),function(){s.Observer.unsubscribe("widgets.groups.joined"),s.Observer.unsubscribe("widgets.groups.leaved")}},[]),React__default.createElement("div",{id:t})};Group.defaultProps={elementId:"vk_groups",options:{width:"auto",mode:3,no_cover:1,wide:1},onJoin:function(){},onLeave:function(){}};var Like=function(e){var t=e.elementId,n=e.options,o=e.pageId,i=e.onLike,r=e.onUnlike,s=e.onShare,u=e.onUnshare,a=React.useContext(VKContext);return React.useEffect(function(){return o?a.Widgets.Like(t,n,o):a.Widgets.Like(t,n),a.Observer.subscribe("widgets.like.liked",function(e){return i(e)}),a.Observer.subscribe("widgets.like.unliked",function(e){return r(e)}),a.Observer.subscribe("widgets.like.shared",function(e){return s(e)}),a.Observer.subscribe("widgets.like.unshared",function(e){return u(e)}),function(){a.Observer.unsubscribe("widgets.like.liked"),a.Observer.unsubscribe("widgets.like.unliked"),a.Observer.unsubscribe("widgets.like.shared"),a.Observer.unsubscribe("widgets.like.unshared")}},[]),React__default.createElement("div",{id:t})};Like.defaultProps={elementId:"vk_like",options:{type:"full",width:350,height:22,verb:0},pageId:null,onLike:function(){},onUnlike:function(){},onShare:function(){},onUnshare:function(){}};var Playlist=function(e){var t=e.elementId,n=e.ownerId,o=e.playlistId,i=e.hash,r=e.options,s=React.useContext(VKContext);return React.useEffect(function(){s.Widgets.Playlist(t,-n,o,i,r)},[]),React__default.createElement("div",{id:t})};Playlist.defaultProps={elementId:"vk_playlist",options:{}};var Poll=function(e){var t=e.elementId,n=e.options,o=e.pollId,i=React.useContext(VKContext);return React.useEffect(function(){i.Widgets.Poll(t,n,o)},[]),React__default.createElement("div",{id:t})};Poll.defaultProps={elementId:"vk_poll",options:{height:24}};var Post=function(e){var t=e.elementId,n=e.ownerId,o=e.postId,i=e.hash,r=e.options,s=React.useContext(VKContext);return React.useEffect(function(){s.Widgets.Post(t,n,o,i,r)},[]),React__default.createElement("div",{id:t})};Post.defaultProps={elementId:"vk_post",options:{}};var Recommended=function(e){var t=e.elementId,n=e.options,o=React.useContext(VKContext);return React.useEffect(function(){o.Widgets.Recommended(t,n)},[]),React__default.createElement("div",{id:t})};Recommended.defaultProps={elementId:"vk_recommend",options:{limit:5,max:20,period:"week",sort:"friend_like",target:"parent"}};var URL="https://vk.com/js/api/share.js?93",Share=function(e){var t=e.shareOptions,n=e.buttonOptions,o=React__default.createRef();return React.useEffect(function(){if(isDOMReady)if(document.getElementById("vk-share"))window.VK.Share&&(o.current.innerHTML=window.VK.Share.button(t,n));else{var e=document.createElement("script");e.type="text/javascript",e.charset="windows-1251",e.id="vk-share",e.src=URL,e.async=!0,document.head.appendChild(e),e.addEventListener("load",function(){o.current.innerHTML=window.VK.Share.button(t,n)})}},[]),React__default.createElement("div",{ref:o})};Share.defaultProps={shareOptions:null,buttonOptions:null};var Subscribe=function(e){var t=e.elementId,n=e.options,o=e.ownerId,i=e.onSubscribe,r=e.onUnsubscribe,s=React.useContext(VKContext);return React.useEffect(function(){return s.Widgets.Subscribe(t,n,o),s.Observer.subscribe("widgets.subscribed",i),s.Observer.subscribe("widgets.unsubscribed",r),function(){s.Observer.unsubscribe("widgets.subscribed"),s.Observer.unsubscribe("widgets.unsubscribed")}},[]),React__default.createElement("div",{id:t})};Subscribe.defaultProps={elementId:"vk_subscribe",options:{mode:0,soft:0},onSubscribe:function(){},onUnsubscribe:function(){}};var Article=function(e){var t=e.elementId,n=e.articleUrl,o=React.useContext(VKContext);return React.useEffect(function(){o.Widgets.Article(t,n)},[]),React__default.createElement("div",{id:t})};Article.defaultProps={elementId:"vk_article"},exports.AllowMessagesFromCommunity=AllowMessagesFromCommunity,exports.Application=Application,exports.Article=Article,exports.Auth=Auth,exports.Comments=Comments,exports.CommentsBrowse=CommentsBrowse,exports.CommunityMessages=CommunityMessages,exports.ContactUs=ContactUs,exports.Group=Group,exports.Like=Like,exports.Playlist=Playlist,exports.Poll=Poll,exports.Post=Post,exports.Recommended=Recommended,exports.Share=Share,exports.Subscribe=Subscribe,exports.default=VK;
		//# sourceMappingURL=react-vk.cjs.production.min.js.map

1227

dist/react-vk.esm.js

		@@ -1,2 +0,2 @@
		import React from 'react';
		import React, { useState, useEffect, useContext } from 'react';

		@@ -59,50 +59,41 @@ function _classCallCheck(instance, Constructor) {

		function _inherits(subClass, superClass) {
		if (typeof superClass !== "function" && superClass !== null) {
		throw new TypeError("Super expression must either be null or a function");
		}

		subClass.prototype = Object.create(superClass && superClass.prototype, {
		constructor: {
		value: subClass,
		writable: true,
		configurable: true
		}
		});
		if (superClass) _setPrototypeOf(subClass, superClass);
		function _slicedToArray(arr, i) {
		return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _nonIterableRest();
		}

		function _getPrototypeOf(o) {
		_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
		return o.__proto__ \|\| Object.getPrototypeOf(o);
		};
		return _getPrototypeOf(o);
		function _arrayWithHoles(arr) {
		if (Array.isArray(arr)) return arr;
		}

		function _setPrototypeOf(o, p) {
		_setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) {
		o.__proto__ = p;
		return o;
		};
		function _iterableToArrayLimit(arr, i) {
		var _arr = [];
		var _n = true;
		var _d = false;
		var _e = undefined;

		return _setPrototypeOf(o, p);
		}
		try {
		for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
		_arr.push(_s.value);

		function _assertThisInitialized(self) {
		if (self === void 0) {
		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
		if (i && _arr.length === i) break;
		}
		} catch (err) {
		_d = true;
		_e = err;
		} finally {
		try {
		if (!_n && _i["return"] != null) _i["return"]();
		} finally {
		if (_d) throw _e;
		}
		}

		return self;
		return _arr;
		}

		function _possibleConstructorReturn(self, call) {
		if (call && (typeof call === "object" \|\| typeof call === "function")) {
		return call;
		}

		return _assertThisInitialized(self);
		function _nonIterableRest() {
		throw new TypeError("Invalid attempt to destructure non-iterable instance");
		}

		var VKContext = React.createContext();
		var VKContext = React.createContext(null);

		@@ -120,9 +111,4 @@ /* global document, window */
		this.options = options;

		if (!apiId) {
		throw new Error("You need to set apiId");
		}

		this.promise = null;
		this.init();
		this.load();
		}
		@@ -134,27 +120,41 @@
		var apiId = this.apiId,
		_this$options = this.options,
		version = _this$options.version,
		onlyWidgets = _this$options.onlyWidgets;
		onlyWidgets = this.options.onlyWidgets;

		if (apiId) {
		window.VK.init({
		apiId: apiId,
		onlyWidgets: onlyWidgets
		});
		}
		}
		}, {
		key: "load",
		value: function load() {
		var _this = this;

		var version = this.options.version;
		if (this.promise) return this.promise;
		this.promise = new Promise(function (resolve) {
		var baseUrl = "https://vk.com/js/api/openapi.js?".concat(version);
		if (window.VK && window.VK.init) {
		_this.init();

		window.vkAsyncInit = function () {
		window.VK.init({
		apiId: apiId,
		onlyWidgets: onlyWidgets
		});
		resolve(window.VK);
		};
		} else {
		window.vkAsyncInit = function () {
		_this.init();

		if (document.getElementById("vk-openapi")) {
		return;
		resolve(window.VK);
		};
		}

		var script = document.createElement("script");
		script.type = "text/javascript";
		script.id = "vk-openapi";
		script.src = baseUrl;
		script.async = true;
		document.head.appendChild(script);
		var baseUrl = "https://vk.com/js/api/openapi.js?".concat(version);

		if (!document.getElementById("vk-openapi")) {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.id = "vk-openapi";
		script.src = baseUrl;
		script.async = true;
		document.head.appendChild(script);
		}
		});
		@@ -168,83 +168,33 @@ return this.promise;

		var VKInstance = null;
		/* global window */

		var VK =
		/#__PURE__/
		function (_React$Component) {
		_inherits(VK, _React$Component);
		/* eslint-disable import/prefer-default-export */
		var isDOMReady = typeof window !== "undefined" && window.document && window.document.createElement;

		function VK() {
		var _getPrototypeOf2;
		var VK = function VK(_ref) {
		var onApiAvailable = _ref.onApiAvailable,
		apiId = _ref.apiId,
		options = _ref.options,
		children = _ref.children;

		var _this;
		var _useState = useState(null),
		_useState2 = _slicedToArray(_useState, 2),
		vk = _useState2[0],
		setVK = _useState2[1];

		_classCallCheck(this, VK);

		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		useEffect(function () {
		if (isDOMReady) {
		new VKApi(apiId, options).load().then(function (api) {
		onApiAvailable(api);
		setVK(api);
		});
		}
		}, []);
		return vk ? React.createElement(VKContext.Provider, {
		value: vk
		}, children) : null;
		};

		_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(VK)).call.apply(_getPrototypeOf2, [this].concat(args)));

		_defineProperty(_assertThisInitialized(_this), "_mounted", true);

		_defineProperty(_assertThisInitialized(_this), "state", {
		vk: null
		});

		return _this;
		}

		_createClass(VK, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this2 = this;

		var onApiAvailable = this.props.onApiAvailable;

		if (typeof window !== "undefined" && window.document && window.document.createElement) {
		this.VKinit().then(function (vk) {
		onApiAvailable(vk);
		if (_this2._mounted) _this2.setState({
		vk: vk
		});
		});
		}
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		this._mounted = false;
		}
		}, {
		key: "VKinit",
		value: function VKinit() {
		var _this$props = this.props,
		apiId = _this$props.apiId,
		options = _this$props.options;

		if (!this.vk) {
		this.vk = VKInstance \|\| new VKApi(apiId, options);
		VKInstance = this.vk;
		}

		return this.vk.init();
		}
		}, {
		key: "render",
		value: function render() {
		var vk = this.state.vk;
		var children = this.props.children;
		return vk ? React.createElement(VKContext.Provider, {
		value: {
		vk: vk
		}
		}, children) : null;
		}
		}]);

		return VK;
		}(React.Component);

		_defineProperty(VK, "defaultProps", {
		VK.defaultProps = {
		apiId: null,
		options: {
		@@ -255,61 +205,30 @@ version: 160,
		onApiAvailable: function onApiAvailable() {}
		});
		};

		var AllowMessagesFromCommunity =
		/#__PURE__/
		function (_React$Component) {
		_inherits(AllowMessagesFromCommunity, _React$Component);
		var AllowMessagesFromCommunity = function AllowMessagesFromCommunity(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		groupId = _ref.groupId,
		onAllow = _ref.onAllow,
		onDeny = _ref.onDeny;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.AllowMessagesFromCommunity(elementId, options, groupId);
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function (userId) {
		return onAllow(userId);
		});
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function (userId) {
		return onDeny(userId);
		});
		return function () {
		return vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed");
		};
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function AllowMessagesFromCommunity() {
		_classCallCheck(this, AllowMessagesFromCommunity);

		return _possibleConstructorReturn(this, _getPrototypeOf(AllowMessagesFromCommunity).apply(this, arguments));
		}

		_createClass(AllowMessagesFromCommunity, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		groupId = _this$props.groupId,
		onAllow = _this$props.onAllow,
		onDeny = _this$props.onDeny;
		vk.Widgets.AllowMessagesFromCommunity(elementId, options, groupId);
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function (userId) {
		return onAllow(userId);
		});
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function (userId) {
		return onDeny(userId);
		});
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return AllowMessagesFromCommunity;
		}(React.Component);

		_defineProperty(AllowMessagesFromCommunity, "contextType", VKContext);

		_defineProperty(AllowMessagesFromCommunity, "defaultProps", {
		elementId: "vk_send_message",
		AllowMessagesFromCommunity.defaultProps = {
		elementId: "vk_allow_messages_from_community",
		options: {
		@@ -320,46 +239,18 @@ height: 24
		onDeny: function onDeny() {}
		});
		};

		var Application =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Application, _React$Component);
		var Application = function Application(_ref) {
		var elementId = _ref.elementId,
		appId = _ref.appId,
		options = _ref.options;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.App(elementId, appId, options);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function Application() {
		_classCallCheck(this, Application);

		return _possibleConstructorReturn(this, _getPrototypeOf(Application).apply(this, arguments));
		}

		_createClass(Application, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		appId = _this$props.appId,
		options = _this$props.options;
		vk.Widgets.App(elementId, appId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Application;
		}(React.Component);

		_defineProperty(Application, "contextType", VKContext);

		_defineProperty(Application, "defaultProps", {
		Application.defaultProps = {
		elementId: "vk_app",
		@@ -369,52 +260,23 @@ options: {
		}
		});
		};

		var Auth =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Auth, _React$Component);
		var Auth = function Auth(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = useContext(VKContext);
		useEffect(function () {
		var copy = _objectSpread({}, options);

		function Auth() {
		_classCallCheck(this, Auth);
		copy.onAuth = function (uid, first_name, last_name, photo, photo_rec, hash) {
		return options.onAuth(uid, first_name, last_name, photo, photo_rec, hash);
		};

		return _possibleConstructorReturn(this, _getPrototypeOf(Auth).apply(this, arguments));
		}
		vk.Widgets.Auth(elementId, copy);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		_createClass(Auth, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;

		var copy = _objectSpread({}, options);

		copy.onAuth = function (uid, first_name, last_name, photo, photo_rec, hash) {
		return options.onAuth(uid, first_name, last_name, photo, photo_rec, hash);
		};

		vk.Widgets.Auth(elementId, copy);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Auth;
		}(React.Component);

		_defineProperty(Auth, "contextType", VKContext);

		_defineProperty(Auth, "defaultProps", {
		Auth.defaultProps = {
		elementId: "vk_auth",
		@@ -425,59 +287,28 @@ options: {
		}
		});
		};

		var Comments =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Comments, _React$Component);

		function Comments() {
		_classCallCheck(this, Comments);

		return _possibleConstructorReturn(this, _getPrototypeOf(Comments).apply(this, arguments));
		}

		_createClass(Comments, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Comments = function Comments(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pageId = _ref.pageId,
		onNewComment = _ref.onNewComment,
		onDeleteComment = _ref.onDeleteComment;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Comments(elementId, options, pageId);
		vk.Observer.subscribe("widgets.comments.new_comment", function (num, last_comment, date, sign) {
		return onNewComment(num, last_comment, date, sign);
		});
		vk.Observer.subscribe("widgets.comments.delete_comment", onDeleteComment);
		return function () {
		vk.Observer.unsubscribe("widgets.comments.new_comment");
		vk.Observer.unsubscribe("widgets.comments.delete_comment");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pageId = _this$props.pageId,
		onNewComment = _this$props.onNewComment,
		onDeleteComment = _this$props.onDeleteComment;
		vk.Widgets.Comments(elementId, options, pageId);
		vk.Observer.subscribe("widgets.comments.new_comment", function (num, last_comment, date, sign) {
		return onNewComment(num, last_comment, date, sign);
		});
		vk.Observer.subscribe("widgets.comments.delete_comment", onDeleteComment);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		return Comments;
		}(React.Component);

		_defineProperty(Comments, "contextType", VKContext);

		_defineProperty(Comments, "defaultProps", {
		Comments.defaultProps = {
		elementId: "vk_comments",
		@@ -495,45 +326,17 @@ options: {
		onDeleteComment: function onDeleteComment() {}
		});
		};

		var CommentsBrowse =
		/#__PURE__/
		function (_React$Component) {
		_inherits(CommentsBrowse, _React$Component);
		var CommentsBrowse = function CommentsBrowse(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.CommentsBrowse(elementId, options);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function CommentsBrowse() {
		_classCallCheck(this, CommentsBrowse);

		return _possibleConstructorReturn(this, _getPrototypeOf(CommentsBrowse).apply(this, arguments));
		}

		_createClass(CommentsBrowse, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;
		vk.Widgets.CommentsBrowse(elementId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return CommentsBrowse;
		}(React.Component);

		_defineProperty(CommentsBrowse, "contextType", VKContext);

		_defineProperty(CommentsBrowse, "defaultProps", {
		CommentsBrowse.defaultProps = {
		elementId: "vk_comments_browse",
		@@ -546,43 +349,20 @@ options: {
		}
		});
		};

		var CommunityMessages =
		/#__PURE__/
		function (_React$Component) {
		_inherits(CommunityMessages, _React$Component);
		var CommunityMessages = function CommunityMessages(_ref) {
		var elementId = _ref.elementId,
		groupId = _ref.groupId,
		options = _ref.options,
		onMount = _ref.onMount;
		var vk = useContext(VKContext);
		useEffect(function () {
		var widget = vk.Widgets.CommunityMessages(elementId, groupId, options);
		onMount(widget, elementId);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function CommunityMessages() {
		_classCallCheck(this, CommunityMessages);

		return _possibleConstructorReturn(this, _getPrototypeOf(CommunityMessages).apply(this, arguments));
		}

		_createClass(CommunityMessages, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		groupId = _this$props.groupId,
		options = _this$props.options,
		onMount = _this$props.onMount;
		var widget = vk.Widgets.CommunityMessages(elementId, groupId, options);
		onMount(widget, elementId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return CommunityMessages;
		}(React.Component);

		_defineProperty(CommunityMessages, "contextType", VKContext);

		_defineProperty(CommunityMessages, "defaultProps", {
		CommunityMessages.defaultProps = {
		elementId: "vk_community_messages",
		@@ -599,46 +379,18 @@ options: {
		onMount: function onMount() {}
		});
		};

		var ContactUs =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ContactUs, _React$Component);
		var ContactUs = function ContactUs(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		ownerId = _ref.ownerId;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.ContactUs(elementId, options, -ownerId);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function ContactUs() {
		_classCallCheck(this, ContactUs);

		return _possibleConstructorReturn(this, _getPrototypeOf(ContactUs).apply(this, arguments));
		}

		_createClass(ContactUs, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		ownerId = _this$props.ownerId;
		vk.Widgets.ContactUs(elementId, options, -ownerId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return ContactUs;
		}(React.Component);

		_defineProperty(ContactUs, "contextType", VKContext);

		_defineProperty(ContactUs, "defaultProps", {
		ContactUs.defaultProps = {
		elementId: "vk_contact_us",
		@@ -648,57 +400,26 @@ options: {
		}
		});
		};

		var Group =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Group, _React$Component);

		function Group() {
		_classCallCheck(this, Group);

		return _possibleConstructorReturn(this, _getPrototypeOf(Group).apply(this, arguments));
		}

		_createClass(Group, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Group = function Group(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		groupId = _ref.groupId,
		onJoin = _ref.onJoin,
		onLeave = _ref.onLeave;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Group(elementId, options, groupId);
		vk.Observer.subscribe("widgets.groups.joined", onJoin);
		vk.Observer.subscribe("widgets.groups.leaved", onLeave);
		return function () {
		vk.Observer.unsubscribe("widgets.groups.joined");
		vk.Observer.unsubscribe("widgets.groups.leaved");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		groupId = _this$props.groupId,
		onJoin = _this$props.onJoin,
		onLeave = _this$props.onLeave;
		vk.Widgets.Group(elementId, options, groupId);
		vk.Observer.subscribe("widgets.groups.joined", onJoin);
		vk.Observer.subscribe("widgets.groups.leaved", onLeave);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		return Group;
		}(React.Component);

		_defineProperty(Group, "contextType", VKContext);

		_defineProperty(Group, "defaultProps", {
		Group.defaultProps = {
		elementId: "vk_groups",
		@@ -713,24 +434,33 @@ options: {
		onLeave: function onLeave() {}
		});
		};

		var Like =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Like, _React$Component);
		var Like = function Like(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pageId = _ref.pageId,
		onLike = _ref.onLike,
		onUnlike = _ref.onUnlike,
		onShare = _ref.onShare,
		onUnshare = _ref.onUnshare;
		var vk = useContext(VKContext);
		useEffect(function () {
		if (pageId) {
		vk.Widgets.Like(elementId, options, pageId);
		} else {
		vk.Widgets.Like(elementId, options);
		}

		function Like() {
		_classCallCheck(this, Like);

		return _possibleConstructorReturn(this, _getPrototypeOf(Like).apply(this, arguments));
		}

		_createClass(Like, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		vk.Observer.subscribe("widgets.like.liked", function (quantity) {
		return onLike(quantity);
		});
		vk.Observer.subscribe("widgets.like.unliked", function (quantity) {
		return onUnlike(quantity);
		});
		vk.Observer.subscribe("widgets.like.shared", function (quantity) {
		return onShare(quantity);
		});
		vk.Observer.subscribe("widgets.like.unshared", function (quantity) {
		return onUnshare(quantity);
		});
		return function () {
		vk.Observer.unsubscribe("widgets.like.liked");
		@@ -740,51 +470,10 @@ vk.Observer.unsubscribe("widgets.like.unliked");
		vk.Observer.unsubscribe("widgets.like.unshared");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pageId = _this$props.pageId,
		onLike = _this$props.onLike,
		onUnlike = _this$props.onUnlike,
		onShare = _this$props.onShare,
		onUnshare = _this$props.onUnshare;
		};
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		if (pageId) {
		vk.Widgets.Like(elementId, options, pageId);
		} else {
		vk.Widgets.Like(elementId, options);
		}

		vk.Observer.subscribe("widgets.like.liked", function (quantity) {
		return onLike(quantity);
		});
		vk.Observer.subscribe("widgets.like.unliked", function (quantity) {
		return onUnlike(quantity);
		});
		vk.Observer.subscribe("widgets.like.shared", function (quantity) {
		return onShare(quantity);
		});
		vk.Observer.subscribe("widgets.like.unshared", function (quantity) {
		return onUnshare(quantity);
		});
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Like;
		}(React.Component);

		_defineProperty(Like, "contextType", VKContext);

		_defineProperty(Like, "defaultProps", {
		Like.defaultProps = {
		elementId: "vk_like",
		@@ -802,94 +491,38 @@ options: {
		onUnshare: function onUnshare() {}
		});
		};

		var Playlist =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Playlist, _React$Component);
		var Playlist = function Playlist(_ref) {
		var elementId = _ref.elementId,
		ownerId = _ref.ownerId,
		playlistId = _ref.playlistId,
		hash = _ref.hash,
		options = _ref.options;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Playlist(elementId, -ownerId, playlistId, hash, options);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function Playlist() {
		_classCallCheck(this, Playlist);

		return _possibleConstructorReturn(this, _getPrototypeOf(Playlist).apply(this, arguments));
		}

		_createClass(Playlist, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		ownerId = _this$props.ownerId,
		playlistId = _this$props.playlistId,
		hash = _this$props.hash,
		options = _this$props.options;
		vk.Widgets.Playlist(elementId, -ownerId, playlistId, hash, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Playlist;
		}(React.Component);

		_defineProperty(Playlist, "contextType", VKContext);

		_defineProperty(Playlist, "defaultProps", {
		Playlist.defaultProps = {
		elementId: "vk_playlist",
		options: {}
		});
		};

		var Poll =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Poll, _React$Component);
		var Poll = function Poll(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pollId = _ref.pollId;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Poll(elementId, options, pollId);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function Poll() {
		_classCallCheck(this, Poll);

		return _possibleConstructorReturn(this, _getPrototypeOf(Poll).apply(this, arguments));
		}

		_createClass(Poll, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pollId = _this$props.pollId;
		vk.Widgets.Poll(elementId, options, pollId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Poll;
		}(React.Component);

		_defineProperty(Poll, "contextType", VKContext);

		_defineProperty(Poll, "defaultProps", {
		Poll.defaultProps = {
		elementId: "vk_poll",
		@@ -899,93 +532,37 @@ options: {
		}
		});
		};

		var Post =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Post, _React$Component);
		var Post = function Post(_ref) {
		var elementId = _ref.elementId,
		ownerId = _ref.ownerId,
		postId = _ref.postId,
		hash = _ref.hash,
		options = _ref.options;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Post(elementId, ownerId, postId, hash, options);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function Post() {
		_classCallCheck(this, Post);

		return _possibleConstructorReturn(this, _getPrototypeOf(Post).apply(this, arguments));
		}

		_createClass(Post, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		ownerId = _this$props.ownerId,
		postId = _this$props.postId,
		hash = _this$props.hash,
		options = _this$props.options;
		vk.Widgets.Post(elementId, ownerId, postId, hash, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Post;
		}(React.Component);

		_defineProperty(Post, "contextType", VKContext);

		_defineProperty(Post, "defaultProps", {
		Post.defaultProps = {
		elementId: "vk_post",
		options: {}
		});
		};

		var Recommended =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Recommended, _React$Component);
		var Recommended = function Recommended(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Recommended(elementId, options);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function Recommended() {
		_classCallCheck(this, Recommended);

		return _possibleConstructorReturn(this, _getPrototypeOf(Recommended).apply(this, arguments));
		}

		_createClass(Recommended, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;
		vk.Widgets.Recommended(elementId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Recommended;
		}(React.Component);

		_defineProperty(Recommended, "contextType", VKContext);

		_defineProperty(Recommended, "defaultProps", {
		Recommended.defaultProps = {
		elementId: "vk_recommend",
		@@ -999,57 +576,61 @@ options: {
		}
		});
		};

		var Subscribe =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Subscribe, _React$Component);
		/* global document, window */
		var URL = "https://vk.com/js/api/share.js?93";

		function Subscribe() {
		_classCallCheck(this, Subscribe);
		var Share = function Share(_ref) {
		var shareOptions = _ref.shareOptions,
		buttonOptions = _ref.buttonOptions;
		var container = React.createRef();
		useEffect(function () {
		if (isDOMReady) {
		if (!document.getElementById("vk-share")) {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.charset = "windows-1251";
		script.id = "vk-share";
		script.src = URL;
		script.async = true;
		document.head.appendChild(script);
		script.addEventListener("load", function () {
		container.current.innerHTML = window.VK.Share.button(shareOptions, buttonOptions);
		});
		} else if (window.VK.Share) {
		container.current.innerHTML = window.VK.Share.button(shareOptions, buttonOptions);
		}
		}
		}, []);
		return React.createElement("div", {
		ref: container
		});
		};

		return _possibleConstructorReturn(this, _getPrototypeOf(Subscribe).apply(this, arguments));
		}
		Share.defaultProps = {
		shareOptions: null,
		buttonOptions: null
		};

		_createClass(Subscribe, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Subscribe = function Subscribe(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		ownerId = _ref.ownerId,
		onSubscribe = _ref.onSubscribe,
		onUnsubscribe = _ref.onUnsubscribe;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Subscribe(elementId, options, ownerId);
		vk.Observer.subscribe("widgets.subscribed", onSubscribe);
		vk.Observer.subscribe("widgets.unsubscribed", onUnsubscribe);
		return function () {
		vk.Observer.unsubscribe("widgets.subscribed");
		vk.Observer.unsubscribe("widgets.unsubscribed");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		ownerId = _this$props.ownerId,
		onSubscribe = _this$props.onSubscribe,
		onUnsubscribe = _this$props.onUnsubscribe;
		vk.Widgets.Subscribe(elementId, options, ownerId);
		vk.Observer.subscribe("widgets.subscribed", onSubscribe);
		vk.Observer.subscribe("widgets.unsubscribed", onUnsubscribe);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		return Subscribe;
		}(React.Component);

		_defineProperty(Subscribe, "contextType", VKContext);

		_defineProperty(Subscribe, "defaultProps", {
		Subscribe.defaultProps = {
		elementId: "vk_subscribe",
		@@ -1062,49 +643,21 @@ options: {
		onUnsubscribe: function onUnsubscribe() {}
		});
		};

		var Post$1 =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Post, _React$Component);
		var Article = function Article(_ref) {
		var elementId = _ref.elementId,
		articleUrl = _ref.articleUrl;
		var vk = useContext(VKContext);
		useEffect(function () {
		vk.Widgets.Article(elementId, articleUrl);
		}, []);
		return React.createElement("div", {
		id: elementId
		});
		};

		function Post() {
		_classCallCheck(this, Post);

		return _possibleConstructorReturn(this, _getPrototypeOf(Post).apply(this, arguments));
		}

		_createClass(Post, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		articleUrl = _this$props.articleUrl;
		vk.Widgets.Article(elementId, articleUrl);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Post;
		}(React.Component);

		_defineProperty(Post$1, "contextType", VKContext);

		_defineProperty(Post$1, "defaultProps", {
		Article.defaultProps = {
		elementId: "vk_article"
		});
		};

		export default VK;
		export { AllowMessagesFromCommunity, Application, Post$1 as Article, Auth, Comments, CommentsBrowse, CommunityMessages, ContactUs, Group, Like, Playlist, Poll, Post, Recommended, Subscribe };
		export { AllowMessagesFromCommunity, Application, Article, Auth, Comments, CommentsBrowse, CommunityMessages, ContactUs, Group, Like, Playlist, Poll, Post, Recommended, Share, Subscribe };

dist/react-vk.esm.production.min.js

		@@ -1,2 +0,2 @@
		import e from"react";function t(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function n(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function o(e,t,o){return t&&n(e.prototype,t),o&&n(e,o),e}function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&s(e,t)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function s(e,t){return(s=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function c(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function l(e,t){return!t\|\|"object"!=typeof t&&"function"!=typeof t?c(e):t}var p=e.createContext(),a=function(){function e(n){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(t(this,e),this.apiId=n,this.options=o,!n)throw new Error("You need to set apiId");this.promise=null,this.init()}return o(e,[{key:"init",value:function(){var e=this.apiId,t=this.options,n=t.version,o=t.onlyWidgets;return this.promise?this.promise:(this.promise=new Promise(function(t){var i="https://vk.com/js/api/openapi.js?".concat(n);if(window.vkAsyncInit=function(){window.VK.init({apiId:e,onlyWidgets:o}),t(window.VK)},!document.getElementById("vk-openapi")){var r=document.createElement("script");r.type="text/javascript",r.id="vk-openapi",r.src=i,r.async=!0,document.head.appendChild(r)}}),this.promise)}}]),e}(),d=null,m=function(n){function s(){var e,n;t(this,s);for(var o=arguments.length,r=new Array(o),p=0;p<o;p++)r[p]=arguments[p];return i(c(n=l(this,(e=u(s)).call.apply(e,[this].concat(r)))),"_mounted",!0),i(c(n),"state",{vk:null}),n}return r(s,e.Component),o(s,[{key:"componentDidMount",value:function(){var e=this,t=this.props.onApiAvailable;"undefined"!=typeof window&&window.document&&window.document.createElement&&this.VKinit().then(function(n){t(n),e._mounted&&e.setState({vk:n})})}},{key:"componentWillUnmount",value:function(){this._mounted=!1}},{key:"VKinit",value:function(){var e=this.props,t=e.apiId,n=e.options;return this.vk\|\|(this.vk=d\|\|new a(t,n),d=this.vk),this.vk.init()}},{key:"render",value:function(){var t=this.state.vk,n=this.props.children;return t?e.createElement(p.Provider,{value:{vk:t}},n):null}}]),s}();i(m,"defaultProps",{options:{version:160,onlyWidgets:!0},onApiAvailable:function(){}});var v=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){this.context.vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.groupId,r=t.onAllow,u=t.onDeny;e.Widgets.AllowMessagesFromCommunity(n,o,i),e.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed",function(e){return r(e)}),e.Observer.subscribe("widgets.allowMessagesFromCommunity.denied",function(e){return u(e)})}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(v,"contextType",p),i(v,"defaultProps",{elementId:"vk_send_message",options:{height:24},onAllow:function(){},onDeny:function(){}});var h=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.appId,i=t.options;e.Widgets.App(n,o,i)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(h,"contextType",p),i(h,"defaultProps",{elementId:"vk_app",options:{mode:1}});var f=function(n){function s(){return t(this,s),l(this,u(s).apply(this,arguments))}return r(s,e.Component),o(s,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,r=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){i(e,t,n[t])})}return e}({},o);r.onAuth=function(e,t,n,i,r,u){return o.onAuth(e,t,n,i,r,u)},e.Widgets.Auth(n,r)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),s}();i(f,"contextType",p),i(f,"defaultProps",{elementId:"vk_auth",options:{width:300,onAuth:function(){}}});var y=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.comments.new_comment"),e.Observer.unsubscribe("widgets.comments.delete_comment")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.pageId,r=t.onNewComment,u=t.onDeleteComment;e.Widgets.Comments(n,o,i),e.Observer.subscribe("widgets.comments.new_comment",function(e,t,n,o){return r(e,t,n,o)}),e.Observer.subscribe("widgets.comments.delete_comment",u)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(y,"contextType",p),i(y,"defaultProps",{elementId:"vk_comments",options:{height:0,limit:10,attach:"*",autoPublish:0,mini:"auto",norealtime:0},pageId:null,onNewComment:function(){},onDeleteComment:function(){}});var b=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options;e.Widgets.CommentsBrowse(n,o)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(b,"contextType",p),i(b,"defaultProps",{elementId:"vk_comments_browse",options:{height:0,limit:10,mini:"auto",norealtime:0}});var k=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.groupId,i=t.options;(0,t.onMount)(e.Widgets.CommunityMessages(n,o,i),n)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(k,"contextType",p),i(k,"defaultProps",{elementId:"vk_community_messages",options:{onCanNotWrite:function(){},welcomeScreen:1,expandTimeout:0,expanded:0,widgetPosition:"right",buttonType:"blue_circle",disableButtonTooltip:0},onMount:function(){}});var g=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.ownerId;e.Widgets.ContactUs(n,o,-i)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(g,"contextType",p),i(g,"defaultProps",{elementId:"vk_contact_us",options:{height:24}});var w=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.groups.joined"),e.Observer.unsubscribe("widgets.groups.leaved")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.groupId,r=t.onJoin,u=t.onLeave;e.Widgets.Group(n,o,i),e.Observer.subscribe("widgets.groups.joined",r),e.Observer.subscribe("widgets.groups.leaved",u)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(w,"contextType",p),i(w,"defaultProps",{elementId:"vk_groups",options:{width:"auto",mode:3,no_cover:1,wide:1},onJoin:function(){},onLeave:function(){}});var I=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.like.liked"),e.Observer.unsubscribe("widgets.like.unliked"),e.Observer.unsubscribe("widgets.like.shared"),e.Observer.unsubscribe("widgets.like.unshared")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.pageId,r=t.onLike,u=t.onUnlike,s=t.onShare,c=t.onUnshare;i?e.Widgets.Like(n,o,i):e.Widgets.Like(n,o),e.Observer.subscribe("widgets.like.liked",function(e){return r(e)}),e.Observer.subscribe("widgets.like.unliked",function(e){return u(e)}),e.Observer.subscribe("widgets.like.shared",function(e){return s(e)}),e.Observer.subscribe("widgets.like.unshared",function(e){return c(e)})}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(I,"contextType",p),i(I,"defaultProps",{elementId:"vk_like",options:{type:"full",width:350,height:22,verb:0},pageId:null,onLike:function(){},onUnlike:function(){},onShare:function(){},onUnshare:function(){}});var x=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.ownerId,i=t.playlistId,r=t.hash,u=t.options;e.Widgets.Playlist(n,-o,i,r,u)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(x,"contextType",p),i(x,"defaultProps",{elementId:"vk_playlist",options:{}});var O=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.pollId;e.Widgets.Poll(n,o,i)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(O,"contextType",p),i(O,"defaultProps",{elementId:"vk_poll",options:{height:24}});var _=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.ownerId,i=t.postId,r=t.hash,u=t.options;e.Widgets.Post(n,o,i,r,u)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(_,"contextType",p),i(_,"defaultProps",{elementId:"vk_post",options:{}});var C=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options;e.Widgets.Recommended(n,o)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(C,"contextType",p),i(C,"defaultProps",{elementId:"vk_recommend",options:{limit:5,max:20,period:"week",sort:"friend_like",target:"parent"}});var P=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.subscribed"),e.Observer.unsubscribe("widgets.unsubscribed")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.ownerId,r=t.onSubscribe,u=t.onUnsubscribe;e.Widgets.Subscribe(n,o,i),e.Observer.subscribe("widgets.subscribed",r),e.Observer.subscribe("widgets.unsubscribed",u)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(P,"contextType",p),i(P,"defaultProps",{elementId:"vk_subscribe",options:{mode:0,soft:0},onSubscribe:function(){},onUnsubscribe:function(){}});var W=function(n){function i(){return t(this,i),l(this,u(i).apply(this,arguments))}return r(i,e.Component),o(i,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.articleUrl;e.Widgets.Article(n,o)}},{key:"render",value:function(){var t=this.props.elementId;return e.createElement("div",{id:t})}}]),i}();i(W,"contextType",p),i(W,"defaultProps",{elementId:"vk_article"});export default m;export{v as AllowMessagesFromCommunity,h as Application,W as Article,f as Auth,y as Comments,b as CommentsBrowse,k as CommunityMessages,g as ContactUs,w as Group,I as Like,x as Playlist,O as Poll,_ as Post,C as Recommended,P as Subscribe};
		import e,{useState as n,useEffect as t,useContext as i}from"react";function r(e,n){for(var t=0;t<n.length;t++){var i=n[t];i.enumerable=i.enumerable\|\|!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}function s(e,n){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,n){var t=[],i=!0,r=!1,o=void 0;try{for(var s,u=e[Symbol.iterator]();!(i=(s=u.next()).done)&&(t.push(s.value),!n\|\|t.length!==n);i=!0);}catch(e){r=!0,o=e}finally{try{i\|\|null==u.return\|\|u.return()}finally{if(r)throw o}}return t}(e,n)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var u=e.createContext(null),d=function(){function e(n){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,n){if(!(e instanceof n))throw new TypeError("Cannot call a class as a function")}(this,e),this.apiId=n,this.options=t,this.promise=null,this.load()}var n,t,i;return n=e,(t=[{key:"init",value:function(){var e=this.apiId,n=this.options.onlyWidgets;e&&window.VK.init({apiId:e,onlyWidgets:n})}},{key:"load",value:function(){var e=this,n=this.options.version;return this.promise?this.promise:(this.promise=new Promise(function(t){window.VK&&window.VK.init?(e.init(),t(window.VK)):window.vkAsyncInit=function(){e.init(),t(window.VK)};var i="https://vk.com/js/api/openapi.js?".concat(n);if(!document.getElementById("vk-openapi")){var r=document.createElement("script");r.type="text/javascript",r.id="vk-openapi",r.src=i,r.async=!0,document.head.appendChild(r)}}),this.promise)}}])&&r(n.prototype,t),i&&r(n,i),e}(),a="undefined"!=typeof window&&window.document&&window.document.createElement,c=function(i){var r=i.onApiAvailable,o=i.apiId,c=i.options,l=i.children,m=s(n(null),2),p=m[0],v=m[1];return t(function(){a&&new d(o,c).load().then(function(e){r(e),v(e)})},[]),p?e.createElement(u.Provider,{value:p},l):null};c.defaultProps={apiId:null,options:{version:160,onlyWidgets:!0},onApiAvailable:function(){}};var l=function(n){var r=n.elementId,o=n.options,s=n.groupId,d=n.onAllow,a=n.onDeny,c=i(u);return t(function(){return c.Widgets.AllowMessagesFromCommunity(r,o,s),c.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed",function(e){return d(e)}),c.Observer.subscribe("widgets.allowMessagesFromCommunity.denied",function(e){return a(e)}),function(){return c.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed")}},[]),e.createElement("div",{id:r})};l.defaultProps={elementId:"vk_allow_messages_from_community",options:{height:24},onAllow:function(){},onDeny:function(){}};var m=function(n){var r=n.elementId,o=n.appId,s=n.options,d=i(u);return t(function(){d.Widgets.App(r,o,s)},[]),e.createElement("div",{id:r})};m.defaultProps={elementId:"vk_app",options:{mode:1}};var p=function(n){var r=n.elementId,s=n.options,d=i(u);return t(function(){var e=function(e){for(var n=1;n<arguments.length;n++){var t=null!=arguments[n]?arguments[n]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),i.forEach(function(n){o(e,n,t[n])})}return e}({},s);e.onAuth=function(e,n,t,i,r,o){return s.onAuth(e,n,t,i,r,o)},d.Widgets.Auth(r,e)},[]),e.createElement("div",{id:r})};p.defaultProps={elementId:"vk_auth",options:{width:300,onAuth:function(){}}};var v=function(n){var r=n.elementId,o=n.options,s=n.pageId,d=n.onNewComment,a=n.onDeleteComment,c=i(u);return t(function(){return c.Widgets.Comments(r,o,s),c.Observer.subscribe("widgets.comments.new_comment",function(e,n,t,i){return d(e,n,t,i)}),c.Observer.subscribe("widgets.comments.delete_comment",a),function(){c.Observer.unsubscribe("widgets.comments.new_comment"),c.Observer.unsubscribe("widgets.comments.delete_comment")}},[]),e.createElement("div",{id:r})};v.defaultProps={elementId:"vk_comments",options:{height:0,limit:10,attach:"*",autoPublish:0,mini:"auto",norealtime:0},pageId:null,onNewComment:function(){},onDeleteComment:function(){}};var f=function(n){var r=n.elementId,o=n.options,s=i(u);return t(function(){s.Widgets.CommentsBrowse(r,o)},[]),e.createElement("div",{id:r})};f.defaultProps={elementId:"vk_comments_browse",options:{height:0,limit:10,mini:"auto",norealtime:0}};var b=function(n){var r=n.elementId,o=n.groupId,s=n.options,d=n.onMount,a=i(u);return t(function(){var e=a.Widgets.CommunityMessages(r,o,s);d(e,r)},[]),e.createElement("div",{id:r})};b.defaultProps={elementId:"vk_community_messages",options:{onCanNotWrite:function(){},welcomeScreen:1,expandTimeout:0,expanded:0,widgetPosition:"right",buttonType:"blue_circle",disableButtonTooltip:0},onMount:function(){}};var w=function(n){var r=n.elementId,o=n.options,s=n.ownerId,d=i(u);return t(function(){d.Widgets.ContactUs(r,o,-s)},[]),e.createElement("div",{id:r})};w.defaultProps={elementId:"vk_contact_us",options:{height:24}};var g=function(n){var r=n.elementId,o=n.options,s=n.groupId,d=n.onJoin,a=n.onLeave,c=i(u);return t(function(){return c.Widgets.Group(r,o,s),c.Observer.subscribe("widgets.groups.joined",d),c.Observer.subscribe("widgets.groups.leaved",a),function(){c.Observer.unsubscribe("widgets.groups.joined"),c.Observer.unsubscribe("widgets.groups.leaved")}},[]),e.createElement("div",{id:r})};g.defaultProps={elementId:"vk_groups",options:{width:"auto",mode:3,no_cover:1,wide:1},onJoin:function(){},onLeave:function(){}};var h=function(n){var r=n.elementId,o=n.options,s=n.pageId,d=n.onLike,a=n.onUnlike,c=n.onShare,l=n.onUnshare,m=i(u);return t(function(){return s?m.Widgets.Like(r,o,s):m.Widgets.Like(r,o),m.Observer.subscribe("widgets.like.liked",function(e){return d(e)}),m.Observer.subscribe("widgets.like.unliked",function(e){return a(e)}),m.Observer.subscribe("widgets.like.shared",function(e){return c(e)}),m.Observer.subscribe("widgets.like.unshared",function(e){return l(e)}),function(){m.Observer.unsubscribe("widgets.like.liked"),m.Observer.unsubscribe("widgets.like.unliked"),m.Observer.unsubscribe("widgets.like.shared"),m.Observer.unsubscribe("widgets.like.unshared")}},[]),e.createElement("div",{id:r})};h.defaultProps={elementId:"vk_like",options:{type:"full",width:350,height:22,verb:0},pageId:null,onLike:function(){},onUnlike:function(){},onShare:function(){},onUnshare:function(){}};var I=function(n){var r=n.elementId,o=n.ownerId,s=n.playlistId,d=n.hash,a=n.options,c=i(u);return t(function(){c.Widgets.Playlist(r,-o,s,d,a)},[]),e.createElement("div",{id:r})};I.defaultProps={elementId:"vk_playlist",options:{}};var k=function(n){var r=n.elementId,o=n.options,s=n.pollId,d=i(u);return t(function(){d.Widgets.Poll(r,o,s)},[]),e.createElement("div",{id:r})};k.defaultProps={elementId:"vk_poll",options:{height:24}};var y=function(n){var r=n.elementId,o=n.ownerId,s=n.postId,d=n.hash,a=n.options,c=i(u);return t(function(){c.Widgets.Post(r,o,s,d,a)},[]),e.createElement("div",{id:r})};y.defaultProps={elementId:"vk_post",options:{}};var O=function(n){var r=n.elementId,o=n.options,s=i(u);return t(function(){s.Widgets.Recommended(r,o)},[]),e.createElement("div",{id:r})};O.defaultProps={elementId:"vk_recommend",options:{limit:5,max:20,period:"week",sort:"friend_like",target:"parent"}};var P=function(n){var i=n.shareOptions,r=n.buttonOptions,o=e.createRef();return t(function(){if(a)if(document.getElementById("vk-share"))window.VK.Share&&(o.current.innerHTML=window.VK.Share.button(i,r));else{var e=document.createElement("script");e.type="text/javascript",e.charset="windows-1251",e.id="vk-share",e.src="https://vk.com/js/api/share.js?93",e.async=!0,document.head.appendChild(e),e.addEventListener("load",function(){o.current.innerHTML=window.VK.Share.button(i,r)})}},[]),e.createElement("div",{ref:o})};P.defaultProps={shareOptions:null,buttonOptions:null};var _=function(n){var r=n.elementId,o=n.options,s=n.ownerId,d=n.onSubscribe,a=n.onUnsubscribe,c=i(u);return t(function(){return c.Widgets.Subscribe(r,o,s),c.Observer.subscribe("widgets.subscribed",d),c.Observer.subscribe("widgets.unsubscribed",a),function(){c.Observer.unsubscribe("widgets.subscribed"),c.Observer.unsubscribe("widgets.unsubscribed")}},[]),e.createElement("div",{id:r})};_.defaultProps={elementId:"vk_subscribe",options:{mode:0,soft:0},onSubscribe:function(){},onUnsubscribe:function(){}};var E=function(n){var r=n.elementId,o=n.articleUrl,s=i(u);return t(function(){s.Widgets.Article(r,o)},[]),e.createElement("div",{id:r})};E.defaultProps={elementId:"vk_article"};export default c;export{l as AllowMessagesFromCommunity,m as Application,E as Article,p as Auth,v as Comments,f as CommentsBrowse,b as CommunityMessages,w as ContactUs,g as Group,h as Like,I as Playlist,k as Poll,y as Post,O as Recommended,P as Share,_ as Subscribe};
		//# sourceMappingURL=react-vk.esm.production.min.js.map

1228

dist/react-vk.umd.js

		@@ -7,3 +7,3 @@ (function (global, factory) {

		React = React && React.hasOwnProperty('default') ? React['default'] : React;
		var React__default = 'default' in React ? React['default'] : React;

		@@ -66,50 +66,41 @@ function _classCallCheck(instance, Constructor) {

		function _inherits(subClass, superClass) {
		if (typeof superClass !== "function" && superClass !== null) {
		throw new TypeError("Super expression must either be null or a function");
		}

		subClass.prototype = Object.create(superClass && superClass.prototype, {
		constructor: {
		value: subClass,
		writable: true,
		configurable: true
		}
		});
		if (superClass) _setPrototypeOf(subClass, superClass);
		function _slicedToArray(arr, i) {
		return _arrayWithHoles(arr) \|\| _iterableToArrayLimit(arr, i) \|\| _nonIterableRest();
		}

		function _getPrototypeOf(o) {
		_getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) {
		return o.__proto__ \|\| Object.getPrototypeOf(o);
		};
		return _getPrototypeOf(o);
		function _arrayWithHoles(arr) {
		if (Array.isArray(arr)) return arr;
		}

		function _setPrototypeOf(o, p) {
		_setPrototypeOf = Object.setPrototypeOf \|\| function _setPrototypeOf(o, p) {
		o.__proto__ = p;
		return o;
		};
		function _iterableToArrayLimit(arr, i) {
		var _arr = [];
		var _n = true;
		var _d = false;
		var _e = undefined;

		return _setPrototypeOf(o, p);
		}
		try {
		for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
		_arr.push(_s.value);

		function _assertThisInitialized(self) {
		if (self === void 0) {
		throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
		if (i && _arr.length === i) break;
		}
		} catch (err) {
		_d = true;
		_e = err;
		} finally {
		try {
		if (!_n && _i["return"] != null) _i["return"]();
		} finally {
		if (_d) throw _e;
		}
		}

		return self;
		return _arr;
		}

		function _possibleConstructorReturn(self, call) {
		if (call && (typeof call === "object" \|\| typeof call === "function")) {
		return call;
		}

		return _assertThisInitialized(self);
		function _nonIterableRest() {
		throw new TypeError("Invalid attempt to destructure non-iterable instance");
		}

		var VKContext = React.createContext();
		var VKContext = React__default.createContext(null);

		@@ -127,9 +118,4 @@ /* global document, window */
		this.options = options;

		if (!apiId) {
		throw new Error("You need to set apiId");
		}

		this.promise = null;
		this.init();
		this.load();
		}
		@@ -141,27 +127,41 @@
		var apiId = this.apiId,
		_this$options = this.options,
		version = _this$options.version,
		onlyWidgets = _this$options.onlyWidgets;
		onlyWidgets = this.options.onlyWidgets;

		if (apiId) {
		window.VK.init({
		apiId: apiId,
		onlyWidgets: onlyWidgets
		});
		}
		}
		}, {
		key: "load",
		value: function load() {
		var _this = this;

		var version = this.options.version;
		if (this.promise) return this.promise;
		this.promise = new Promise(function (resolve) {
		var baseUrl = "https://vk.com/js/api/openapi.js?".concat(version);
		if (window.VK && window.VK.init) {
		_this.init();

		window.vkAsyncInit = function () {
		window.VK.init({
		apiId: apiId,
		onlyWidgets: onlyWidgets
		});
		resolve(window.VK);
		};
		} else {
		window.vkAsyncInit = function () {
		_this.init();

		if (document.getElementById("vk-openapi")) {
		return;
		resolve(window.VK);
		};
		}

		var script = document.createElement("script");
		script.type = "text/javascript";
		script.id = "vk-openapi";
		script.src = baseUrl;
		script.async = true;
		document.head.appendChild(script);
		var baseUrl = "https://vk.com/js/api/openapi.js?".concat(version);

		if (!document.getElementById("vk-openapi")) {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.id = "vk-openapi";
		script.src = baseUrl;
		script.async = true;
		document.head.appendChild(script);
		}
		});
		@@ -175,83 +175,33 @@ return this.promise;

		var VKInstance = null;
		/* global window */

		var VK =
		/#__PURE__/
		function (_React$Component) {
		_inherits(VK, _React$Component);
		/* eslint-disable import/prefer-default-export */
		var isDOMReady = typeof window !== "undefined" && window.document && window.document.createElement;

		function VK() {
		var _getPrototypeOf2;
		var VK = function VK(_ref) {
		var onApiAvailable = _ref.onApiAvailable,
		apiId = _ref.apiId,
		options = _ref.options,
		children = _ref.children;

		var _this;
		var _useState = React.useState(null),
		_useState2 = _slicedToArray(_useState, 2),
		vk = _useState2[0],
		setVK = _useState2[1];

		_classCallCheck(this, VK);

		for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
		args[_key] = arguments[_key];
		React.useEffect(function () {
		if (isDOMReady) {
		new VKApi(apiId, options).load().then(function (api) {
		onApiAvailable(api);
		setVK(api);
		});
		}
		}, []);
		return vk ? React__default.createElement(VKContext.Provider, {
		value: vk
		}, children) : null;
		};

		_this = _possibleConstructorReturn(this, (_getPrototypeOf2 = _getPrototypeOf(VK)).call.apply(_getPrototypeOf2, [this].concat(args)));

		_defineProperty(_assertThisInitialized(_this), "_mounted", true);

		_defineProperty(_assertThisInitialized(_this), "state", {
		vk: null
		});

		return _this;
		}

		_createClass(VK, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var _this2 = this;

		var onApiAvailable = this.props.onApiAvailable;

		if (typeof window !== "undefined" && window.document && window.document.createElement) {
		this.VKinit().then(function (vk) {
		onApiAvailable(vk);
		if (_this2._mounted) _this2.setState({
		vk: vk
		});
		});
		}
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		this._mounted = false;
		}
		}, {
		key: "VKinit",
		value: function VKinit() {
		var _this$props = this.props,
		apiId = _this$props.apiId,
		options = _this$props.options;

		if (!this.vk) {
		this.vk = VKInstance \|\| new VKApi(apiId, options);
		VKInstance = this.vk;
		}

		return this.vk.init();
		}
		}, {
		key: "render",
		value: function render() {
		var vk = this.state.vk;
		var children = this.props.children;
		return vk ? React.createElement(VKContext.Provider, {
		value: {
		vk: vk
		}
		}, children) : null;
		}
		}]);

		return VK;
		}(React.Component);

		_defineProperty(VK, "defaultProps", {
		VK.defaultProps = {
		apiId: null,
		options: {
		@@ -262,61 +212,30 @@ version: 160,
		onApiAvailable: function onApiAvailable() {}
		});
		};

		var AllowMessagesFromCommunity =
		/#__PURE__/
		function (_React$Component) {
		_inherits(AllowMessagesFromCommunity, _React$Component);
		var AllowMessagesFromCommunity = function AllowMessagesFromCommunity(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		groupId = _ref.groupId,
		onAllow = _ref.onAllow,
		onDeny = _ref.onDeny;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.AllowMessagesFromCommunity(elementId, options, groupId);
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function (userId) {
		return onAllow(userId);
		});
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function (userId) {
		return onDeny(userId);
		});
		return function () {
		return vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed");
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function AllowMessagesFromCommunity() {
		_classCallCheck(this, AllowMessagesFromCommunity);

		return _possibleConstructorReturn(this, _getPrototypeOf(AllowMessagesFromCommunity).apply(this, arguments));
		}

		_createClass(AllowMessagesFromCommunity, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		groupId = _this$props.groupId,
		onAllow = _this$props.onAllow,
		onDeny = _this$props.onDeny;
		vk.Widgets.AllowMessagesFromCommunity(elementId, options, groupId);
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed", function (userId) {
		return onAllow(userId);
		});
		vk.Observer.subscribe("widgets.allowMessagesFromCommunity.denied", function (userId) {
		return onDeny(userId);
		});
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return AllowMessagesFromCommunity;
		}(React.Component);

		_defineProperty(AllowMessagesFromCommunity, "contextType", VKContext);

		_defineProperty(AllowMessagesFromCommunity, "defaultProps", {
		elementId: "vk_send_message",
		AllowMessagesFromCommunity.defaultProps = {
		elementId: "vk_allow_messages_from_community",
		options: {
		@@ -327,46 +246,18 @@ height: 24
		onDeny: function onDeny() {}
		});
		};

		var Application =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Application, _React$Component);
		var Application = function Application(_ref) {
		var elementId = _ref.elementId,
		appId = _ref.appId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.App(elementId, appId, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Application() {
		_classCallCheck(this, Application);

		return _possibleConstructorReturn(this, _getPrototypeOf(Application).apply(this, arguments));
		}

		_createClass(Application, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		appId = _this$props.appId,
		options = _this$props.options;
		vk.Widgets.App(elementId, appId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Application;
		}(React.Component);

		_defineProperty(Application, "contextType", VKContext);

		_defineProperty(Application, "defaultProps", {
		Application.defaultProps = {
		elementId: "vk_app",
		@@ -376,52 +267,23 @@ options: {
		}
		});
		};

		var Auth =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Auth, _React$Component);
		var Auth = function Auth(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		var copy = _objectSpread({}, options);

		function Auth() {
		_classCallCheck(this, Auth);
		copy.onAuth = function (uid, first_name, last_name, photo, photo_rec, hash) {
		return options.onAuth(uid, first_name, last_name, photo, photo_rec, hash);
		};

		return _possibleConstructorReturn(this, _getPrototypeOf(Auth).apply(this, arguments));
		}
		vk.Widgets.Auth(elementId, copy);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		_createClass(Auth, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;

		var copy = _objectSpread({}, options);

		copy.onAuth = function (uid, first_name, last_name, photo, photo_rec, hash) {
		return options.onAuth(uid, first_name, last_name, photo, photo_rec, hash);
		};

		vk.Widgets.Auth(elementId, copy);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Auth;
		}(React.Component);

		_defineProperty(Auth, "contextType", VKContext);

		_defineProperty(Auth, "defaultProps", {
		Auth.defaultProps = {
		elementId: "vk_auth",
		@@ -432,59 +294,28 @@ options: {
		}
		});
		};

		var Comments =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Comments, _React$Component);

		function Comments() {
		_classCallCheck(this, Comments);

		return _possibleConstructorReturn(this, _getPrototypeOf(Comments).apply(this, arguments));
		}

		_createClass(Comments, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Comments = function Comments(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pageId = _ref.pageId,
		onNewComment = _ref.onNewComment,
		onDeleteComment = _ref.onDeleteComment;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Comments(elementId, options, pageId);
		vk.Observer.subscribe("widgets.comments.new_comment", function (num, last_comment, date, sign) {
		return onNewComment(num, last_comment, date, sign);
		});
		vk.Observer.subscribe("widgets.comments.delete_comment", onDeleteComment);
		return function () {
		vk.Observer.unsubscribe("widgets.comments.new_comment");
		vk.Observer.unsubscribe("widgets.comments.delete_comment");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pageId = _this$props.pageId,
		onNewComment = _this$props.onNewComment,
		onDeleteComment = _this$props.onDeleteComment;
		vk.Widgets.Comments(elementId, options, pageId);
		vk.Observer.subscribe("widgets.comments.new_comment", function (num, last_comment, date, sign) {
		return onNewComment(num, last_comment, date, sign);
		});
		vk.Observer.subscribe("widgets.comments.delete_comment", onDeleteComment);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		return Comments;
		}(React.Component);

		_defineProperty(Comments, "contextType", VKContext);

		_defineProperty(Comments, "defaultProps", {
		Comments.defaultProps = {
		elementId: "vk_comments",
		@@ -502,45 +333,17 @@ options: {
		onDeleteComment: function onDeleteComment() {}
		});
		};

		var CommentsBrowse =
		/#__PURE__/
		function (_React$Component) {
		_inherits(CommentsBrowse, _React$Component);
		var CommentsBrowse = function CommentsBrowse(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.CommentsBrowse(elementId, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function CommentsBrowse() {
		_classCallCheck(this, CommentsBrowse);

		return _possibleConstructorReturn(this, _getPrototypeOf(CommentsBrowse).apply(this, arguments));
		}

		_createClass(CommentsBrowse, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;
		vk.Widgets.CommentsBrowse(elementId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return CommentsBrowse;
		}(React.Component);

		_defineProperty(CommentsBrowse, "contextType", VKContext);

		_defineProperty(CommentsBrowse, "defaultProps", {
		CommentsBrowse.defaultProps = {
		elementId: "vk_comments_browse",
		@@ -553,43 +356,20 @@ options: {
		}
		});
		};

		var CommunityMessages =
		/#__PURE__/
		function (_React$Component) {
		_inherits(CommunityMessages, _React$Component);
		var CommunityMessages = function CommunityMessages(_ref) {
		var elementId = _ref.elementId,
		groupId = _ref.groupId,
		options = _ref.options,
		onMount = _ref.onMount;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		var widget = vk.Widgets.CommunityMessages(elementId, groupId, options);
		onMount(widget, elementId);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function CommunityMessages() {
		_classCallCheck(this, CommunityMessages);

		return _possibleConstructorReturn(this, _getPrototypeOf(CommunityMessages).apply(this, arguments));
		}

		_createClass(CommunityMessages, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		groupId = _this$props.groupId,
		options = _this$props.options,
		onMount = _this$props.onMount;
		var widget = vk.Widgets.CommunityMessages(elementId, groupId, options);
		onMount(widget, elementId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return CommunityMessages;
		}(React.Component);

		_defineProperty(CommunityMessages, "contextType", VKContext);

		_defineProperty(CommunityMessages, "defaultProps", {
		CommunityMessages.defaultProps = {
		elementId: "vk_community_messages",
		@@ -606,46 +386,18 @@ options: {
		onMount: function onMount() {}
		});
		};

		var ContactUs =
		/#__PURE__/
		function (_React$Component) {
		_inherits(ContactUs, _React$Component);
		var ContactUs = function ContactUs(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		ownerId = _ref.ownerId;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.ContactUs(elementId, options, -ownerId);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function ContactUs() {
		_classCallCheck(this, ContactUs);

		return _possibleConstructorReturn(this, _getPrototypeOf(ContactUs).apply(this, arguments));
		}

		_createClass(ContactUs, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		ownerId = _this$props.ownerId;
		vk.Widgets.ContactUs(elementId, options, -ownerId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return ContactUs;
		}(React.Component);

		_defineProperty(ContactUs, "contextType", VKContext);

		_defineProperty(ContactUs, "defaultProps", {
		ContactUs.defaultProps = {
		elementId: "vk_contact_us",
		@@ -655,57 +407,26 @@ options: {
		}
		});
		};

		var Group =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Group, _React$Component);

		function Group() {
		_classCallCheck(this, Group);

		return _possibleConstructorReturn(this, _getPrototypeOf(Group).apply(this, arguments));
		}

		_createClass(Group, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Group = function Group(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		groupId = _ref.groupId,
		onJoin = _ref.onJoin,
		onLeave = _ref.onLeave;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Group(elementId, options, groupId);
		vk.Observer.subscribe("widgets.groups.joined", onJoin);
		vk.Observer.subscribe("widgets.groups.leaved", onLeave);
		return function () {
		vk.Observer.unsubscribe("widgets.groups.joined");
		vk.Observer.unsubscribe("widgets.groups.leaved");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		groupId = _this$props.groupId,
		onJoin = _this$props.onJoin,
		onLeave = _this$props.onLeave;
		vk.Widgets.Group(elementId, options, groupId);
		vk.Observer.subscribe("widgets.groups.joined", onJoin);
		vk.Observer.subscribe("widgets.groups.leaved", onLeave);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		return Group;
		}(React.Component);

		_defineProperty(Group, "contextType", VKContext);

		_defineProperty(Group, "defaultProps", {
		Group.defaultProps = {
		elementId: "vk_groups",
		@@ -720,24 +441,33 @@ options: {
		onLeave: function onLeave() {}
		});
		};

		var Like =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Like, _React$Component);
		var Like = function Like(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pageId = _ref.pageId,
		onLike = _ref.onLike,
		onUnlike = _ref.onUnlike,
		onShare = _ref.onShare,
		onUnshare = _ref.onUnshare;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		if (pageId) {
		vk.Widgets.Like(elementId, options, pageId);
		} else {
		vk.Widgets.Like(elementId, options);
		}

		function Like() {
		_classCallCheck(this, Like);

		return _possibleConstructorReturn(this, _getPrototypeOf(Like).apply(this, arguments));
		}

		_createClass(Like, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		vk.Observer.subscribe("widgets.like.liked", function (quantity) {
		return onLike(quantity);
		});
		vk.Observer.subscribe("widgets.like.unliked", function (quantity) {
		return onUnlike(quantity);
		});
		vk.Observer.subscribe("widgets.like.shared", function (quantity) {
		return onShare(quantity);
		});
		vk.Observer.subscribe("widgets.like.unshared", function (quantity) {
		return onUnshare(quantity);
		});
		return function () {
		vk.Observer.unsubscribe("widgets.like.liked");
		@@ -747,51 +477,10 @@ vk.Observer.unsubscribe("widgets.like.unliked");
		vk.Observer.unsubscribe("widgets.like.unshared");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pageId = _this$props.pageId,
		onLike = _this$props.onLike,
		onUnlike = _this$props.onUnlike,
		onShare = _this$props.onShare,
		onUnshare = _this$props.onUnshare;
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		if (pageId) {
		vk.Widgets.Like(elementId, options, pageId);
		} else {
		vk.Widgets.Like(elementId, options);
		}

		vk.Observer.subscribe("widgets.like.liked", function (quantity) {
		return onLike(quantity);
		});
		vk.Observer.subscribe("widgets.like.unliked", function (quantity) {
		return onUnlike(quantity);
		});
		vk.Observer.subscribe("widgets.like.shared", function (quantity) {
		return onShare(quantity);
		});
		vk.Observer.subscribe("widgets.like.unshared", function (quantity) {
		return onUnshare(quantity);
		});
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Like;
		}(React.Component);

		_defineProperty(Like, "contextType", VKContext);

		_defineProperty(Like, "defaultProps", {
		Like.defaultProps = {
		elementId: "vk_like",
		@@ -809,94 +498,38 @@ options: {
		onUnshare: function onUnshare() {}
		});
		};

		var Playlist =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Playlist, _React$Component);
		var Playlist = function Playlist(_ref) {
		var elementId = _ref.elementId,
		ownerId = _ref.ownerId,
		playlistId = _ref.playlistId,
		hash = _ref.hash,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Playlist(elementId, -ownerId, playlistId, hash, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Playlist() {
		_classCallCheck(this, Playlist);

		return _possibleConstructorReturn(this, _getPrototypeOf(Playlist).apply(this, arguments));
		}

		_createClass(Playlist, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		ownerId = _this$props.ownerId,
		playlistId = _this$props.playlistId,
		hash = _this$props.hash,
		options = _this$props.options;
		vk.Widgets.Playlist(elementId, -ownerId, playlistId, hash, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Playlist;
		}(React.Component);

		_defineProperty(Playlist, "contextType", VKContext);

		_defineProperty(Playlist, "defaultProps", {
		Playlist.defaultProps = {
		elementId: "vk_playlist",
		options: {}
		});
		};

		var Poll =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Poll, _React$Component);
		var Poll = function Poll(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		pollId = _ref.pollId;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Poll(elementId, options, pollId);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Poll() {
		_classCallCheck(this, Poll);

		return _possibleConstructorReturn(this, _getPrototypeOf(Poll).apply(this, arguments));
		}

		_createClass(Poll, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		pollId = _this$props.pollId;
		vk.Widgets.Poll(elementId, options, pollId);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Poll;
		}(React.Component);

		_defineProperty(Poll, "contextType", VKContext);

		_defineProperty(Poll, "defaultProps", {
		Poll.defaultProps = {
		elementId: "vk_poll",
		@@ -906,93 +539,37 @@ options: {
		}
		});
		};

		var Post =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Post, _React$Component);
		var Post = function Post(_ref) {
		var elementId = _ref.elementId,
		ownerId = _ref.ownerId,
		postId = _ref.postId,
		hash = _ref.hash,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Post(elementId, ownerId, postId, hash, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Post() {
		_classCallCheck(this, Post);

		return _possibleConstructorReturn(this, _getPrototypeOf(Post).apply(this, arguments));
		}

		_createClass(Post, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		ownerId = _this$props.ownerId,
		postId = _this$props.postId,
		hash = _this$props.hash,
		options = _this$props.options;
		vk.Widgets.Post(elementId, ownerId, postId, hash, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Post;
		}(React.Component);

		_defineProperty(Post, "contextType", VKContext);

		_defineProperty(Post, "defaultProps", {
		Post.defaultProps = {
		elementId: "vk_post",
		options: {}
		});
		};

		var Recommended =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Recommended, _React$Component);
		var Recommended = function Recommended(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Recommended(elementId, options);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Recommended() {
		_classCallCheck(this, Recommended);

		return _possibleConstructorReturn(this, _getPrototypeOf(Recommended).apply(this, arguments));
		}

		_createClass(Recommended, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options;
		vk.Widgets.Recommended(elementId, options);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Recommended;
		}(React.Component);

		_defineProperty(Recommended, "contextType", VKContext);

		_defineProperty(Recommended, "defaultProps", {
		Recommended.defaultProps = {
		elementId: "vk_recommend",
		@@ -1006,57 +583,61 @@ options: {
		}
		});
		};

		var Subscribe =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Subscribe, _React$Component);
		/* global document, window */
		var URL = "https://vk.com/js/api/share.js?93";

		function Subscribe() {
		_classCallCheck(this, Subscribe);
		var Share = function Share(_ref) {
		var shareOptions = _ref.shareOptions,
		buttonOptions = _ref.buttonOptions;
		var container = React__default.createRef();
		React.useEffect(function () {
		if (isDOMReady) {
		if (!document.getElementById("vk-share")) {
		var script = document.createElement("script");
		script.type = "text/javascript";
		script.charset = "windows-1251";
		script.id = "vk-share";
		script.src = URL;
		script.async = true;
		document.head.appendChild(script);
		script.addEventListener("load", function () {
		container.current.innerHTML = window.VK.Share.button(shareOptions, buttonOptions);
		});
		} else if (window.VK.Share) {
		container.current.innerHTML = window.VK.Share.button(shareOptions, buttonOptions);
		}
		}
		}, []);
		return React__default.createElement("div", {
		ref: container
		});
		};

		return _possibleConstructorReturn(this, _getPrototypeOf(Subscribe).apply(this, arguments));
		}
		Share.defaultProps = {
		shareOptions: null,
		buttonOptions: null
		};

		_createClass(Subscribe, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "componentWillUnmount",
		value: function componentWillUnmount() {
		var vk = this.context.vk;
		var Subscribe = function Subscribe(_ref) {
		var elementId = _ref.elementId,
		options = _ref.options,
		ownerId = _ref.ownerId,
		onSubscribe = _ref.onSubscribe,
		onUnsubscribe = _ref.onUnsubscribe;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Subscribe(elementId, options, ownerId);
		vk.Observer.subscribe("widgets.subscribed", onSubscribe);
		vk.Observer.subscribe("widgets.unsubscribed", onUnsubscribe);
		return function () {
		vk.Observer.unsubscribe("widgets.subscribed");
		vk.Observer.unsubscribe("widgets.unsubscribed");
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		options = _this$props.options,
		ownerId = _this$props.ownerId,
		onSubscribe = _this$props.onSubscribe,
		onUnsubscribe = _this$props.onUnsubscribe;
		vk.Widgets.Subscribe(elementId, options, ownerId);
		vk.Observer.subscribe("widgets.subscribed", onSubscribe);
		vk.Observer.subscribe("widgets.unsubscribed", onUnsubscribe);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);
		};
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		return Subscribe;
		}(React.Component);

		_defineProperty(Subscribe, "contextType", VKContext);

		_defineProperty(Subscribe, "defaultProps", {
		Subscribe.defaultProps = {
		elementId: "vk_subscribe",
		@@ -1069,51 +650,23 @@ options: {
		onUnsubscribe: function onUnsubscribe() {}
		});
		};

		var Post$1 =
		/#__PURE__/
		function (_React$Component) {
		_inherits(Post, _React$Component);
		var Article = function Article(_ref) {
		var elementId = _ref.elementId,
		articleUrl = _ref.articleUrl;
		var vk = React.useContext(VKContext);
		React.useEffect(function () {
		vk.Widgets.Article(elementId, articleUrl);
		}, []);
		return React__default.createElement("div", {
		id: elementId
		});
		};

		function Post() {
		_classCallCheck(this, Post);

		return _possibleConstructorReturn(this, _getPrototypeOf(Post).apply(this, arguments));
		}

		_createClass(Post, [{
		key: "componentDidMount",
		value: function componentDidMount() {
		this.mount();
		}
		}, {
		key: "mount",
		value: function mount() {
		var vk = this.context.vk;
		var _this$props = this.props,
		elementId = _this$props.elementId,
		articleUrl = _this$props.articleUrl;
		vk.Widgets.Article(elementId, articleUrl);
		}
		}, {
		key: "render",
		value: function render() {
		var elementId = this.props.elementId;
		return React.createElement("div", {
		id: elementId
		});
		}
		}]);

		return Post;
		}(React.Component);

		_defineProperty(Post$1, "contextType", VKContext);

		_defineProperty(Post$1, "defaultProps", {
		Article.defaultProps = {
		elementId: "vk_article"
		});
		};

		exports.AllowMessagesFromCommunity = AllowMessagesFromCommunity;
		exports.Application = Application;
		exports.Article = Post$1;
		exports.Article = Article;
		exports.Auth = Auth;
		@@ -1130,2 +683,3 @@ exports.Comments = Comments;
		exports.Recommended = Recommended;
		exports.Share = Share;
		exports.Subscribe = Subscribe;
		@@ -1132,0 +686,0 @@ exports.default = VK;

dist/react-vk.umd.production.min.js

		@@ -1,2 +0,2 @@
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e\|\|self).ReactVK={},e.React)}(this,function(e,t){"use strict";function n(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function o(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable\|\|!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function i(e,t,n){return t&&o(e.prototype,t),n&&o(e,n),e}function r(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function s(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&c(e,t)}function u(e){return(u=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__\|\|Object.getPrototypeOf(e)})(e)}function c(e,t){return(c=Object.setPrototypeOf\|\|function(e,t){return e.__proto__=t,e})(e,t)}function l(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}function p(e,t){return!t\|\|"object"!=typeof t&&"function"!=typeof t?l(e):t}var a=(t=t&&t.hasOwnProperty("default")?t.default:t).createContext(),d=function(){function e(t){var o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};if(n(this,e),this.apiId=t,this.options=o,!t)throw new Error("You need to set apiId");this.promise=null,this.init()}return i(e,[{key:"init",value:function(){var e=this.apiId,t=this.options,n=t.version,o=t.onlyWidgets;return this.promise?this.promise:(this.promise=new Promise(function(t){var i="https://vk.com/js/api/openapi.js?".concat(n);if(window.vkAsyncInit=function(){window.VK.init({apiId:e,onlyWidgets:o}),t(window.VK)},!document.getElementById("vk-openapi")){var r=document.createElement("script");r.type="text/javascript",r.id="vk-openapi",r.src=i,r.async=!0,document.head.appendChild(r)}}),this.promise)}}]),e}(),m=null,v=function(e){function o(){var e,t;n(this,o);for(var i=arguments.length,s=new Array(i),c=0;c<i;c++)s[c]=arguments[c];return r(l(t=p(this,(e=u(o)).call.apply(e,[this].concat(s)))),"_mounted",!0),r(l(t),"state",{vk:null}),t}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){var e=this,t=this.props.onApiAvailable;"undefined"!=typeof window&&window.document&&window.document.createElement&&this.VKinit().then(function(n){t(n),e._mounted&&e.setState({vk:n})})}},{key:"componentWillUnmount",value:function(){this._mounted=!1}},{key:"VKinit",value:function(){var e=this.props,t=e.apiId,n=e.options;return this.vk\|\|(this.vk=m\|\|new d(t,n),m=this.vk),this.vk.init()}},{key:"render",value:function(){var e=this.state.vk,n=this.props.children;return e?t.createElement(a.Provider,{value:{vk:e}},n):null}}]),o}();r(v,"defaultProps",{options:{version:160,onlyWidgets:!0},onApiAvailable:function(){}});var f=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){this.context.vk.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.groupId,r=t.onAllow,s=t.onDeny;e.Widgets.AllowMessagesFromCommunity(n,o,i),e.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed",function(e){return r(e)}),e.Observer.subscribe("widgets.allowMessagesFromCommunity.denied",function(e){return s(e)})}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(f,"contextType",a),r(f,"defaultProps",{elementId:"vk_send_message",options:{height:24},onAllow:function(){},onDeny:function(){}});var h=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.appId,i=t.options;e.Widgets.App(n,o,i)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(h,"contextType",a),r(h,"defaultProps",{elementId:"vk_app",options:{mode:1}});var y=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),o.forEach(function(t){r(e,t,n[t])})}return e}({},o);i.onAuth=function(e,t,n,i,r,s){return o.onAuth(e,t,n,i,r,s)},e.Widgets.Auth(n,i)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(y,"contextType",a),r(y,"defaultProps",{elementId:"vk_auth",options:{width:300,onAuth:function(){}}});var b=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.comments.new_comment"),e.Observer.unsubscribe("widgets.comments.delete_comment")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.pageId,r=t.onNewComment,s=t.onDeleteComment;e.Widgets.Comments(n,o,i),e.Observer.subscribe("widgets.comments.new_comment",function(e,t,n,o){return r(e,t,n,o)}),e.Observer.subscribe("widgets.comments.delete_comment",s)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(b,"contextType",a),r(b,"defaultProps",{elementId:"vk_comments",options:{height:0,limit:10,attach:"*",autoPublish:0,mini:"auto",norealtime:0},pageId:null,onNewComment:function(){},onDeleteComment:function(){}});var k=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options;e.Widgets.CommentsBrowse(n,o)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(k,"contextType",a),r(k,"defaultProps",{elementId:"vk_comments_browse",options:{height:0,limit:10,mini:"auto",norealtime:0}});var g=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.groupId,i=t.options;(0,t.onMount)(e.Widgets.CommunityMessages(n,o,i),n)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(g,"contextType",a),r(g,"defaultProps",{elementId:"vk_community_messages",options:{onCanNotWrite:function(){},welcomeScreen:1,expandTimeout:0,expanded:0,widgetPosition:"right",buttonType:"blue_circle",disableButtonTooltip:0},onMount:function(){}});var w=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.ownerId;e.Widgets.ContactUs(n,o,-i)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(w,"contextType",a),r(w,"defaultProps",{elementId:"vk_contact_us",options:{height:24}});var I=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.groups.joined"),e.Observer.unsubscribe("widgets.groups.leaved")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.groupId,r=t.onJoin,s=t.onLeave;e.Widgets.Group(n,o,i),e.Observer.subscribe("widgets.groups.joined",r),e.Observer.subscribe("widgets.groups.leaved",s)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(I,"contextType",a),r(I,"defaultProps",{elementId:"vk_groups",options:{width:"auto",mode:3,no_cover:1,wide:1},onJoin:function(){},onLeave:function(){}});var x=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.like.liked"),e.Observer.unsubscribe("widgets.like.unliked"),e.Observer.unsubscribe("widgets.like.shared"),e.Observer.unsubscribe("widgets.like.unshared")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.pageId,r=t.onLike,s=t.onUnlike,u=t.onShare,c=t.onUnshare;i?e.Widgets.Like(n,o,i):e.Widgets.Like(n,o),e.Observer.subscribe("widgets.like.liked",function(e){return r(e)}),e.Observer.subscribe("widgets.like.unliked",function(e){return s(e)}),e.Observer.subscribe("widgets.like.shared",function(e){return u(e)}),e.Observer.subscribe("widgets.like.unshared",function(e){return c(e)})}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(x,"contextType",a),r(x,"defaultProps",{elementId:"vk_like",options:{type:"full",width:350,height:22,verb:0},pageId:null,onLike:function(){},onUnlike:function(){},onShare:function(){},onUnshare:function(){}});var O=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.ownerId,i=t.playlistId,r=t.hash,s=t.options;e.Widgets.Playlist(n,-o,i,r,s)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(O,"contextType",a),r(O,"defaultProps",{elementId:"vk_playlist",options:{}});var _=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.pollId;e.Widgets.Poll(n,o,i)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(_,"contextType",a),r(_,"defaultProps",{elementId:"vk_poll",options:{height:24}});var C=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.ownerId,i=t.postId,r=t.hash,s=t.options;e.Widgets.Post(n,o,i,r,s)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(C,"contextType",a),r(C,"defaultProps",{elementId:"vk_post",options:{}});var P=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options;e.Widgets.Recommended(n,o)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(P,"contextType",a),r(P,"defaultProps",{elementId:"vk_recommend",options:{limit:5,max:20,period:"week",sort:"friend_like",target:"parent"}});var M=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"componentWillUnmount",value:function(){var e=this.context.vk;e.Observer.unsubscribe("widgets.subscribed"),e.Observer.unsubscribe("widgets.unsubscribed")}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.options,i=t.ownerId,r=t.onSubscribe,s=t.onUnsubscribe;e.Widgets.Subscribe(n,o,i),e.Observer.subscribe("widgets.subscribed",r),e.Observer.subscribe("widgets.unsubscribed",s)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(M,"contextType",a),r(M,"defaultProps",{elementId:"vk_subscribe",options:{mode:0,soft:0},onSubscribe:function(){},onUnsubscribe:function(){}});var W=function(e){function o(){return n(this,o),p(this,u(o).apply(this,arguments))}return s(o,t.Component),i(o,[{key:"componentDidMount",value:function(){this.mount()}},{key:"mount",value:function(){var e=this.context.vk,t=this.props,n=t.elementId,o=t.articleUrl;e.Widgets.Article(n,o)}},{key:"render",value:function(){var e=this.props.elementId;return t.createElement("div",{id:e})}}]),o}();r(W,"contextType",a),r(W,"defaultProps",{elementId:"vk_article"}),e.AllowMessagesFromCommunity=f,e.Application=h,e.Article=W,e.Auth=y,e.Comments=b,e.CommentsBrowse=k,e.CommunityMessages=g,e.ContactUs=w,e.Group=I,e.Like=x,e.Playlist=O,e.Poll=_,e.Post=C,e.Recommended=P,e.Subscribe=M,e.default=v,Object.defineProperty(e,"__esModule",{value:!0})});
		!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e=e\|\|self).ReactVK={},e.React)}(this,function(e,t){"use strict";var n="default"in t?t.default:t;function i(e,t){for(var n=0;n<t.length;n++){var i=t[n];i.enumerable=i.enumerable\|\|!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(e,i.key,i)}}function o(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e,t){return function(e){if(Array.isArray(e))return e}(e)\|\|function(e,t){var n=[],i=!0,o=!1,r=void 0;try{for(var s,u=e[Symbol.iterator]();!(i=(s=u.next()).done)&&(n.push(s.value),!t\|\|n.length!==t);i=!0);}catch(e){o=!0,r=e}finally{try{i\|\|null==u.return\|\|u.return()}finally{if(o)throw r}}return n}(e,t)\|\|function(){throw new TypeError("Invalid attempt to destructure non-iterable instance")}()}var s=n.createContext(null),u=function(){function e(t){var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.apiId=t,this.options=n,this.promise=null,this.load()}var t,n,o;return t=e,(n=[{key:"init",value:function(){var e=this.apiId,t=this.options.onlyWidgets;e&&window.VK.init({apiId:e,onlyWidgets:t})}},{key:"load",value:function(){var e=this,t=this.options.version;return this.promise?this.promise:(this.promise=new Promise(function(n){window.VK&&window.VK.init?(e.init(),n(window.VK)):window.vkAsyncInit=function(){e.init(),n(window.VK)};var i="https://vk.com/js/api/openapi.js?".concat(t);if(!document.getElementById("vk-openapi")){var o=document.createElement("script");o.type="text/javascript",o.id="vk-openapi",o.src=i,o.async=!0,document.head.appendChild(o)}}),this.promise)}}])&&i(t.prototype,n),o&&i(t,o),e}(),d="undefined"!=typeof window&&window.document&&window.document.createElement,c=function(e){var i=e.onApiAvailable,o=e.apiId,c=e.options,a=e.children,l=r(t.useState(null),2),f=l[0],m=l[1];return t.useEffect(function(){d&&new u(o,c).load().then(function(e){i(e),m(e)})},[]),f?n.createElement(s.Provider,{value:f},a):null};c.defaultProps={apiId:null,options:{version:160,onlyWidgets:!0},onApiAvailable:function(){}};var a=function(e){var i=e.elementId,o=e.options,r=e.groupId,u=e.onAllow,d=e.onDeny,c=t.useContext(s);return t.useEffect(function(){return c.Widgets.AllowMessagesFromCommunity(i,o,r),c.Observer.subscribe("widgets.allowMessagesFromCommunity.allowed",function(e){return u(e)}),c.Observer.subscribe("widgets.allowMessagesFromCommunity.denied",function(e){return d(e)}),function(){return c.Observer.unsubscribe("widgets.allowMessagesFromCommunity.allowed")}},[]),n.createElement("div",{id:i})};a.defaultProps={elementId:"vk_allow_messages_from_community",options:{height:24},onAllow:function(){},onDeny:function(){}};var l=function(e){var i=e.elementId,o=e.appId,r=e.options,u=t.useContext(s);return t.useEffect(function(){u.Widgets.App(i,o,r)},[]),n.createElement("div",{id:i})};l.defaultProps={elementId:"vk_app",options:{mode:1}};var f=function(e){var i=e.elementId,r=e.options,u=t.useContext(s);return t.useEffect(function(){var e=function(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},i=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(n).filter(function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),i.forEach(function(t){o(e,t,n[t])})}return e}({},r);e.onAuth=function(e,t,n,i,o,s){return r.onAuth(e,t,n,i,o,s)},u.Widgets.Auth(i,e)},[]),n.createElement("div",{id:i})};f.defaultProps={elementId:"vk_auth",options:{width:300,onAuth:function(){}}};var m=function(e){var i=e.elementId,o=e.options,r=e.pageId,u=e.onNewComment,d=e.onDeleteComment,c=t.useContext(s);return t.useEffect(function(){return c.Widgets.Comments(i,o,r),c.Observer.subscribe("widgets.comments.new_comment",function(e,t,n,i){return u(e,t,n,i)}),c.Observer.subscribe("widgets.comments.delete_comment",d),function(){c.Observer.unsubscribe("widgets.comments.new_comment"),c.Observer.unsubscribe("widgets.comments.delete_comment")}},[]),n.createElement("div",{id:i})};m.defaultProps={elementId:"vk_comments",options:{height:0,limit:10,attach:"*",autoPublish:0,mini:"auto",norealtime:0},pageId:null,onNewComment:function(){},onDeleteComment:function(){}};var p=function(e){var i=e.elementId,o=e.options,r=t.useContext(s);return t.useEffect(function(){r.Widgets.CommentsBrowse(i,o)},[]),n.createElement("div",{id:i})};p.defaultProps={elementId:"vk_comments_browse",options:{height:0,limit:10,mini:"auto",norealtime:0}};var v=function(e){var i=e.elementId,o=e.groupId,r=e.options,u=e.onMount,d=t.useContext(s);return t.useEffect(function(){var e=d.Widgets.CommunityMessages(i,o,r);u(e,i)},[]),n.createElement("div",{id:i})};v.defaultProps={elementId:"vk_community_messages",options:{onCanNotWrite:function(){},welcomeScreen:1,expandTimeout:0,expanded:0,widgetPosition:"right",buttonType:"blue_circle",disableButtonTooltip:0},onMount:function(){}};var b=function(e){var i=e.elementId,o=e.options,r=e.ownerId,u=t.useContext(s);return t.useEffect(function(){u.Widgets.ContactUs(i,o,-r)},[]),n.createElement("div",{id:i})};b.defaultProps={elementId:"vk_contact_us",options:{height:24}};var w=function(e){var i=e.elementId,o=e.options,r=e.groupId,u=e.onJoin,d=e.onLeave,c=t.useContext(s);return t.useEffect(function(){return c.Widgets.Group(i,o,r),c.Observer.subscribe("widgets.groups.joined",u),c.Observer.subscribe("widgets.groups.leaved",d),function(){c.Observer.unsubscribe("widgets.groups.joined"),c.Observer.unsubscribe("widgets.groups.leaved")}},[]),n.createElement("div",{id:i})};w.defaultProps={elementId:"vk_groups",options:{width:"auto",mode:3,no_cover:1,wide:1},onJoin:function(){},onLeave:function(){}};var g=function(e){var i=e.elementId,o=e.options,r=e.pageId,u=e.onLike,d=e.onUnlike,c=e.onShare,a=e.onUnshare,l=t.useContext(s);return t.useEffect(function(){return r?l.Widgets.Like(i,o,r):l.Widgets.Like(i,o),l.Observer.subscribe("widgets.like.liked",function(e){return u(e)}),l.Observer.subscribe("widgets.like.unliked",function(e){return d(e)}),l.Observer.subscribe("widgets.like.shared",function(e){return c(e)}),l.Observer.subscribe("widgets.like.unshared",function(e){return a(e)}),function(){l.Observer.unsubscribe("widgets.like.liked"),l.Observer.unsubscribe("widgets.like.unliked"),l.Observer.unsubscribe("widgets.like.shared"),l.Observer.unsubscribe("widgets.like.unshared")}},[]),n.createElement("div",{id:i})};g.defaultProps={elementId:"vk_like",options:{type:"full",width:350,height:22,verb:0},pageId:null,onLike:function(){},onUnlike:function(){},onShare:function(){},onUnshare:function(){}};var h=function(e){var i=e.elementId,o=e.ownerId,r=e.playlistId,u=e.hash,d=e.options,c=t.useContext(s);return t.useEffect(function(){c.Widgets.Playlist(i,-o,r,u,d)},[]),n.createElement("div",{id:i})};h.defaultProps={elementId:"vk_playlist",options:{}};var y=function(e){var i=e.elementId,o=e.options,r=e.pollId,u=t.useContext(s);return t.useEffect(function(){u.Widgets.Poll(i,o,r)},[]),n.createElement("div",{id:i})};y.defaultProps={elementId:"vk_poll",options:{height:24}};var I=function(e){var i=e.elementId,o=e.ownerId,r=e.postId,u=e.hash,d=e.options,c=t.useContext(s);return t.useEffect(function(){c.Widgets.Post(i,o,r,u,d)},[]),n.createElement("div",{id:i})};I.defaultProps={elementId:"vk_post",options:{}};var k=function(e){var i=e.elementId,o=e.options,r=t.useContext(s);return t.useEffect(function(){r.Widgets.Recommended(i,o)},[]),n.createElement("div",{id:i})};k.defaultProps={elementId:"vk_recommend",options:{limit:5,max:20,period:"week",sort:"friend_like",target:"parent"}};var E=function(e){var i=e.shareOptions,o=e.buttonOptions,r=n.createRef();return t.useEffect(function(){if(d)if(document.getElementById("vk-share"))window.VK.Share&&(r.current.innerHTML=window.VK.Share.button(i,o));else{var e=document.createElement("script");e.type="text/javascript",e.charset="windows-1251",e.id="vk-share",e.src="https://vk.com/js/api/share.js?93",e.async=!0,document.head.appendChild(e),e.addEventListener("load",function(){r.current.innerHTML=window.VK.Share.button(i,o)})}},[]),n.createElement("div",{ref:r})};E.defaultProps={shareOptions:null,buttonOptions:null};var C=function(e){var i=e.elementId,o=e.options,r=e.ownerId,u=e.onSubscribe,d=e.onUnsubscribe,c=t.useContext(s);return t.useEffect(function(){return c.Widgets.Subscribe(i,o,r),c.Observer.subscribe("widgets.subscribed",u),c.Observer.subscribe("widgets.unsubscribed",d),function(){c.Observer.unsubscribe("widgets.subscribed"),c.Observer.unsubscribe("widgets.unsubscribed")}},[]),n.createElement("div",{id:i})};C.defaultProps={elementId:"vk_subscribe",options:{mode:0,soft:0},onSubscribe:function(){},onUnsubscribe:function(){}};var O=function(e){var i=e.elementId,o=e.articleUrl,r=t.useContext(s);return t.useEffect(function(){r.Widgets.Article(i,o)},[]),n.createElement("div",{id:i})};O.defaultProps={elementId:"vk_article"},e.AllowMessagesFromCommunity=a,e.Application=l,e.Article=O,e.Auth=f,e.Comments=m,e.CommentsBrowse=p,e.CommunityMessages=v,e.ContactUs=b,e.Group=w,e.Like=g,e.Playlist=h,e.Poll=y,e.Post=I,e.Recommended=k,e.Share=E,e.Subscribe=C,e.default=c,Object.defineProperty(e,"__esModule",{value:!0})});
		//# sourceMappingURL=react-vk.umd.production.min.js.map

package.json

		{
		"name": "react-vk",
		"private": false,
		"version": "5.0.0-rc.0",
		"version": "5.0.0",
		"main": "dist/react-vk.cjs.js",
		@@ -56,3 +56,3 @@ "module": "dist/react-vk.esm.js",
		"babel-eslint": "^10.0.1",
		"babel-jest": "^23.6.0",
		"babel-jest": "^24.7.1",
		"babel-plugin-transform-react-remove-prop-types": "^0.4.23",
		@@ -68,12 +68,12 @@ "enzyme": "^3.9.0",
		"husky": "^1.3.1",
		"jest": "^23.5.0",
		"jest": "^24.7.1",
		"lint-staged": "^8.1.5",
		"prettier": "^1.16.1",
		"prop-types": "^15.6.2",
		"prop-types": "^15.7.2",
		"react": "^16.8.6",
		"react-dom": "^16.8.6",
		"rollup": "^1.8.0",
		"rollup": "^1.9.0",
		"rollup-plugin-babel": "^4.3.2",
		"rollup-plugin-commonjs": "^9.3.0",
		"rollup-plugin-node-resolve": "^4.0.1",
		"rollup-plugin-commonjs": "^9.3.4",
		"rollup-plugin-node-resolve": "^4.1.0",
		"rollup-plugin-replace": "^2.1.1",
		@@ -80,0 +80,0 @@ "rollup-plugin-terser": "^4.0.2"

README.md

		@@ -11,2 +11,11 @@ # react-vk
		Depending on your `react` you need different version of package:

		\| react-vk \| react \|
		\| ------------- \|:-------------:\|
		\| 1.1.5 \| < 16 \|
		\| 1.1.6 \| > 16.2 \|
		\| 3.5.2 \| between 16.2 and 16.6 \|
		\| current \| 16.6 \|
		\| next \| 16.8 \|

		`react-vk@1.1.5` for `react < 16`
		@@ -13,0 +22,0 @@ `react-vk@1.1.6` for `react > 16.2`

dist/react-vk.cjs.production.min.js.map

Sorry, the diff of this file is not supported yet

dist/react-vk.esm.production.min.js.map

Sorry, the diff of this file is not supported yet

dist/react-vk.umd.production.min.js.map

Sorry, the diff of this file is not supported yet

		@@ -11,2 +11,11 @@ # react-vk
		Depending on your `react` you need different version of package:

		\| react-vk \| react \|
		\| ------------- \|:-------------:\|
		\| 1.1.5 \| < 16 \|
		\| 1.1.6 \| > 16.2 \|
		\| 3.5.2 \| between 16.2 and 16.6 \|
		\| current \| 16.6 \|
		\| next \| 16.8 \|

		`react-vk@1.1.5` for `react < 16`
		@@ -13,0 +22,0 @@ `react-vk@1.1.6` for `react > 16.2`

New alerts

Fixed alerts

Improved metrics

Worsened metrics