From e9e6787b6804f19dc53bb52c5dec9b73468842f5 Mon Sep 17 00:00:00 2001 From: GitHub Action Date: Fri, 14 Jan 2022 08:21:42 +0000 Subject: [PATCH] Update content of files --- .../core.telegram.org/bots/api-changelog.html | 663 ----- .../mtproto/description_v1.html | 205 -- .../type/account.SentEmailCode | 162 ++ .../constructor/langPackLanguage.html | 202 ++ .../securePasswordKdfAlgoSHA512.html} | 31 +- .../constructor/storage.fileJpeg} | 42 +- data/promote.telegram.org/js/widget-frame.js | 2519 +++++++++++++++++ 7 files changed, 2911 insertions(+), 913 deletions(-) delete mode 100644 data/core.telegram.org/bots/api-changelog.html delete mode 100644 data/core.telegram.org/mtproto/description_v1.html create mode 100644 data/core.telegram.org/type/account.SentEmailCode create mode 100644 data/corefork.telegram.org/constructor/langPackLanguage.html rename data/{core.telegram.org/constructor/decryptedMessageActionReadMessages.html => corefork.telegram.org/constructor/securePasswordKdfAlgoSHA512.html} (87%) rename data/{core.telegram.org/constructor/decryptedMessageActionDeleteMessages.html => corefork.telegram.org/constructor/storage.fileJpeg} (85%) create mode 100644 data/promote.telegram.org/js/widget-frame.js diff --git a/data/core.telegram.org/bots/api-changelog.html b/data/core.telegram.org/bots/api-changelog.html deleted file mode 100644 index cc9e13d485..0000000000 --- a/data/core.telegram.org/bots/api-changelog.html +++ /dev/null @@ -1,663 +0,0 @@ - - - - - Bot API changelog - - - - - - - - - - - - - -
-
-
-
- - -
-
-
-
-
-
-
-

Bot API changelog

- -
- -
-

The Bot API is an HTTP-based interface created for developers keen on building bots for Telegram.
To learn how to create and set up a bot, please consult our Introduction to Bots »

-
-

You will find all changes to our Bot API on this page.

-

Recent changes

-
-

Subscribe to @BotNews to be the first to know about the latest updates and join the discussion in @BotTalk

-
-

December 30, 2021

-

Bot API 5.6

- -

December 7, 2021

-

Bot API 5.5

-
    -
  • Bots are now allowed to contact users who sent a join request to a chat where the bot is an administrator with the can_invite_users administrator right – even if the user never interacted with the bot before.
    • -
  • Added support for mentioning users by their ID in inline keyboards. This will only work in Telegram versions released after December 7, 2021. Older clients will display unsupported message.
    • -
  • Added the methods banChatSenderChat and unbanChatSenderChat for banning and unbanning channel chats in supergroups and channels.
    • -
  • Added the field has_private_forwards to the class Chat for private chats, which can be used to check the possibility of mentioning the user by their ID.
    • -
  • Added the field has_protected_content to the classes Chat and Message.
    • -
  • Added the field is_automatic_forward to the class Message.
    • -
-

Note: After this update it will become impossible to forward messages from some chats. Use the fields has_protected_content in the classes Message and Chat to check this.

-

Note: After this update users are able to send messages on behalf of channels they own. Bots are expected to use the field sender_chat in the class Message to correctly support such messages.

-

Note: As previously announced, user identifiers can now have up to 52 significant bits and require a 64-bit integer or double-precision float type to be stored safely.

-

November 5, 2021

-

Bot API 5.4

- -
-
-

⚠️ WARNING! ⚠️
User identifiers will become bigger than 2^31 - 1 before the end of this year and it will be no longer possible to store them in a signed 32-bit integer type. User identifiers will have up to 52 significant bits, so a 64-bit integer or double-precision float type would still be safe for storing them. Please make sure that your code can correctly handle such user identifiers.

-
-
-

June 25, 2021

-

Bot API 5.3

-

Personalized Commands

-
    -
  • Bots can now show lists of commands tailored to specific situations - including localized commands for users with different languages, as well as different commands based on chat type or for specific chats, and special lists of commands for chat admins.
    • -
  • Added the class BotCommandScope, describing the scope to which bot commands apply.
    • -
  • Added the parameters scope and language_code to the method setMyCommands to allow bots specify different commands for different chats and users.
    • -
  • Added the parameters scope and language_code to the method getMyCommands.
    • -
  • Added the method deleteMyCommands to allow deletion of the bot's commands for the given scope and user language.
    • -
  • Improved visibility of bot commands in Telegram apps with the new 'Menu' button in chats with bots, read more on the blog.
    • -
-

Custom Placeholders

- -

And More

-
    -
  • Improved documentation of the class ChatMember by splitting it into 6 subclasses.
    • -
  • Renamed the method kickChatMember to banChatMember. The old method name can still be used.
    • -
  • Renamed the method getChatMembersCount to getChatMemberCount. The old method name can still be used.
    • -
  • Values of the field file_unique_id in objects of the type PhotoSize and of the fields small_file_unique_id and big_file_unique_id in objects of the type ChatPhoto were changed.
    • -
-
-
-

⚠️ WARNING! ⚠️
After one of the upcoming Bot API updates, user identifiers will become bigger than 2^31 - 1 and it will be no longer possible to store them in a signed 32-bit integer type. User identifiers will have up to 52 significant bits, so a 64-bit integer or double-precision float type would still be safe for storing them. Please make sure that your code can correctly handle such user identifiers.

-
-
-

April 26, 2021

-

Bot API 5.2

-
    -
  • Support for Payments 2.0, see this manual for more details about the Bot Payments API.
    • -
  • Added the type InputInvoiceMessageContent to support sending invoices as inline query results.
    • -
  • Allowed sending invoices to group, supergroup and channel chats.
    • -
  • Added the fields max_tip_amount and suggested_tip_amounts to the method sendInvoice to allow adding optional tips to the payment.
    • -
  • The parameter start_parameter of the method sendInvoice became optional. If the parameter isn't specified, the invoice can be paid directly from forwarded messages.
    • -
  • Added the field chat_type to the class InlineQuery, containing the type of the chat, from which the inline request was sent.
    • -
  • Added the type VoiceChatScheduled and the field voice_chat_scheduled to the class Message.
    • -
  • Fixed an error in sendChatAction documentation to correctly mention “record_voice” and “upload_voice” instead of “record_audio” and “upload_audio” for related to voice note actions. Old action names will still work for backward compatibility.
    • -
-
-
-

⚠️ WARNING! ⚠️
After the next Bot API update (Bot API 5.3) there will be a one-time change of the value of the field file_unique_id in objects of the type PhotoSize and of the fields small_file_unique_id and big_file_unique_id in objects of the type ChatPhoto.

-
-
-
-

⚠️ WARNING! ⚠️
Service messages about non-bot users joining the chat will be soon removed from large groups. We recommend using the “chat_member” update as a replacement.

-
-
-
-

⚠️ WARNING! ⚠️
After one of the upcoming Bot API updates, user identifiers will become bigger than 2^31 - 1 and it will be no longer possible to store them in a signed 32-bit integer type. User identifiers will have up to 52 significant bits, so a 64-bit integer or double-precision float type would still be safe for storing them. Please make sure that your code can correctly handle such user identifiers.

-
-
-

March 9, 2021

-

Bot API 5.1

-

Added two new update types

-
    -
  • Added updates about member status changes in chats, represented by the class ChatMemberUpdated and the fields my_chat_member and chat_member in the Update class. The bot must be an administrator in the chat to receive chat_member updates about other chat members. By default, only my_chat_member updates about the bot itself are received.
    • -
-

Improved Invite Links

-
    -
  • Added the class ChatInviteLink, representing an invite link to a chat.
    • -
  • Added the method createChatInviteLink, which can be used to create new invite links in addition to the primary invite link.
    • -
  • Added the method editChatInviteLink, which can be used to edit non-primary invite links created by the bot.
    • -
  • Added the method revokeChatInviteLink, which can be used to revoke invite links created by the bot.
    • -
-

Voice Chat Info

- -

And More

-
    -
  • Added the type MessageAutoDeleteTimerChanged and the field message_auto_delete_timer_changed to the class Message.
    • -
  • Added the parameter revoke_messages to the method kickChatMember, allowing to delete all messages from a group for the user who is being removed.
    • -
  • Added the new administrator privilege can_manage_chat to the class ChatMember and parameter can_manage_chat to the method promoteChatMember. This administrator right is implied by any other administrator privilege.
    • -
  • Supported the new bowling animation for the random dice. Choose between different animations (dice, darts, basketball, football, bowling, slot machine) by specifying the emoji parameter in the method sendDice.
    • -
-
-
-

⚠️ WARNING! ⚠️
After one of the upcoming Bot API updates, some user identifiers will become bigger than 2^31 - 1 and it will be no longer possible to store them in a signed 32-bit integer type. User identifiers will have up to 52 significant bits, so a 64-bit integer or double-precision float type would still be safe for storing them. Please make sure that your code can correctly handle such user identifiers.

-
-
-

November 4, 2020

-

Introducing Bot API 5.0

-

Run Your Own Bot API Server

-
    -
  • Bot API source code is now available at telegram-bot-api. You can now run your own Bot API server locally, boosting your bots' performance.
    • -
  • Added the method logOut, which can be used to log out from the cloud Bot API server before launching your bot locally. You must log out the bot before running it locally, otherwise there is no guarantee that the bot will receive all updates.
    • -
  • Added the method close, which can be used to close the bot instance before moving it from one local server to another.
    • -
-

Transfer Bot Ownership

-
    -
  • You can now use @BotFather to transfer your existing bots to another Telegram account.
    • -
-

Webhooks

-
    -
  • Added the parameter ip_address to the method setWebhook, allowing to bypass DNS resolving and use the specified fixed IP address to send webhook requests.
    • -
  • Added the field ip_address to the class WebhookInfo, containing the current IP address used for webhook connections creation.
    • -
  • Added the ability to drop all pending updates when changing webhook URL using the parameter drop_pending_updates in the methods setWebhook and deleteWebhook.
    • -
-

Working with Groups

-
    -
  • The getChat request now returns the user's bio for private chats if available.
    • -
  • The getChat request now returns the identifier of the linked chat for supergroups and channels, i.e. the discussion group identifier for a channel and vice versa.
    • -
  • The getChat request now returns the location to which the supergroup is connected (see Local Groups). Added the class ChatLocation to represent the location.
    • -
  • Added the parameter only_if_banned to the method unbanChatMember to allow safe unban.
    • -
-

Working with Files

-
    -
  • Added the field file_name to the classes Audio and Video, containing the name of the original file.
    • -
  • Added the ability to disable server-side file content type detection using the parameter disable_content_type_detection in the method sendDocument and the class inputMediaDocument.
    • -
-

Multiple Pinned Messages

-
    -
  • Added the ability to pin messages in private chats.
    • -
  • Added the parameter message_id to the method unpinChatMessage to allow unpinning of the specific pinned message.
    • -
  • Added the method unpinAllChatMessages, which can be used to unpin all pinned messages in a chat.
    • -
-

File Albums

-
    -
  • Added support for sending and receiving audio and document albums in the method sendMediaGroup.
    • -
-

Live Locations

- -

Anonymous Admins

-
    -
  • Added the field sender_chat to the class Message, containing the sender of a message which is a chat (group or channel). For backward compatibility in non-channel chats, the field from in such messages will contain the user 777000 for messages automatically forwarded to the discussion group and the user 1087968824 (@GroupAnonymousBot) for messages from anonymous group administrators.
    • -
  • Added the field is_anonymous to the class chatMember, which can be used to distinguish anonymous chat administrators.
    • -
  • Added the parameter is_anonymous to the method promoteChatMember, which allows to promote anonymous chat administrators. The bot itself should have the is_anonymous right to do this. Despite the fact that bots can have the is_anonymous right, they will never appear as anonymous in the chat. Bots can use the right only for passing to other administrators.
    • -
  • Added the custom title of an anonymous message sender to the class Message as author_signature.
    • -
-

And More

- -

And Last but not Least

-
    -
  • Supported the new football and slot machine animations for the random dice. Choose between different animations (dice, darts, basketball, football, slot machine) by specifying the emoji parameter in the method sendDice.
    • -
-

June 4, 2020

-

Bot API 4.9

-
    -
  • Added the new field via_bot to the Message object. You can now know which bot was used to send a message.
    • -
  • Supported video thumbnails for inline GIF and MPEG4 animations.
    • -
  • Supported the new basketball animation for the random dice. Choose between different animations (dice, darts, basketball) by specifying the emoji parameter in the method sendDice.
    • -
-

April 24, 2020

-

Bot API 4.8

-
    -
  • Supported explanations for Quizzes 2.0. Add explanations by specifying the parameters explanation and explanation_parse_mode in the method sendPoll.
    • -
  • Added the fields explanation and explanation_entities to the Poll object.
    • -
  • Supported timed polls that automatically close at a certain date and time. Set up by specifying the parameter open_period or close_date in the method sendPoll.
    • -
  • Added the fields open_period and close_date to the Poll object.
    • -
  • Supported the new darts animation for the dice mini-game. Choose between the default dice animation and darts animation by specifying the parameter emoji in the method sendDice.
    • -
  • Added the field emoji to the Dice object.
    • -
-

March 30, 2020

-

Bot API 4.7

-
    -
  • Added the method sendDice for sending a dice message, which will have a random value from 1 to 6. (Yes, we're aware of the “proper” singular of die. But it's awkward, and we decided to help it change. One dice at a time!)
    • -
  • Added the field dice to the Message object.
    • -
  • Added the method getMyCommands for getting the current list of the bot's commands.
    • -
  • Added the method setMyCommands for changing the list of the bot's commands through the Bot API instead of @BotFather.
    • -
  • Added the ability to create animated sticker sets by specifying the parameter tgs_sticker instead of png_sticker in the method createNewStickerSet.
    • -
  • Added the ability to add animated stickers to sets created by the bot by specifying the parameter tgs_sticker instead of png_sticker in the method addStickerToSet.
    • -
  • Added the field thumb to the StickerSet object.
    • -
  • Added the ability to change thumbnails of sticker sets created by the bot using the method setStickerSetThumb.
    • -
-

January 23, 2020

-

Bot API 4.6

-
    -
  • Supported Polls 2.0.
    • -
  • Added the ability to send non-anonymous, multiple answer, and quiz-style polls: added the parameters is_anonymous, type, allows_multiple_answers, correct_option_id, is_closed options to the method sendPoll.
    • -
  • Added the object KeyboardButtonPollType and the field request_poll to the object KeyboardButton.
    • -
  • Added updates about changes of user answers in non-anonymous polls, represented by the object PollAnswer and the field poll_answer in the Update object.
    • -
  • Added the fields total_voter_count, is_anonymous, type, allows_multiple_answers, correct_option_id to the Poll object.
    • -
  • Bots can now send polls to private chats.
    • -
  • Added more information about the bot in response to the getMe request: added the fields can_join_groups, can_read_all_group_messages and supports_inline_queries to the User object.
    • -
  • Added the optional field language to the MessageEntity object.
    • -
-

December 31, 2019

-

Bot API 4.5

-
    -
  • Added support for two new MessageEntity types, underline and strikethrough.
    • -
  • Added support for nested MessageEntity objects. Entities can now contain other entities. If two entities have common characters then one of them is fully contained inside the other.
    • -
  • Added support for nested entities and the new tags <u>/<ins> (for underlined text) and <s>/<strike>/<del> (for strikethrough text) in parse mode HTML.
    • -
  • Added a new parse mode, MarkdownV2, which supports nested entities and two new entities __ (for underlined text) and ~ (for strikethrough text). Parse mode Markdown remains unchanged for backward compatibility.
    • -
  • Added the field file_unique_id to the objects Animation, Audio, Document, PassportFile, PhotoSize, Sticker, Video, VideoNote, Voice, File and the fields small_file_unique_id and big_file_unique_id to the object ChatPhoto. The new fields contain a unique file identifier, which is supposed to be the same over time and for different bots, but can't be used to download or reuse the file.
    • -
  • Added the field custom_title to the ChatMember object.
    • -
  • Added the new method setChatAdministratorCustomTitle to manage the custom titles of administrators promoted by the bot.
    • -
  • Added the field slow_mode_delay to the Chat object.
    • -
-

July 29, 2019

-

Bot API 4.4

-
    -
  • Added support for animated stickers. New field is_animated in Sticker and StickerSet objects, animated stickers can now be used in sendSticker and InlineQueryResultCachedSticker.
    • -
  • Added support for default permissions in groups. New object ChatPermissions, containing actions which a member can take in a chat. New field permissions in the Chat object; new method setChatPermissions.
    • -
  • The field all_members_are_administrators has been removed from the documentation for the Chat object. The field is still returned in the object for backward compatibility, but new bots should use the permissions field instead.
    • -
  • Added support for more permissions for group and supergroup members: added the new field can_send_polls to ChatMember object, added can_change_info, can_invite_users, can_pin_messages in ChatMember object for restricted users (previously available only for administrators).
    • -
  • The method restrictChatMember now takes the new user permissions in a single argument of the type ChatPermissions. The old way of passing parameters will keep working for a while for backward compatibility.
    • -
  • Added description support for basic groups (previously available in supergroups and channel chats). You can pass a group's chat_id to setChatDescription and receive the group's description in the Chat object in the response to getChat method.
    • -
  • Added invite_link support for basic groups (previously available in supergroups and channel chats). You can pass a group's chat_id to exportChatInviteLink and receive the group's invite link in the Chat object in the response to getChat method.
    • -
  • File identifiers from the ChatPhoto object are now invalidated and can no longer be used whenever the photo is changed.
    • -
  • All webhook requests from the Bot API are now coming from the subnets 149.154.160.0/20 and 91.108.4.0/22. Most users won't need to do anything to continue receiving webhooks. If you control inbound access with a firewall, you may need to update your configuration. You can always find the list of actual IP addresses of servers used to send webhooks there: https://core.telegram.org/bots/webhooks.
    • -
  • As of the next Bot API update (version 4.5), nested MessageEntity objects will be allowed in message texts and captions. Please make sure that your code can correctly handle such entities.
    • -
-

May 31, 2019

-

Bot API 4.3

-
    -
  • Added support for Seamless Telegram Login on external websites.
    • -
  • Added the new object LoginUrl and the new field login_url to the InlineKeyboardButton object which allows to automatically authorize users before they go to a URL specified by the bot. Users will be asked to confirm authorization in their Telegram app (needs version 5.7 or higher) when they press the button:
    • -
-
- TITLE -
- -

Also in this update:

-
    -
  • Added the field reply_markup to the Message object, containing the inline keyboard attached to the message.
    • -
  • If a message with an inline keyboard is forwarded, the forwarded message will now have an inline keyboard if the keyboard contained only url and login_url buttons or if the message was sent via a bot and the keyboard contained only url, login_url, switch_inline_query or switch_inline_query_current_chat buttons. In the latter case, switch_inline_query_current_chat buttons are replaced with switch_inline_query buttons.
    • -
  • Bots now receive the edited_message Update even if only Message.reply_markup has changed.
    • -
  • Bots that have the can_edit_messages right in a channel can now use the method editMessageReplyMarkup for messages written by other administrators forever without the 48 hours limit.
    • -
  • Don't forget that starting in July 2019, webhook requests from Bot API will be coming from the subnets 149.154.160.0/20 and 91.108.4.0/22. Most users won't need to do anything to continue receiving webhooks. If you control inbound access with a firewall, you may need to update your configuration. You can always find the list of actual IP addresses of servers used to send webhooks there: https://core.telegram.org/bots/webhooks.
    • -
-

April 14, 2019

-

Bot API 4.2

-
    -
  • Added support for native polls: added the object Poll, the methods sendPoll and stopPoll and the field poll in the Message and Update objects.
    • -
  • The method deleteMessage can now be used to delete messages sent by a user to the bot in private chats within 48 hours.
    • -
  • Added support for pinned messages in basic groups in addition to supergroups and channel chats: you can pass group's chat_id to pinChatMessage and unpinChatMessage, and receive the pinned group message in Chat object.
    • -
  • Added the field is_member to the ChatMember object, which can be used to find whether a restricted user is a member of the chat.
    • -
  • Added the field forward_sender_name to the Message object, containing name of the sender who has opted to hide their account.
    • -
  • Starting in July 2019, webhook requests from Bot API will be coming from the subnets 149.154.160.0/20 and 91.108.4.0/22. Most users won't need to do anything to continue receiving webhooks. If you control inbound access with a firewall, you may need to update your configuration. You can always find the list of actual IP addresses of servers used to send webhooks there: https://core.telegram.org/bots/webhooks.
    • -
  • Document thumbnails now should be inscribed in a 320x320 square instead of 90x90.
    • -
-

August 27, 2018

-

Bot API 4.1

- -

July 26, 2018

-

Bot API 4.0.

-
    -
  • Added support for Telegram Passport. See the official announcement on the blog and the manual for details.
    • -
  • Added support for editing the media content of messages: added the method editMessageMedia and new types InputMediaAnimation, InputMediaAudio, and InputMediaDocument.
    • -
  • Added the field thumb to the Audio object to contain the thumbnail of the album cover to which the music file belongs.
    • -
  • Added support for attaching custom thumbnails to uploaded files. For animations, audios, videos and video notes, which are less than 10 MB in size, thumbnails are generated automatically.
    • -
  • tg:// URLs now can be used in inline keyboard url buttons and text_link message entities.
    • -
  • Added the method sendAnimation, which can be used instead of sendDocument to send animations, specifying their duration, width and height.
    • -
  • Added the field animation to the Message object. For backward compatibility, when this field is set, the document field will be also set.
    • -
  • Added two new MessageEntity types: cashtag and phone_number.
    • -
  • Added support for Foursquare venues: added the new field foursquare_type to the objects Venue, InlineQueryResultVenue and InputVenueMessageContent, and the parameter foursquare_type to the sendVenue method.
    • -
  • You can now create inline mentions of users, who have pressed your bot's callback buttons.
    • -
  • You can now use the Retry-After response header to configure the delay after which the Bot API will retry the request after an unsuccessful response from a webhook.
    • -
  • If a webhook returns the HTTP error 410 Gone for all requests for more than 23 hours successively, it can be automatically removed.
    • -
  • Added vCard support when sharing contacts: added the field vcard to the objects Contact, InlineQueryResultContact, InputContactMessageContent and the method sendContact.
    • -
-

February 13, 2018

-

Bot API 3.6.

-
    -
  • Supported text formatting in media captions. Specify the desired parse_mode (Markdown or HTML) when you provide a caption.
    • -
  • In supergroups, if the bot receives a message that is a reply, it will also receive the message to which that message is replying – even if the original message is inaccessible due to the bot's privacy settings. (In other words, replying to any message in a supergroup with a message that mentions the bot or features a command for it acts as forwarding the original message to the bot).
    • -
  • Added the new field connected_website to Message. The bot will receive a message with this field in a private chat when a user logs in on the bot's connected website using the Login Widget and allows sending messages from your bot.
    • -
  • Added the new parameter supports_streaming to the sendVideo method and a field with the same name to the InputMediaVideo object.
    • -
-

November 17, 2017

-

Bot API 3.5.

- -

October 11, 2017

-

Bot API 3.4.

- -

August 23, 2017

-

Bot API 3.3.

-
    -
  • Bots can now mention users via inline mentions, without using usernames.
    • -
  • getChat now also returns pinned messages in supergroups, if present. Added the new field pinned_message to the Chat object.
    • -
  • Added the new fields author_signature and forward_signature to the Message object.
    • -
  • Added the new field is_bot to the User object.
    • -
-

July 21, 2017

-

Bot API 3.2. Teach your bot to handle stickers and sticker sets.

- -

June 30, 2017

-

Bot API 3.1. Build your own robotic police force for supergoups with these new methods for admin bots:

- -

May 18, 2017

-

Introducing Bot API 3.0.

-

NEW Payment Platform

-

See Introduction to Bot Payments for a brief overview. If you're not a developer, you may like this user-friendly blog post better.

- -

NEW Video Messages

-
    -
  • As of Telegram v.4.0, users can send short rounded video messages, using an interface similar to that of voice notes.
    • -
  • Added the sendVideoNote method, the new field video_note to Message, the fields record_video_note or upload_video_note to sendChatAction.
    • -
-

NEW Multilingual Bots

-
    -
  • The User object now may have a language_code field that contains the IETF language tag of the user's language.
    • -
  • Thanks to this, your bot can now offer localized responses to users that speak different languages.
    • -
-

More power to admin bots

-
    -
  • unbanChatMemeber now also works in channels!
    • -
  • New method deleteMessage that allows the bot to delete its own messages, as well as messages posted by other in groups and channels where the bot is an administrator.
    • -
-

Minor Changes

-
    -
  • Replaced the field new_chat_member in Message with new_chat_members (the old field will still be available for a while for compatibility purposes).
    • -
  • Inline keyboards with switch_inline_query and switch_inline_query_current_chat can no longer be sent to channels because they are useless there.
    • -
  • New fields gif_duration in InlineQueryResultGif and mpeg4_duration in InlineQueryResultMpeg4Gif.
    • -
-

December 4, 2016

-

Introducing Bot API 2.3.1, a nifty little update that will give you more control over how your bot gets its updates.

-
    -
  • Use the new field max_connections in setWebhook to optimize your bot's server load
    • -
  • Use allowed_updates in setWebhook and getUpdates to selectively subscribe to updates of a certain type. Among other things, this allows you to stop getting updates about new posts in channels where your bot is an admin.
    • -
  • deleteWebhook moved out of setWebhook to get a whole separate method for itself.
    • -
-

November 21, 2016

-

Bot API 2.3

-
    -
  • Modified bot privacy mode for the sake of consistency.
    • -

  • Your bot can now get updates about posts in channels. Added new fields channel_post and edited_channel_post to Update.

    -
    • -

  • You can now update high scores to a lower value by using the new force parameter in setGameScore. Handy for punishing cheaters or fixing errors in your game's High Score table.

    -
    • -
  • Starting today, messages with high scores will be updated with new high scores by default. Use disable_edit_message in setGameScore if you don't want this.
    • -
  • The edit_message parameter from setGameScore is no longer in use. For backward compatibility, it will be taken into account for a while, unless disable_edit_message is passed explicitly.
    • -
  • Added the new field forward_from_message_id to Message.
    • -
  • Added the new parameter cache_time to answerCallbackQuery. Will eventually work in Telegram apps — somewhere after version 3.14, maybe 3.15.
    • -
  • Renamed hide_keyboard to remove_keyboard in ReplyKeyboardRemove for clarity. hide_keyboard will still work for a while for backward compatibility.
    • -
-

October 3, 2016

-

Bot API 2.2. Introducing a new Gaming Platform! See this introduction for a brief overview.
If you're not a developer, you may like this user-friendly blog post better.

- -

Other changes

- -
    -
  • New field all_members_are_administrators in the Chat object.
    • -
  • Certain server responses may now contain the new parameters field with expanded info on errors that occurred while processing your requests.
    • -
-

May 25, 2016

- -

May 22, 2016

- -

May 12, 2016

- -

May 6, 2016

-
    -
  • Added the field emoji to the Sticker object. Your bot can now know the emoji a sticker corresponds to.
    • -
  • Added the field forward_from_chat to the Message object for messages forwarded from channels.
    • -
-

April 9, 2016

-

Introducing Bot API 2.0. Check out this page for a review of this major update.

- -

Inline bots

-
    -
  • Added support for all content types available on Telegram. 19 types of InlineQueryResult objects are now supported.
    • -
  • Inline bots can now substitute all kinds of content with text. Added 4 types of InputMessageContent objects.
    • -
  • Your inline bot can also ask users for permission to use their location. Added the new Botfather command /setinlinegeo, added field location to the InlineQuery object, added fields location and inline_message_id to the ChosenInlineResult object.
    • -
  • Added an easy way to switch between inline mode and a private chat with the bot – useful for settings, establishing external connections and teaching users how to use your bot in inline mode. Added parameters switch_pm_text and switch_pm_parameter to the method answerInlineQuery.
    • -
-

Miscellaneous

- -

February 20, 2016

-
    -
  • Added the disable_notification parameter to all methods that send messages or any kind.
    • -
  • Removed backward compatibility from the method sendAudio. Voice messages now must be sent using the method sendVoice. There is no more need to specify a non-empty title or performer while sending the audio by file_id.
    • -
-

January 20, 2016

-
    -
  • By the way, you can use both HTML-style and markdown-style formatting in your bot's messages to send bold, italic or fixed-width text and inline links. All official Telegram clients support this. See Formatting options for details.
    • -
-

January 14, 2016

-
    -
  • You can now collect feedback on which results provided by your inline bot get chosen by the users. Added the setinlinefeedback command for Botfather, new type ChosenInlineResult, new field chosen_inline_result to the Update object.
    • -
-

January 4, 2016

- -

November, 2015

-
    -
  • Added support for supergroups. The Type field in the Chat object can now contain 'supergroup'.
    • -
  • New optional fields added to the Message object: supergroup_chat_created, migrate_to_chat_id, migrate_from_chat_id and channel_chat_created.
    • -
-

October 8, 2015

-
    -
  • Added initial channel support for bots (no Telegram clients support this at the moment, please wait for updates):
    • -
  • The Chat field in the Message is now of the new type Chat.
    • -
  • You can now pass a channel username (in the format @channelusername) in the place of chat_id in all methods (and instead of from_chat_id in forwardMessage). For this to work, the bot must be an administrator in the channel (and that's exactly what Telegram clients don't support yet — adding bots as administrators coming soon).
    • -
-

September 18, 2015

-
    -
  • Bots can now download files and media sent by users.
    • -
  • Added getFile and File.
    • -
-

September 7, 2015

-
    -
  • You can now pass parameters using application/json (please note that this doesn't work for file uploads: use multipart/form-data to upload files).
    • -
  • Added very basic markdown support. New field parse_mode added to sendMessage. For the moment messages with markdown will be displayed correctly only in Telegram for Android. Other official apps will catch up soon.
    • -
-

August 29, 2015

-
    -
  • Added support for self-signed certificates: upload your certificate using the certificate parameter in the setWebhook method.
    • -
  • You can now make new requests when responding to webhook updates.
    • -
-

August 15, 2015

-
    -
  • Added new type Voice and new method sendVoice for sending voice messages.
    • -
  • Earlier Audio and sendAudio should now be used for sending music files. Telegram clients will show such files in the in-app music player. If you were using sendAudio for your bot to send voice messages, please use sendVoice instead.
    • -
  • Added optional fields performer, title to the Audio object and sendAudio method.
    • -
  • Added optional field voice to the Message object.
    • -
-

July 2015

-
    -
  • The thumb field is now optional for Video, Sticker and Document objects
    • -
  • The API now supports both video and photo captions. The caption field has been removed from the Video object and added to the Message object instead.
    • -
  • caption and duration optional fields have been added to the sendVideo method.
    • -
  • Fixed typo: user_id in the Contact object is now correctly labeled as Integer, not String
    • -
-

June 24, 2015

-

The bot platform was officially launched.

-
-

Back to the Bot API Manual »

-
-
- -
- -
-
-
-
-
-
Telegram
-
- Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed. -
- -
-
About
- -
-
-
Mobile Apps
- -
-
-
Desktop Apps
- -
-
-
Platform
- -
-
-
-
-
About
-
-
-
Blog
-
-
-
Apps
-
-
-
Platform
-
-
-
Twitter
-
-
-
-
- - - - - - - - diff --git a/data/core.telegram.org/mtproto/description_v1.html b/data/core.telegram.org/mtproto/description_v1.html deleted file mode 100644 index 73c7fb0de0..0000000000 --- a/data/core.telegram.org/mtproto/description_v1.html +++ /dev/null @@ -1,205 +0,0 @@ - - - - - Mobile Protocol: Detailed Description (v.1.0, DEPRECATED) - - - - - - - - - - - - - -
-
-
-
- - -
-
-
-
-
-
-
-

Mobile Protocol: Detailed Description (v.1.0, DEPRECATED)

- -
-

This document describes MTProto v.1.0, its status is DEPRECATED. -For information on encryption used in up-to-date Telegram clients, kindly see this document.

-
-

Prior to a message (or a multipart message) being transmitted over a network using a transport protocol, it is encrypted in a certain way, and an external header is added at the top of the message which is: a 64-bit key identifier (that uniquely identifies an authorization key for the server as well as the user) and a 128-bit message key.

-

A user key together with the message key define an actual 256-bit key and a 256-bit initialization vector, which is what encrypts the message using AES-256 encryption with infinite garble extension (IGE). Note that the initial part of the message to be encrypted contains variable data (session, message ID, sequence number, server salt) that obviously influences the message key (and thus the AES key and iv). The message key is defined as the 128 lower-order bits of the SHA1 of the message body (including session, message ID, etc.) Multipart messages are encrypted as a single message.

- -

Terminology

-

Authorization Key

-

a 2048-bit key shared by the client device and the server, created upon user registration directly on the client device be exchanging Diffie-Hellman keys, and never transmitted over a network. Each authorization key is user-specific. There is nothing that prevents a user from having several keys (that correspond to “permanent sessions” on different devices), and some of these may be locked forever in the event the device is lost. See also Creating an Authorization Key.

-

Server Key

-

a 2048-bit RSA key used by the server digitally to sign its own messages while registration is underway and the authorization key is being generated. The application has a built-in public server key which can be used to verify a signature but cannot be used to sign messages. A private server key is stored on the server and changed very infrequently.

-

Key Identifier

-

The 64 lower-order bits of the SHA1 hash of the authorization key are used to indicate which particular key was used to encrypt a message. Keys must be uniquely defined by the 64 lower-order bits of their SHA1, and in the event of a collision, an authorization key is regenerated. A zero key identifier means that encryption is not used which is permissible for a limited set of message types used during registration to generate an authorization key based on a Diffie-Hellman exchange.

-

Session

-

a (random) 64-bit number generated by the client to distinguish between individual sessions (for example, between different instances of the application, created with the same authorization key). The session in conjunction with the key identifier corresponds to an application instance. The server can maintain session state. Under no circumstances can a message meant for one session be sent into a different session. The server may unilaterally forget any client sessions; clients should be able to handle this.

-

Server Salt

-

a (random) 64-bit number periodically (say, every 24 hours) changed (separately for each session) at the request of the server. All subsequent messages must contain the new salt (although, messages with the old salt are still accepted for a further 300 seconds). Required to protect against replay attacks and certain tricks associated with adjusting the client clock to a moment in the distant future.

-

Message Identifier (msg_id)

-

a (time-dependent) 64-bit number used uniquely to identify a message within a session. Client message identifiers are divisible by 4, server message identifiers modulo 4 yield 1 if the message is a response to a client message, and 3 otherwise. Client message identifiers must increase monotonically (within a single session), the same as server message identifiers, and must approximately equal unixtime*2^32. This way, a message identifier points to the approximate moment in time the message was created. A message is rejected over 300 seconds after it is created or 30 seconds before it is created (this is needed to protect from replay attacks). In this situation, it must be re-sent with a different identifier (or placed in a container with a higher identifier). The identifier of a message container must be strictly greater than those of its nested messages.

-

Important: to counter replay-attacks the lower 32 bits of msg_id passed by the client must not be empty and must present a fractional part of the time point when the message was created. At some point in the nearest future the server will start ignoring messages, in which the lower 32 bits of msg_id contain too many zeroes.

-

Content-related Message

-

A message requiring an explicit acknowledgment. These include all the user and many service messages, virtually all with the exception of containers and acknowledgments.

-

Message Sequence Number (msg_seqno)

-

a 32-bit number equal to twice the number of “content-related” messages (those requiring acknowledgment, and in particular those that are not containers) created by the sender prior to this message and subsequently incremented by one if the current message is a content-related message. A container is always generated after its entire contents; therefore, its sequence number is greater than or equal to the sequence numbers of the messages contained in it.

-

Message Key

-

The lower-order 128 bits of the SHA1 hash of the part of the message to be encrypted (including the internal header and excluding the alignment bytes).

-

Internal (cryptographic) Header

-

A header (16 bytes) added before a message or a container before it is all encrypted together. Consists of the server salt (64 bits) and the session (64 bits).

-

External (cryptographic) Header

-

A header (24 bytes) added before an encrypted message or a container. Consists of a key identifier (64 bits) and a message key (128 bits).

-

Payload

-

External header + encrypted message or container.

-

Defining AES Key and Initialization Vector

-

The 2048-bit authorization key (auth_key) and the 128-bit message key (msg_key) are used to compute a 256-bit AES key (aes_key) and a 256-bit initialization vector (aes_iv) which are subsequently used to encrypt the part of the message to be encrypted (i. e. everything with the exception of the external header which is added later) with AES-256 in infinite garble extension (IGE) mode.

-

The algorithm for computing aes_key and aes_iv from auth_key and msg_key is as follows:

-
    -
  • msg_key = substr (SHA1 (plaintext), 4, 16);
    • -
  • sha1_a = SHA1 (msg_key + substr (auth_key, x, 32));
    • -
  • sha1_b = SHA1 (substr (auth_key, 32+x, 16) + msg_key + substr (auth_key, 48+x, 16));
    • -
  • sha1_с = SHA1 (substr (auth_key, 64+x, 32) + msg_key);
    • -
  • sha1_d = SHA1 (msg_key + substr (auth_key, 96+x, 32));
    • -
  • aes_key = substr (sha1_a, 0, 8) + substr (sha1_b, 8, 12) + substr (sha1_c, 4, 12);
    • -
  • aes_iv = substr (sha1_a, 8, 12) + substr (sha1_b, 0, 8) + substr (sha1_c, 16, 4) + substr (sha1_d, 0, 8);
    • -
-

where x = 0 for messages from client to server and x = 8 for those from server to client.

-

The lower-order 1024 bits of auth_key are not involved in the computation. They may (together with the remaining bits or separately) be used on the client device to encrypt the local copy of the data received from the server. The 512 lower-order bits of auth_key are not stored on the server; therefore, if the client device uses them to encrypt local data and the user loses the key or the password, data decryption of local data is impossible (even if data from the server could be obtained).

-

When AES is used to encrypt a block of data of a length not divisible by 16 bytes, the data is padded with random bytes to the smallest length divisible by 16 bytes immediately prior to being encrypted.

-

Important Tests

-

When an encrypted message is received, it must be checked that msg_key is in fact equal to the 128 lower-order bits of the SHA1 hash of the previously encrypted portion, and that msg_id has even parity for messages from client to server, and odd parity for messages from server to client.

-

In addition, the identifiers (msg_id) of the last N messages received from the other side must be stored, and if a message comes in with msg_id lower than all or equal to any of the stored values, the message is to be ignored. Otherwise, the new message msg_id is added to the set, and, if the number of stored msg_id values is greater than N, the oldest (i. e. the lowest) is forgotten.

-

In addition, msg_id values that belong over 30 seconds in the future or over 300 seconds in the past are to be ignored. This is especially important for the server. The client would also find this useful (to protect from a replay attack), but only if it is certain of its time (for example, if its time has been synchronized with that of the server).

-

Certain client-to-server service messages containing data sent by the client to the server (for example, msg_id of a recent client query) may, nonetheless, be processed on the client even if the time appears to be “incorrect”. This is especially true of messages to change server_salt and notifications of invalid client time. See Mobile Protocol: Service Messages.

-

Storing an Authorization Key on a Client Device

-

It may be suggested to users concerned with security that they password protect the authorization key in approximately the same way as in ssh. This is accomplished by adding the SHA1 of the key to the front of the key, following which the entire string is encrypted using AES in CBC mode and a key equal to the user’s (text) password. When the user inputs the password, the stored protected password is decrypted and verified by being compared with SHA1. From the user’s standpoint, this is practically the same as using an application or a website password.

-

Unencrypted Messages

-

Special plain-text messages may be used to create an authorization key as well as to perform a time synchronization. They begin with auth_key_id = 0 (64 bits) which means that there is no auth_key. This is followed directly by the message body in serialized format without internal or external headers. A message identifier (64 bits) and body length in bytes (32 bytes) are added before the message body.

-

Only a very limited number of messages of special types can be transmitted as plain text.

-

Schematic Presentation of Messages

-

Encrypted Message

- - - - -
auth_key_id
int64		msg_key
int128		encrypted_data
bytes
-

Encrypted Message: encrypted_data

-

Contains the cypher text for the following data:

- - - - - - - - -
salt
int64		session_id
int64		message_id
int64		seq_no
int32		message_data_length
int32		message_data
bytes		padding 0..15
bytes
-

Unencrypted Message

- - - - - -
auth_key_id = 0
int64		message_id
int64		message_data_length
int32		message_data
bytes
-

Creating an Authorization Key

-

An authorization key is normally created once for every user during the application installation process immediately prior to registration. Registration itself, in actuality, occurs after the authorization key is created. However, a user may be prompted to complete the registration form while the authorization key is being generated in the background. Intervals between user key strokes may be used as a source of entropy in the generation of high-quality random numbers required for the creation of an authorization key.

-

See Creating an Authorization Key.

-

During the creation of the authorization key, the client obtains its server salt (to be used with the new key for all communication in the near future). The client then creates an encrypted session using the newly generated key, and subsequent communication occurs within that session (including the transmission of the user's registration information and phone number validation) unless the client creates a new session. The client is free to create new or additional sessions at any time by choosing a new random session_id.

- -
- -
-
-
-
-
-
Telegram
-
- Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed. -
- -
-
About
- -
-
-
Mobile Apps
- -
-
-
Desktop Apps
- -
-
-
Platform
- -
-
-
-
-
About
-
-
-
Blog
-
-
-
Apps
-
-
-
Platform
-
-
-
Twitter
-
-
-
-
- - - - - - diff --git a/data/core.telegram.org/type/account.SentEmailCode b/data/core.telegram.org/type/account.SentEmailCode new file mode 100644 index 0000000000..d7cf096895 --- /dev/null +++ b/data/core.telegram.org/type/account.SentEmailCode @@ -0,0 +1,162 @@ + + + + + account.SentEmailCode + + + + + + + + + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+

account.SentEmailCode

+ +

The email code that was sent

+

+ +
+
account.sentEmailCode#811f854f email_pattern:string length:int = account.SentEmailCode;
+
+---functions---
+
+account.sendVerifyEmailCode#7011509f email:string = account.SentEmailCode;

+

Constructors

+ + + + + + + + + + + + + +
ConstructorDescription
account.sentEmailCodeThe sent email code
+

Methods

+ + + + + + + + + + + + + +
MethodDescription
account.sendVerifyEmailCodeSend the verification email code for telegram passport.
+ +
+ +
+
+
+
+
+
Telegram
+
+ Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed. +
+ +
+
About
+ +
+
+
Mobile Apps
+ +
+
+
Desktop Apps
+ +
+
+
Platform
+ +
+
+
+
+
About
+
+
+
Blog
+
+
+
Apps
+
+
+
Platform
+
+
+
Twitter
+
+
+
+
+ + + + + + diff --git a/data/corefork.telegram.org/constructor/langPackLanguage.html b/data/corefork.telegram.org/constructor/langPackLanguage.html new file mode 100644 index 0000000000..031a2a8dd9 --- /dev/null +++ b/data/corefork.telegram.org/constructor/langPackLanguage.html @@ -0,0 +1,202 @@ + + + + + langPackLanguage + + + + + + + + + + + + + +
+
+
+
+ + +
+
+
+
+
+
+
+

langPackLanguage

+ +

Identifies a localization pack

+

+ +
+
langPackLanguage#eeca5ce3 flags:# official:flags.0?true rtl:flags.2?true beta:flags.3?true name:string native_name:string lang_code:string base_lang_code:flags.1?string plural_code:string strings_count:int translated_count:int translations_url:string = LangPackLanguage;

+

Parameters

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
NameTypeDescription
flags#Flags, see TL conditional fields
officialflags.0?trueWhether the language pack is official
rtlflags.2?trueIs this a localization pack for an RTL language
betaflags.3?trueIs this a beta localization pack?
namestringLanguage name
native_namestringLanguage name in the language itself
lang_codestringLanguage code (pack identifier)
base_lang_codeflags.1?stringIdentifier of a base language pack; may be empty. If a string is missed in the language pack, then it should be fetched from base language pack. Unsupported in custom language packs
plural_codestringA language code to be used to apply plural forms. See https://www.unicode.org/cldr/charts/latest/supplemental/language_plural_rules.html for more info
strings_countintTotal number of non-deleted strings from the language pack
translated_countintTotal number of translated strings from the language pack
translations_urlstringLink to language translation interface; empty for custom local language packs
+

Type

+

LangPackLanguage

+ +
+ +
+
+
+
+
+
Telegram
+
+ Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed. +
+ +
+
About
+ +
+
+
Mobile Apps
+ +
+
+
Desktop Apps
+ +
+
+
Platform
+ +
+
+
+
+
About
+
+
+
Blog
+
+
+
Apps
+
+
+
Platform
+
+
+
Twitter
+
+
+
+
+ + + + + + diff --git a/data/core.telegram.org/constructor/decryptedMessageActionReadMessages.html b/data/corefork.telegram.org/constructor/securePasswordKdfAlgoSHA512.html similarity index 87% rename from data/core.telegram.org/constructor/decryptedMessageActionReadMessages.html rename to data/corefork.telegram.org/constructor/securePasswordKdfAlgoSHA512.html index cc25000388..ae7f4fdc91 100644 --- a/data/core.telegram.org/constructor/decryptedMessageActionReadMessages.html +++ b/data/corefork.telegram.org/constructor/securePasswordKdfAlgoSHA512.html @@ -2,12 +2,12 @@ - decryptedMessageActionReadMessages + securePasswordKdfAlgoSHA512 - - + + - + @@ -36,10 +36,10 @@
-
-

decryptedMessageActionReadMessages

+
+

securePasswordKdfAlgoSHA512

-

Messages marked as read.

+

SHA512 KDF algo

  • @@ -52,8 +52,7 @@
-
===8===
-decryptedMessageActionReadMessages#c4f40be random_ids:Vector<long> = DecryptedMessageAction;

+
securePasswordKdfAlgoSHA512#86471d92 salt:bytes = SecurePasswordKdfAlgo;

Parameters

@@ -65,14 +64,14 @@ - - - + + +
random_idsVector<long>List of message IDssaltbytesSalt

Type

-

DecryptedMessageAction

+

SecurePasswordKdfAlgo

@@ -111,9 +110,9 @@
-
Platform
+
Platform
@@ -130,7 +129,7 @@
Apps
-
Platform
+
Platform
Twitter
diff --git a/data/core.telegram.org/constructor/decryptedMessageActionDeleteMessages.html b/data/corefork.telegram.org/constructor/storage.fileJpeg similarity index 85% rename from data/core.telegram.org/constructor/decryptedMessageActionDeleteMessages.html rename to data/corefork.telegram.org/constructor/storage.fileJpeg index f4207360ca..67bf3d11f6 100644 --- a/data/core.telegram.org/constructor/decryptedMessageActionDeleteMessages.html +++ b/data/corefork.telegram.org/constructor/storage.fileJpeg @@ -2,12 +2,12 @@ - decryptedMessageActionDeleteMessages + storage.fileJpeg - - + + - + @@ -36,10 +36,10 @@
-
-

decryptedMessageActionDeleteMessages

+
+

storage.fileJpeg

-

Deleted messages.

+

JPEG image. MIME type: image/jpeg.

  • @@ -52,27 +52,11 @@
-
===8===
-decryptedMessageActionDeleteMessages#65614304 random_ids:Vector<long> = DecryptedMessageAction;

+
storage.fileJpeg#7efe0e = storage.FileType;

Parameters

- - - - - - - - - - - - - - - -
NameTypeDescription
random_idsVector<long>List of deleted message IDs
+

This constructor does not require any parameters.

Type

-

DecryptedMessageAction

+

storage.FileType

@@ -111,9 +95,9 @@
-
Platform
+
Platform
@@ -130,7 +114,7 @@
Apps
-
Platform
+
Platform
Twitter
diff --git a/data/promote.telegram.org/js/widget-frame.js b/data/promote.telegram.org/js/widget-frame.js new file mode 100644 index 0000000000..9da5decddc --- /dev/null +++ b/data/promote.telegram.org/js/widget-frame.js @@ -0,0 +1,2519 @@ +// http://paulirish.com/2011/requestanimationframe-for-smart-animating/ +// http://my.opera.com/emoller/blog/2011/12/20/requestanimationframe-for-smart-er-animating + +// requestAnimationFrame polyfill by Erik Möller. fixes from Paul Irish and Tino Zijdel + +// MIT license + +(function() { + var lastTime = 0; + var vendors = ['ms', 'moz', 'webkit', 'o']; + for(var x = 0; x < vendors.length && !window.requestAnimationFrame; ++x) { + window.requestAnimationFrame = window[vendors[x]+'RequestAnimationFrame']; + window.cancelAnimationFrame = window[vendors[x]+'CancelAnimationFrame'] + || window[vendors[x]+'CancelRequestAnimationFrame']; + } + + if (!window.requestAnimationFrame) + window.requestAnimationFrame = function(callback, element) { + var currTime = new Date().getTime(); + var timeToCall = Math.max(0, 16 - (currTime - lastTime)); + var id = window.setTimeout(function() { callback(currTime + timeToCall); }, + timeToCall); + lastTime = currTime + timeToCall; + return id; + }; + + if (!window.cancelAnimationFrame) + window.cancelAnimationFrame = function(id) { + clearTimeout(id); + }; +}()); + + + +/*! npm.im/iphone-inline-video 2.0.2 */ + +var enableInlineVideo=function(){"use strict";/*! npm.im/intervalometer */ +function e(e,i,n,r){function t(n){d=i(t,r),e(n-(a||n)),a=n}var d,a;return{start:function(){d||t(0)},stop:function(){n(d),d=null,a=0}}}function i(i){return e(i,requestAnimationFrame,cancelAnimationFrame)}function n(e,i,n,r){function t(i){Boolean(e[n])===Boolean(r)&&i.stopImmediatePropagation(),delete e[n]}return e.addEventListener(i,t,!1),t}function r(e,i,n,r){function t(){return n[i]}function d(e){n[i]=e}r&&d(e[i]),Object.defineProperty(e,i,{get:t,set:d})}function t(e,i,n){n.addEventListener(i,function(){return e.dispatchEvent(new Event(i))})}function d(e,i){Promise.resolve().then(function(){e.dispatchEvent(new Event(i))})}function a(e){var i=new Audio;return t(e,"play",i),t(e,"playing",i),t(e,"pause",i),i.crossOrigin=e.crossOrigin,i.src=e.src||e.currentSrc||"data:",i}function o(e,i,n){(m||0)+200=e.video.duration}function s(e){var i=this;i.video.readyState>=i.video.HAVE_FUTURE_DATA?(i.hasAudio||(i.driver.currentTime=i.video.currentTime+e*i.video.playbackRate/1e3,i.video.loop&&u(i)&&(i.driver.currentTime=0)),o(i.video,i.driver.currentTime)):i.video.networkState===i.video.NETWORK_IDLE&&0===i.video.buffered.length&&i.video.load(),i.video.ended&&(delete i.video[b],i.video.pause(!0))}function c(){var e=this,i=e[h];return e.webkitDisplayingFullscreen?void e[g]():("data:"!==i.driver.src&&i.driver.src!==e.src&&(o(e,0,!0),i.driver.src=e.src),void(e.paused&&(i.paused=!1,0===e.buffered.length&&e.load(),i.driver.play(),i.updater.start(),i.hasAudio||(d(e,"play"),i.video.readyState>=i.video.HAVE_ENOUGH_DATA&&d(e,"playing")))))}function v(e){var i=this,n=i[h];n.driver.pause(),n.updater.stop(),i.webkitDisplayingFullscreen&&i[E](),n.paused&&!e||(n.paused=!0,n.hasAudio||d(i,"pause"),i.ended&&(i[b]=!0,d(i,"ended")))}function p(e,n){var r=e[h]={};r.paused=!0,r.hasAudio=n,r.video=e,r.updater=i(s.bind(r)),n?r.driver=a(e):(e.addEventListener("canplay",function(){e.paused||d(e,"playing")}),r.driver={src:e.src||e.currentSrc||"data:",muted:!0,paused:!0,pause:function(){r.driver.paused=!0},play:function(){r.driver.paused=!1,u(r)&&o(e,0)},get ended(){return u(r)}}),e.addEventListener("emptied",function(){var i=!r.driver.src||"data:"===r.driver.src;r.driver.src&&r.driver.src!==e.src&&(o(e,0,!0),r.driver.src=e.src,i?r.driver.play():r.updater.stop())},!1),e.addEventListener("webkitbeginfullscreen",function(){e.paused?n&&0===r.driver.buffered.length&&r.driver.load():(e.pause(),e[g]())}),n&&(e.addEventListener("webkitendfullscreen",function(){r.driver.currentTime=e.currentTime}),e.addEventListener("seeking",function(){w.indexOf(100*e.currentTime|0)<0&&(r.driver.currentTime=e.currentTime)}))}function l(e){var i=e[h];e[g]=e.play,e[E]=e.pause,e.play=c,e.pause=v,r(e,"paused",i.driver),r(e,"muted",i.driver,!0),r(e,"playbackRate",i.driver,!0),r(e,"ended",i.driver),r(e,"loop",i.driver,!0),n(e,"seeking"),n(e,"seeked"),n(e,"timeupdate",b,!1),n(e,"ended",b,!1)}function f(e,i){if(void 0===i&&(i={}),!e[h]){if(!i.everywhere){if(!y)return;if(!(i.iPad||i.ipad?/iPhone|iPod|iPad/:/iPhone|iPod/).test(navigator.userAgent))return}!e.paused&&e.webkitDisplayingFullscreen&&e.pause(),p(e,!e.muted),l(e),e.classList.add("IIV"),e.muted&&e.autoplay&&e.play(),/iPhone|iPod|iPad/.test(navigator.platform)||console.warn("iphone-inline-video is not guaranteed to work in emulated environments")}}var m,y="object"==typeof document&&"object-fit"in document.head.style&&!matchMedia("(-webkit-video-playable-inline)").matches,h="bfred-it:iphone-inline-video",b="bfred-it:iphone-inline-video:event",g="bfred-it:iphone-inline-video:nativeplay",E="bfred-it:iphone-inline-video:nativepause",w=[],T=0;return f}(); + +if (!Array.isArray) { + Array.isArray = function(arg) { + return Object.prototype.toString.call(arg) === '[object Array]'; + }; +} + +(!this.CustomEvent || typeof this.CustomEvent === "object") && (function() { + this.CustomEvent = function CustomEvent(type, eventInitDict) { + var event; + eventInitDict = eventInitDict || {bubbles: false, cancelable: false, detail: undefined}; + + try { + event = document.createEvent('CustomEvent'); + event.initCustomEvent(type, eventInitDict.bubbles, eventInitDict.cancelable, eventInitDict.detail); + } catch (error) { + event = document.createEvent('Event'); + event.initEvent(type, eventInitDict.bubbles, eventInitDict.cancelable); + event.detail = eventInitDict.detail; + } + + return event; + }; +})(); + +var Keys = { + BACKSPACE: 8, + ESC: 27, + TAB: 9, + RETURN: 13, + LEFT: 37, + UP: 38, + RIGHT: 39, + DOWN: 40 +}; + +var TWidget = { + options: {}, + isFocused: false +}; +function inFrame() { + return (window.parent != null && window != window.parent); +} +function inFullFrame() { + return inFrame() && TWidget.options.auto_height; +} +function isFocused() { + return inFrame() ? TWidget.isFocused : document.hasFocus(); +} + +function l(lang_key, params, def_value) { + if (typeof params === 'string') { + def_value = params; + params = {}; + } + params = params || {}; + var value = l._keys[lang_key] || def_value || lang_key; + value = value.replace(/\{\{([A-Za-z_\-\d]{1,32}):(.+?)\}\}/g, function(lang_value, token, options) { + var number = +params[token] || 0; + var numeric_options = options.split('|'); + var i; + if (number == 1) i = 0; + else i = 1; + if (typeof numeric_options[i] === 'undefined') { + i = 1; + } + var numeric_option = numeric_options[i] || '#'; + return numeric_option.replace(/#/g, number); + }); + value = value.replace(/\{([A-Za-z_\-\d]{1,32}):(.{1,256}?)\}/g, function(lang_value, token, options) { + var number = +params[token] || 0; + var numeric_options = options.split('|'); + var i; + if (!number) i = 0; + else if (number == 1) i = 1; + else i = 2; + if (typeof numeric_options[i] === 'undefined') { + i = 0; + } + var numeric_option = numeric_options[i] || '#'; + return numeric_option.replace(/#/g, number); + }); + for (var param in params) { + value = value.split('{' + param + '}').join(params[param]); + } + return value; +} +l._keys = {}; +l.add = function(lang_values) { + for (var lang_key in lang_values) { + l._keys[lang_key] = lang_values[lang_key]; + } +} + +var PostMessage = { + _callbacks: {}, + _lastId: 0, + send: function(data, origin, callback) { + if (typeof origin === 'function') { + callback = origin; origin = null; + } + try { + if (callback) { + data._cb = ++PostMessage._lastId; + PostMessage._callbacks[data._cb] = callback; + } + window.parent.postMessage(JSON.stringify(data), origin || '*'); + } catch(e) { + if (origin) alert('Bot domain invalid'); + } + }, + onMessage: function(event) { + if (event.source !== window.parent) return; + try { + var data = JSON.parse(event.data); + } catch(e) { + var data = {}; + } + if (data.event == 'visible') { + if (!frameWasVisible) { + frameWasVisible = true; + TWidget.options.onVisible && TWidget.options.onVisible(); + } + PostMessage.send({event: 'visible_off'}); + } + else if (data.event == 'focus') { + TWidget.isFocused = data.has_focus; + triggerEvent(window, 'tg:focuschange'); + } + else if (data.event == 'set_options') { + triggerEvent(window, 'tg:optionschange', {detail: data.options}); + } + else if (data.event == 'get_info') { + triggerEvent(window, 'tg:inforequest', {detail: { + callback: function(value) { + PostMessage.send({event: 'callback', _cb: data._cb, value: value}); + } + }}); + } + else if (data.event == 'visible') { + if (!frameWasVisible) { + frameWasVisible = true; + TWidget.options.onVisible && TWidget.options.onVisible(); + } + PostMessage.send({event: 'visible_off'}); + } + else if (data.event == 'callback') { + if (PostMessage._callbacks[data._cb]) { + PostMessage._callbacks[data._cb](data.value); + delete PostMessage._callbacks[data._cb]; + } else { + console.warn('Callback #' + data._cb + ' not found'); + } + } + } +}; + +var TPopups = { + _list: [], + _lastId: 1000000, + _inited: false, + init: function() { + if (!TPopups._inited) { + TPopups._inited = true; + if (window.Popups) { + TPopups._list = window.Popups; // legacy + } + addEvent(document, 'keydown', function(e) { + if (e.keyCode == Keys.ESC && TPopups._list.length > 0) { + e.stopImmediatePropagation(); + e.preventDefault(); + TPopups.close(); + } + }); + } + }, + open: function(popup_el, options) { + TPopups.init(); + popup_el = ge1(popup_el); + if (!popup_el) { + return popup_el; + } + options = options || {}; + var popup_id = popup_el.__puid; + if (!popup_id) { + popup_id = ++TPopups._lastId; + popup_el.__puid = popup_id; + } + popup_el.__options = options; + var index = TPopups._list.indexOf(popup_id); + if (index >= 0) { + TPopups._list.splice(index, 1); + } + TPopups._list.push(popup_id); + document.body.style.overflow = 'hidden'; + document.body.appendChild(popup_el); + removeClass(popup_el, 'hide'); + TPopups.setPosition(popup_el); + if (document.activeElement) { + document.activeElement.blur(); + } + if (ge1('.js-popup_box', popup_el)) { + addEvent(popup_el, 'click', function(e) { + if (elInBody(e.target) && + !hasClass(e.target, 'js-popup_box') && + !gpeByClass(e.target, 'js-popup_box')) { + TPopups.close(popup_el); + } + }); + } + gec('.js-popup_close', function() { + addEvent(this, 'click', function() { + TPopups.close(popup_el); + }); + }, popup_el); + triggerEvent(popup_el, 'tg:popupopen'); + return popup_el; + }, + close: function(popup_el) { + if (!TPopups._list.length) return false; + var popup_id; + if (popup_el) { + popup_id = popup_el.__puid; + } else { + popup_id = TPopups._list.pop(); + gec('.js-popup_container', function() { + if (popup_id == this.__puid) { + popup_el = this; + return false; + } + }); + } + if (!popup_el) { + return false; + } + var options = popup_el.__options; + var index = TPopups._list.indexOf(popup_id); + if (index >= 0) { + TPopups._list.splice(index, 1); + } + if (!TPopups._list.length) { + document.body.style.overflow = ''; + } + removeEvent(popup_el, 'click'); + gec('.js-popup_close', function() { + removeEvent(this, 'click'); + }, popup_el); + addClass(popup_el, 'hide'); + triggerEvent(popup_el, 'tg:popupclose'); + }, + closeAll: function() { + while (TPopups._list.length) { + TPopups.close(); + } + }, + setPosition: function(popul_el) { + var popup_box = ge1('.js-popup_box', popul_el); + if (!popup_box) return; + getCoords(function(coords) { + var style = window.getComputedStyle(popul_el); + var contTop = parseInt(style.paddingTop); + var contBottom = parseInt(style.paddingBottom); + var marginMax = popul_el.offsetHeight - contTop - contBottom - coords.elHeight; + var frameTop = coords.frameTop || 0; + var deltaY = (coords.clientHeight - coords.elHeight) / 2; + var marginTop = deltaY - contTop - frameTop; + marginTop = Math.max(0, Math.min(marginMax, marginTop)); + popup_box.style.marginTop = marginTop + 'px'; + }, popup_box); + }, + show: function(html, buttons, options) { + options = options || {}; + var popup_el = newEl('div', 'tgme_popup_container js-popup_container tgme_popup_alert hide', '
'); + var text_el = ge1('.js-popup_text', popup_el); + var buttons_el = ge1('.js-popup_buttons', popup_el); + setHtml(text_el, html); + var enterBtn = null, onEnterPress = null; + for (var i = 0; i < buttons.length; i++) { + var btn = buttons[i]; + var button_el = newEl('div', 'tgme_popup_button' + (btn.close ? ' js-popup_close' : ''), btn.label); + btn.el = button_el; + buttons_el.appendChild(button_el); + if (btn.enter) { + enterBtn = button_el; + } + if (btn.onPress) { + addEvent(button_el, 'click', btn.onPress); + } + } + if (enterBtn) { + onEnterPress = function(e) { + if (e.keyCode == Keys.RETURN) { + e.stopImmediatePropagation(); + e.preventDefault(); + triggerEvent(enterBtn, 'click'); + } + }; + addEvent(document, 'keydown', onEnterPress); + } + var onPopupClose = function(e) { + if (enterBtn && onEnterPress) { + removeEvent(document, 'keydown', onEnterPress); + } + for (var i = 0; i < buttons.length; i++) { + var btn = buttons[i]; + if (btn.onPress) { + removeEvent(btn.el, 'click', btn.onPress); + } + } + removeEvent(popup_el, 'tg:popupclose', onPopupClose); + removeEl(popup_el); + }; + addEvent(popup_el, 'tg:popupclose', onPopupClose); + return TPopups.open(popup_el); + } +}; + +function showAlert(html, onClose) { + return TPopups.show(html, [{ + label: l('WEB_CLOSE', 'Close'), + enter: true, + close: true + }]); +} + +function showConfirm(html, onConfirm, confirm_btn, onCancel, cancel_btn) { + var popup_el = TPopups.show(html, [{ + label: cancel_btn || l('WEB_CANCEL', 'Cancel'), + onPress: function() { + onCancel && onCancel(popup_el); + }, + close: true + }, { + label: confirm_btn || l('WEB_OK', 'OK'), + onPress: function() { + onConfirm && onConfirm(popup_el); + TPopups.close(popup_el); + }, + enter: true + }]); + return popup_el; +} + +function addEvent(el, event, handler) { + gec(el, function() { + var events = event.split(/\s+/); + for (var i = 0; i < events.length; i++) { + if (this.addEventListener) { + this.addEventListener(events[i], handler, false); + } else { + this.attachEvent('on' + events[i], handler); + } + } + }); +} +function removeEvent(el, event, handler) { + gec(el, function() { + var events = event.split(/\s+/); + for (var i = 0; i < events.length; i++) { + if (this.removeEventListener) { + this.removeEventListener(events[i], handler); + } else { + this.detachEvent('on' + events[i], handler); + } + } + }); +} +function triggerEvent(el, event_type, init_dict) { + gec(el, function() { + var event = new CustomEvent(event_type, init_dict); + this.dispatchEvent(event); + }); +} + +function geById(el_or_id) { + if (typeof el_or_id == 'string' || el_or_id instanceof String) { + return document.getElementById(el_or_id); + } else if (el_or_id instanceof HTMLElement) { + return el_or_id; + } + return null; +} + +function gec(el, callback, context) { + var list = ge(el, context); + for (var i = 0, l = list.length; i < l; i++) { + var result = callback.call(list[i], list[i], i, list); + if (result === false) { + break; + } + } +} +function ge(el, context) { + var list = []; + if (typeof el === 'string') { + list = (ge1(context) || document).querySelectorAll(el); + } else if (el instanceof Node || el instanceof Window) { + list = [el]; + } else if (el instanceof NodeList) { + list = el; + } else if (Array.isArray(el)) { + list = el; + } else if (el) { + console.warn('unknown type of el', el); + return [el]; + } + if (list instanceof NodeList) { + list = Array.prototype.slice.call(list); + } + return list; +} +function ge1(el, context) { + if (typeof el === 'string') { + return (ge1(context) || document).querySelector(el); + } else if (el instanceof Node || el instanceof Window) { + return el; + } else if (el instanceof NodeList) { + return el.item(0); + } else if (el instanceof Array) { + return el[0]; + } else if (el) { + console.warn('unknown type of el', el); + return el; + } + return null; +} +function newEl(tag, cl, html, styles) { + var el = document.createElement((tag || 'DIV').toUpperCase()); + if (cl) el.className = cl; + if (styles) { + for (var k in styles) { + el.style[k] = styles[k]; + } + } + if (html) { + el.innerHTML = html; + } + return el; +} +function gpeByClass(el, cl) { + if (!el) return null; + while (el = el.parentNode) { + if (hasClass(el, cl)) break; + } + return el || null; +} +function elInBody(el) { + if (!el) return false; + while (el = el.parentNode) { + if (el === document.body) return true; + } + return false; +} + +function getCoords(callback, el) { + var rect = {}; + if (el = ge1(el)) { + rect = el.getBoundingClientRect(); + } + var docEl = document.documentElement; + var coords = {}; + if (inFullFrame()) { + PostMessage.send({event: 'get_coords'}, function(coords) { + coords.inFrame = true; + if (el) { + coords.elTop = rect.top + coords.frameTop; + coords.elBottom = rect.bottom + coords.frameTop; + coords.elLeft = rect.left + coords.frameLeft; + coords.elRight = rect.right + coords.frameLeft; + coords.elWidth = rect.width; + coords.elHeight = rect.height; + } + callback && callback(coords); + }); + return; + } else { + if (el) { + coords.elTop = rect.top; + coords.elBottom = rect.bottom; + coords.elLeft = rect.left; + coords.elRight = rect.right; + coords.elWidth = rect.width; + coords.elHeight = rect.height; + } + coords.scrollTop = window.pageYOffset; + coords.scrollLeft = window.pageXOffset; + coords.clientWidth = docEl.clientWidth; + coords.clientHeight = docEl.clientHeight; + callback && callback(coords); + } +} +function scrollToY(y) { + if (inFullFrame()) { + PostMessage.send({event: 'scroll_to', y: y}); + } else { + window.scrollTo(0, y); + } +} + +function addClass(el, cl) { + gec(el, function() { + var cls = cl.split(/\s+/); + for (var i = 0; i < cls.length; i++) { + this.classList.add(cls[i]); + } + }); +} +function removeClass(el, cl) { + gec(el, function() { + var cls = cl.split(/\s+/); + for (var i = 0; i < cls.length; i++) { + this.classList.remove(cls[i]); + } + }); +} +function toggleClass(el, cl, add) { + gec(el, function() { + var cls = cl.split(/\s+/); + for (var i = 0; i < cls.length; i++) { + cl = cls[i]; + var add_cl = (typeof add !== 'undefined') ? add : !hasClass(this, cl); + add_cl ? this.classList.add(cl) : this.classList.remove(cl); + } + }); +} +function hasClass(el, cl) { + var item = ge1(el); + return (item && item.classList && item.classList.contains(cl)); +} +function removeEl(el) { + gec(el, function() { + if (this && this.parentNode) { + this.parentNode.removeChild(this); + } + }); +} +function getHtml(el, context) { + var item = ge1(el, context); + return item ? item.innerHTML : null; +} +function setHtml(el, html) { + gec(el, function() { + if (this) { + this.innerHTML = html; + } + }); +} +function getAttr(el, attr) { + var item = ge1(el); + return item ? item.getAttribute(attr) : null; +} +function setAttr(el, attr, value) { + gec(el, function() { + if (this) { + this.setAttribute(attr, value); + } + }); +} + +function isLSEnabled() { + try { + return window.localStorage ? true : false; + } catch (e) { + return false; + } +} +function parseHeaders(headers) { + var headers_strs = headers.replace(/^\s+|\s+$/g, '').split(/[\r\n]+/); + var headers_arr = []; + for (var i = 0; i < headers_strs.length; i++) { + var header_str = headers_strs[i]; + var parts = header_str.split(': '); + var name = parts.shift().toLowerCase(); + var value = parts.join(': '); + headers_arr.push({name: name, value: value}); + } + return headers_arr; +} +function setLS(xhr) { + if (!isLSEnabled()) return; + try { + var headers = parseHeaders(xhr.getAllResponseHeaders()); + for (var i = 0; i < headers.length; i++) { + var header = headers[i]; + if (header.name == 'x-set-local-storage') { + var arr = header.value.split('='); + var key = decodeURIComponent(arr[0]); + var val = decodeURIComponent(arr[1]); + if (val.length) { + localStorage.setItem(key, val); + } else { + localStorage.removeItem(key); + } + } + } + } catch (e) {} +} +function getLSString() { + if (!isLSEnabled()) return false; + var arr = []; + for (var i = 0; i < localStorage.length; i++) { + var key = localStorage.key(i); + arr.push(encodeURIComponent(key) + '=' + encodeURIComponent(localStorage[key])); + } + return arr.join('; '); +} + +function getXHR() { + if (navigator.appName == "Microsoft Internet Explorer"){ + return new ActiveXObject("Microsoft.XMLHTTP"); + } else { + return new XMLHttpRequest(); + } +} + +function xhrRequest(href, postdata, onCallback, retry_delay) { + var xhr = getXHR(), type = 'GET', data = null, ls_header; + if (postdata !== false) { + type = 'POST'; + var data_arr = []; + for (var field in postdata) { + data_arr.push(encodeURIComponent(field) + '=' + encodeURIComponent(postdata[field])); + } + data = data_arr.join('&'); + } + xhr.open(type, href); + if (postdata !== false) { + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); + } + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + if (ls_header = getLSString()) { + xhr.setRequestHeader('X-Local-Storage', ls_header); + } + xhr.onerror = function() { + if (xhr._retried) return; + xhr._retried = true; + retry_delay = retry_delay || 1000; + if (retry_delay > 60000) { + onCallback && onCallback('Server unavailable'); + return; + } + setTimeout(function() { + xhrRequest(href, postdata, onCallback, retry_delay * 2); + }, retry_delay); + }; + xhr.onreadystatechange = function() { + if (xhr.readyState == 4) { + setLS(xhr); + if (typeof xhr.responseBody == 'undefined' && xhr.responseText) { + try { + var result = JSON.parse(xhr.responseText); + } catch(e) { + var result = {}; + } + if (xhr.status == 401) { // Unauthorized + TWidgetAuth.reload(); + return; + } + if (result.error && result.flood_wait) { + console.log('flood_wait', result.flood_wait); + setTimeout(function() { + xhrRequest(href, postdata, onCallback); + }, result.flood_wait * 1000); + return; + } + onCallback && onCallback(null, result); + } else { + xhr.onerror(); + } + } + }; + xhr.withCredentials = true; + xhr.send(data); + return xhr; +} + +function xhrUploadRequest(href, params, onCallback, onProgress) { + var xhr = getXHR(), data = new FormData(), ls_header; + xhr.open('POST', href, true); + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + if (ls_header = getLSString()) { + xhr.setRequestHeader('X-Local-Storage', ls_header); + } + xhr.upload.addEventListener('progress', function(event) { + if (event.lengthComputable) { + onProgress && onProgress(event.loaded, event.total); + } + }); + xhr.onerror = function() { + onCallback && onCallback('Server unavailable'); + }; + xhr.onreadystatechange = function() { + if (xhr.readyState == 4) { + setLS(xhr); + if (typeof xhr.responseBody == 'undefined' && xhr.responseText) { + try { + var result = JSON.parse(xhr.responseText); + } catch(e) { + var result = {}; + } + if (result.error && result.flood_wait) { + console.log('flood_wait', result.flood_wait); + setTimeout(function() { + xhrUploadRequest(href, params, onCallback, onProgress); + }, result.flood_wait * 1000); + return; + } + onCallback && onCallback(null, result); + } else { + xhr.onerror(); + } + } + }; + for (var k in params) { + var value = params[k]; + if (value instanceof File) { + data.append(k, value, value.name); + } else { + data.append(k, value); + } + } + xhr.withCredentials = true; + xhr.send(data); + return xhr; +} + +window.TWidgetAuth = { + init: function(options) { + options = options || {}; + TWidgetAuth.options = options; + }, + apiRequest: function(method, params, callback) { + var options = TWidgetAuth.options || {}; + if (!options.api_url) { + console.warn('API url not found'); + return null; + } + params.method = method; + return xhrRequest(options.api_url, params, callback); + }, + uploadRequest: function(params, onCallback, onProgress) { + var options = TWidgetAuth.options || {}; + if (!options.upload_url) { + console.warn('Upload url not found'); + return null; + } + return xhrUploadRequest(options.upload_url, params, onCallback, onProgress); + }, + logIn: function() { + var options = TWidgetAuth.options || {}; + if (!options.bot_id) { + console.warn('Bot id not found'); + return; + } + if (TWidgetAuth.isLoggedIn()) { + return; + } + Telegram.Login.auth({bot_id: options.bot_id, lang: 'en'}, function(user) { + if (user) { + xhrRequest('/auth', user, function(err, result) { + if (result.ok) { + TWidgetAuth.reload(result.host); + } else { + location.reload(); + } + }); + } + }); + }, + reload: function(host, callback) { + var xhr = getXHR(), data = null, ls_header; + var url = location.href; + if (host) { + var a = newEl('a'); + a.href = url; a.hostname = host; url = a.href; + } + xhr.open('GET', url); + xhr.setRequestHeader('X-Requested-With', 'relogin'); + if (ls_header = getLSString()) { + xhr.setRequestHeader('X-Local-Storage', ls_header); + } + xhr.onreadystatechange = function() { + if (xhr.readyState == 4) { + setLS(xhr); + if (typeof xhr.responseBody == 'undefined' && xhr.responseText) { + document.open(); + document.write(xhr.responseText); + document.close(); + callback && callback(); + } else { + location.reload(); + } + } + }; + xhr.onerror = function() { + location.reload(); + }; + xhr.withCredentials = true; + xhr.send(); + }, + isLoggedIn: function() { + var options = TWidgetAuth.options || {}; + return options && !options.unauth; + } +}; +window.apiRequest = TWidgetAuth.apiRequest; +window.uploadRequest = TWidgetAuth.uploadRequest; + +function loadImage(file, callback) { + var image = new Image(); + image.onload = function() { + var w = image.naturalWidth; + var h = image.naturalHeight; + callback && callback(null, { + url: image.src, + width: w, + height: h, + image: image + }); + }; + image.onerror = function() { + callback && callback('LOAD_FAILED'); + }; + image.src = URL.createObjectURL(file); +} + +function initWidgetFrame(options) { + TWidget.options = options || {}; + if (window.devicePixelRatio >= 2) { + addClass(document.body, 'r2x'); + } + if (TWidget.options.auto_height || + TWidget.options.auto_width) { + addEvent(window, 'resize', checkFrameSize); + checkFrameSize(); + } + addEvent(window, 'message', PostMessage.onMessage); + addEvent(window, 'focus blur', function() { + triggerEvent(window, 'tg:focuschange'); + }); + PostMessage.send({event: 'ready'}); +} + +var frameLastHeight = null, + frameLastWidth = null, + frameWasVisible = false; +function checkFrameSize() { + var height, width, style; + if (document.body) { + if (window.getComputedStyle) { + style = window.getComputedStyle(document.body); + height = style.height; + if (height.substr(-2) == 'px') { + height = height.slice(0, -2); + } + width = style.width; + if (width.substr(-2) == 'px') { + width = width.slice(0, -2); + } + } else { + height = document.body.offsetHeight; + width = document.body.offsetWidth; + } + var data = {event: 'resize'}, resized = false; + if (TWidget.options.auto_height) { + height = Math.ceil(height); + if (height != frameLastHeight) { + frameLastHeight = height; + data.height = height; + resized = true; + } + } + if (TWidget.options.auto_width) { + width = Math.ceil(width); + if (width != frameLastWidth) { + frameLastWidth = width; + data.width = width; + resized = true; + } + } + if (resized) { + PostMessage.send(data); + } + } + requestAnimationFrame(checkFrameSize); +} + + +(function() { + var ua = navigator.userAgent.toLowerCase(); + var browser = { + opera: (/opera/i.test(ua) || /opr/i.test(ua)), + msie: (/msie/i.test(ua) && !/opera/i.test(ua) || /trident\//i.test(ua)) || /edge/i.test(ua), + msie_edge: (/edge/i.test(ua) && !/opera/i.test(ua)), + mozilla: /firefox/i.test(ua), + chrome: /chrome/i.test(ua) && !/edge/i.test(ua), + safari: (!(/chrome/i.test(ua)) && /webkit|safari|khtml/i.test(ua)), + iphone: /iphone/i.test(ua), + ipod: /ipod/i.test(ua), + ipad: /ipad/i.test(ua), + android: /android/i.test(ua), + mobile: /iphone|ipod|ipad|opera mini|opera mobi|iemobile|android/i.test(ua), + safari_mobile: /iphone|ipod|ipad/i.test(ua), + opera_mobile: /opera mini|opera mobi/i.test(ua), + opera_mini: /opera mini/i.test(ua), + mac: /mac/i.test(ua), + }; + var TBaseUrl = window.TBaseUrl || '//telegram.org/'; + + function formatDateTime(datetime) { + var date = new Date(datetime); + var cur_date = new Date(); + if (cur_date.getFullYear() == date.getFullYear() && + cur_date.getMonth() == date.getMonth() && + cur_date.getDate() == date.getDate()) { + return formatTime(datetime); + } + return formatDate(datetime); + } + + function formatDate(datetime) { + var date = new Date(datetime); + var cur_date = new Date(); + var j = date.getDate(); + var M = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'][date.getMonth()]; + var Y = date.getFullYear(); + if (cur_date.getFullYear() == date.getFullYear()) { + return M + ' ' + j; + } + return M + ' ' + j + ', ' + Y; + } + + function formatTime(datetime) { + var date = new Date(datetime); + var H = date.getHours(); + if (H < 10) H = '0' + H; + var i = date.getMinutes(); + if (i < 10) i = '0' + i; + return H + ':' + i; + } + + function formatDuration(duration) { + duration = Math.floor(duration); + duration = Math.max(0, duration); + var duration_str = ''; + if (duration >= 3600) { + var hours = Math.floor(duration / 3600); + duration_str += hours + ':'; + var minutes = Math.floor((duration % 3600) / 60); + if (minutes < 10) minutes = '0' + minutes; + } else { + var minutes = Math.floor(duration / 60); + } + duration_str += minutes + ':'; + var seconds = duration % 60; + if (seconds < 10) seconds = '0' + seconds; + duration_str += seconds; + return duration_str; + } + + function doesSupportEmoji() { + var context, smile, canvas = document.createElement('canvas'); + if (!canvas.getContext) return false; + context = canvas.getContext('2d'); + if (typeof context.fillText != 'function') return false; + smile = '#' + String.fromCharCode(65039) + String.fromCharCode(8419); + context.textBaseline = 'top'; + context.font = '32px Arial'; + context.fillText(smile, 0, 0); + if (context.getImageData(16, 16, 1, 1).data[0] === 0) return false; + var div = document.createElement('div'); + div.style.position = 'absolute'; + div.style.overflow = 'hidden'; + div.style.top = '-1000px'; + var span = document.createElement('span'); + div.style.fontSize = '16px'; + span.innerHTML = smile; + div.appendChild(span); + document.body.insertBefore(div, document.body.firstChild); + var width = span.offsetWidth; + document.body.removeChild(div); + if (width < 18) return false; + return true; + } + + function cloneArr(arrLike) { + return Array.prototype.slice.apply(arrLike); + } + + var loadedLibs = {}; + function loadLib(file, callback) { + if (!loadedLibs[file]) { + loadedLibs[file] = { + loaded: null, + callbacks: [callback] + }; + var script = document.createElement('script'); + script.type = 'text/javascript'; + script.async = true; + script.src = file; + script.onerror = function() { + loadedLibs[file].loaded = false; + applyCallbacks(loadedLibs[file].callbacks, loadedLibs[file].loaded); + } + script.onload = function() { + loadedLibs[file].loaded = true; + applyCallbacks(loadedLibs[file].callbacks, loadedLibs[file].loaded); + } + var head = document.getElementsByTagName('head')[0]; + head.appendChild(script); + return script; + } else if (loadedLibs[file].loaded === null) { + loadedLibs[file].callbacks.push(callback); + } else { + callback(loadedLibs[file].loaded); + } + }; + + var webpNativeSupport = null, webpFallbackSupport = null, webpImage = null, webpCallbacks = []; + function applyCallbacks(callbacks) { + var args = cloneArr(arguments); args.shift(); + for (var i = 0; i < callbacks.length; i++) { + callbacks[i].apply(null, args); + } + } + function doesSupportWebp(callback) { + if (webpFallbackSupport !== null) { + callback(webpNativeSupport, webpFallbackSupport); + } else { + webpCallbacks.push(callback); + if (!webpImage) { + webpImage = new Image(); + webpImage.onerror = webpImage.onload = function() { + if (this.width === 2 && this.height === 1) { + webpNativeSupport = true; + webpFallbackSupport = false; + applyCallbacks(webpCallbacks, webpNativeSupport, webpFallbackSupport); + } else { + webpNativeSupport = false; + var script = document.createElement('script'); + script.type = 'text/javascript'; + script.async = true; + script.src = TBaseUrl + 'js/libwebp-0.2.0.js'; + script.onerror = function() { + webpFallbackSupport = false; + applyCallbacks(webpCallbacks, webpNativeSupport, webpFallbackSupport); + } + script.onload = function() { + webpFallbackSupport = true; + applyCallbacks(webpCallbacks, webpNativeSupport, webpFallbackSupport); + } + var head = document.getElementsByTagName('head')[0]; + head.appendChild(script); + } + } + webpImage.src = 'data:image/webp;base64,UklGRjIAAABXRUJQVlA4ICYAAACyAgCdASoCAAEALmk0mk0iIiIiIgBoSygABc6zbAAA/v56QAAAAA=='; + } + } + } + + function getPngDataUrlFromWebp(data) { + var decoder = new WebPDecoder(); + var config = decoder.WebPDecoderConfig; + var buffer = config.j || config.output; + var bitstream = config.input; + if (!decoder.WebPInitDecoderConfig(config)) { + throw new Error('[webpjs] Library version mismatch!'); + } + var StatusCode = decoder.VP8StatusCode; + status = decoder.WebPGetFeatures(data, data.length, bitstream); + if (status != (StatusCode.VP8_STATUS_OK || 0)) { + throw new Error('[webpjs] status error'); + } + var mode = decoder.WEBP_CSP_MODE; + buffer.colorspace = mode.MODE_RGBA; + buffer.J = 4; + try { + status = decoder.WebPDecode(data, data.length, config); + } catch (e) { + status = e + } + var ok = (status == 0); + if (!ok) { + throw new Error('[webpjs] decoding failed'); + } + var bitmap = buffer.c.RGBA.ma; + if (!bitmap) { + throw new Error('[webpjs] bitmap error'); + } + var biHeight = buffer.height; + var biWidth = buffer.width; + var canvas = document.createElement('canvas'); + var context = canvas.getContext('2d'); + canvas.height = biHeight; + canvas.width = biWidth; + var output = context.createImageData(canvas.width, canvas.height); + var outputData = output.data; + for (var h = 0; h < biHeight; h++) { + for (var w = 0; w < biWidth; w++) { + outputData[0 + w * 4 + (biWidth * 4) * h] = bitmap[1 + w * 4 + (biWidth * 4) * h]; + outputData[1 + w * 4 + (biWidth * 4) * h] = bitmap[2 + w * 4 + (biWidth * 4) * h]; + outputData[2 + w * 4 + (biWidth * 4) * h] = bitmap[3 + w * 4 + (biWidth * 4) * h]; + outputData[3 + w * 4 + (biWidth * 4) * h] = bitmap[0 + w * 4 + (biWidth * 4) * h]; + } + } + context.putImageData(output, 0, 0); + return canvas.toDataURL('image/png'); + } + + function proccessWebpImage(imgEl, failed_callback, success_callback) { + var imgEl = geById(imgEl); + if (!imgEl || imgEl.__inited) return; + imgEl.__inited = true; + failed_callback = failed_callback || function(){}; + success_callback = success_callback || function(){}; + doesSupportWebp(function(nativeSupport, fallbackSupport) { + var isImage, src; + var webpSrc = imgEl.getAttribute('data-webp'); + if (imgEl.tagName && imgEl.tagName.toUpperCase() == 'IMG' && imgEl.src) { + isImage = true; + src = imgEl.src; + } else { + isImage = false; + var bgImage; + if (window.getComputedStyle) { + bgImage = window.getComputedStyle(imgEl).backgroundImage; + } else { + bgImage = imgEl.style && imgEl.style.backgroundImage; + } + src = bgImage.slice(4, -1).replace(/["|']/g, ''); + } + var setImgSrc = function(src) { + if (isImage) { + imgEl.src = src; + } else { + imgEl.style.backgroundImage = "url('" + src + "')"; + } + addClass(imgEl, 'webp_sticker_done'); + }; + if (nativeSupport) { + if (webpSrc) { + var img = new Image(); + img.onload = function() { + setImgSrc(webpSrc); + success_callback(); + } + img.onerror = function() { + failed_callback(); + } + img.src = webpSrc; + } else { + success_callback(); + } + return; + } else if (!fallbackSupport) { + failed_callback(); + return; + } + if (hasClass(imgEl, 'webp_sticker_done')) { + success_callback(); + return; + } + if (!src) { + failed_callback(); + return; + } + if (webpSrc) { + src = webpSrc; + } + var xhr = getXHR(); + xhr.open('get', src); + if (xhr.overrideMimeType) { + xhr.overrideMimeType('text/plain; charset=x-user-defined'); + } else { + xhr.setRequestHeader('Accept-Charset', 'x-user-defined'); + } + xhr.onreadystatechange = function() { + if (xhr.readyState == 4) { + if (typeof xhr.responseBody == 'undefined' && xhr.responseText) { + var rlen = xhr.responseText.length, uarr = new Uint8Array(rlen); + for (var i = 0; i < rlen; i++) { + uarr[i] = xhr.responseText.charCodeAt(i); + } + try { + var src = getPngDataUrlFromWebp(uarr); + if (isImage) { + imgEl.src = src; + } else { + imgEl.style.backgroundImage = "url('" + src + "')"; + } + addClass(imgEl, 'webp_sticker_done'); + success_callback(); + } catch(e) { + failed_callback(); + } + } else { + failed_callback(); + } + } + }; + xhr.send(null); + }); + } + + function checkVideo(el, error_callback) { + var timeout, eventAdded; + if (!eventAdded) { + function destroyCheck() { + clearTimeout(timeout); + removeEvent(el, 'canplay', onCanPlay); + removeEvent(el, 'error', onError); + } + function onCanPlay() { + destroyCheck(); + } + function onError() { + destroyCheck(); + error_callback(); + } + eventAdded = true; + addEvent(el, 'canplay', onCanPlay); + addEvent(el, 'error', onError); + } + if (el.readyState >= 2) { + destroyCheck(); + } else { + timeout = setTimeout(function() { + checkVideo(el, error_callback); + }, 50); + } + } + + window.TPost = { + init: function(postEl, options) { + postEl = geById(postEl); + options = options || {}; + if (!postEl || postEl.__inited) return; + postEl.__inited = true; + gec('time[datetime]', function() { + var datetime = this.getAttribute('datetime'); + if (datetime) { + if (hasClass(this, 'datetime')) { + this.innerHTML = formatDate(datetime) + ' at ' + formatTime(datetime); + } else if (hasClass(this, 'time')) { + this.innerHTML = formatTime(datetime); + } else { + this.innerHTML = formatDateTime(datetime); + } + } + }, postEl); + gec('.js-message_text', function() { + TPost.initSpoilers(this, !gpeByClass(this, 'service_message')); + }, postEl); + gec('.js-message_reply_text', function() { + TPost.initSpoilers(this); + }, postEl); + gec('.js-message_footer.compact', function() { + var timeEl = ge1('time[datetime]', this) + , textEl = this.previousElementSibling; + if (textEl && !textEl.__inited && hasClass(textEl, 'js-message_text')) { + var text_rect = textEl.getBoundingClientRect(); + var tnode = textEl.firstChild; + while (tnode && tnode.nodeType == tnode.ELEMENT_NODE) { + tnode = tnode.firstChild; + } + if (tnode) { + var r = document.createRange(); + r.setStart(tnode, 0); + r.setEnd(tnode, 1); + var char_rect = r.getBoundingClientRect(); + textEl.__inited = true; + if (Math.abs(char_rect.right - text_rect.right) > 3) { + var infoEl = ge1('.js-message_info', this); + if (infoEl) { + var shadowEl = document.createElement('span'); + shadowEl.style.display = 'inline-block'; + shadowEl.style.width = infoEl.offsetWidth + 'px'; + textEl.appendChild(shadowEl); + addClass(textEl, 'before_footer'); + } + } + } + } + }, postEl); + gec('.js-message_video_player', function() { + TVideo.init(this); + }, postEl); + gec('.js-message_photo', function() { + TPhoto.init(this); + }, postEl); + gec('.js-message_grouped_wrap', function() { + TGrouped.init(this); + }, postEl); + gec('.js-message_roundvideo_player', function() { + TRoundVideo.init(this); + }, postEl); + gec('.js-message_voice_player', function() { + TVoice.init(this); + }, postEl); + gec('.js-sticker_image', function() { + TSticker.init(this, function() { + addClass(postEl, 'media_not_supported'); + removeClass(postEl, 'no_bubble'); + }); + }, postEl); + gec('.js-sticker_thumb', function() { + TSticker.init(this); + }, postEl); + gec('.js-tgsticker_image', function() { + if (options.tgs_workers_limit) { + RLottie.WORKERS_LIMIT = options.tgs_workers_limit; + } else if (options.frame) { + RLottie.WORKERS_LIMIT = 1; + } + RLottie.init(this, { + playOnce: this.hasAttribute('data-play-once') + }); + }, postEl); + }, + view: function(postEl) { + postEl = geById(postEl); + if (!postEl) return; + var view = postEl.getAttribute('data-view'); + if (view) { + var xhr = getXHR(); + xhr.open('get', '/v/?views=' + encodeURIComponent(view)); + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + xhr.send(null); + } + }, + initSpoilers: function(text_el, active) { + var spoilers = ge('span.tg-spoiler', text_el); + if (spoilers.length) { + TPost.wrapSpoilers(spoilers); + TPost.wrapTextNodes(text_el); + addClass(text_el, 'decorated-text'); + } + TPost.hideSpoilers(text_el, active); + }, + wrapSpoilers: function(spoilers) { + gec(spoilers, function() { + this.className = 'tg-spoiler-text'; + var wrap = newEl('span', 'tg-spoiler'); + this.parentNode.insertBefore(wrap, this); + wrap.appendChild(this); + }); + }, + wrapTextNodes: function(el) { + gec(el.childNodes, function() { + if (this.nodeType == this.TEXT_NODE) { + var text = newEl('span', 'd-text'); + this.parentNode.insertBefore(text, this); + text.appendChild(this); + } else if (!this.classList.contains('tg-spoiler') && this.childNodes) { + TPost.wrapTextNodes(this); + } + }); + }, + hideSpoilers: function(text_el, active) { + var spoilers = ge('span.tg-spoiler', text_el); + if (spoilers.length) { + if (active) { + addClass(text_el, 'spoilers_active'); + addEvent(spoilers, 'click', TPost.eSpoilerShow); + } + addClass(text_el, 'spoilers_hidden'); + } + }, + eSpoilerShow: function(e) { + var text_el = gpeByClass(this, 'spoilers_hidden'); + if (!text_el) return false; + e.preventDefault(); + e.stopImmediatePropagation(); + addClass(text_el, 'spoilers_animate'); + removeClass(text_el, 'spoilers_hidden'); + var delay = 0; + gec('span.tg-spoiler', function() { + removeEvent(this, 'click', TPost.eSpoilerShow); + delay += this.innerText.length * 40; + }, text_el); + if (delay < 4000) delay = 4000; + if (delay > 45000) delay = 45000; + setTimeout(function() { + TPost.hideSpoilers(text_el, true); + }, delay); + } + }; + + var TPhoto = window.TPhoto = { + init: function(photoEl) { + photoEl = geById(photoEl); + if (!photoEl || photoEl.__inited) return; + photoEl.__inited = true; + var inGroup = hasClass(photoEl, 'grouped_media_wrap') + , opened + , overTo; + if (inGroup) { + addEvent(photoEl, 'click', function togglePhoto(e) { + if (e.metaKey || e.ctrlKey) return true; + e.stopPropagation(); + if (!photoEl) return true; + if (opened) { + opened = false; + removeClass(photoEl, 'active'); + overTo = setTimeout(function() { + removeClass(photoEl, 'over'); + }, 200); + } else { + opened = true; + clearTimeout(overTo); + addClass(photoEl, 'over active'); + } + e.preventDefault(); + return false; + }); + } + } + }; + + var TVideo = window.TVideo = { + init: function(playerEl) { + playerEl = geById(playerEl); + if (!playerEl || playerEl.__inited) return; + playerEl.__inited = true; + var videoEl = ge1('.js-message_video', playerEl) + , videoBluredEl = ge1('.js-message_video_blured', playerEl) + , playEl = ge1('.js-message_video_play', playerEl) + , durationEl = ge1('.js-message_video_duration', playerEl) + , inGroup = hasClass(playerEl, 'grouped_media_wrap') + , looped + , overTo; + if (!videoEl) return; + + looped = videoEl.hasAttribute('loop'); + if (inGroup) { + addEvent(playerEl, 'click', function videoToggleInGroup(e) { + if (e.metaKey || e.ctrlKey) return true; + if (hasClass(e.target, 'message_media_view_in_telegram')) return true; + e.stopPropagation(); + if (!playerEl) return true; + if (hasClass(playerEl, 'active')) { + removeClass(playerEl, 'active'); + overTo = setTimeout(function() { + removeClass(playerEl, 'over'); + }, 200); + } else { + clearTimeout(overTo); + addClass(playerEl, 'over active'); + } + e.preventDefault(); + return false; + }); + } + if (videoEl.hasAttribute('playsinline')) { + enableInlineVideo(videoEl); + if (videoBluredEl) { + enableInlineVideo(videoBluredEl); + } + } + if (videoBluredEl) { + videoBluredEl.muted = true; + } + function fixControls() { + if (videoEl.controls) videoEl.controls = false; + } + var MutationObserver = window.MutationObserver || window.WebKitMutationObserver; + if (MutationObserver) { + (new MutationObserver(fixControls)).observe(videoEl, {attributes: true}); + } + + checkVideo(videoEl, function() { + addClass(playerEl, 'not_supported'); + }); + addEvent(videoEl, 'play', function() { + fixControls(); + addClass(playerEl, 'playing'); + if (inGroup) { + clearTimeout(overTo); + addClass(playerEl, 'over active'); + } + if (videoBluredEl) { + videoBluredEl.currentTime = videoEl.currentTime; + if (!browser.mobile) { + videoBluredEl.play(); + } + } + if (!looped) { + triggerEvent(videoEl, 'tg:play', {bubbles: true}); + } + }); + addEvent(document, 'tg:play', function(e) { + if (e.target === videoEl || looped) return true; + if (!videoEl.paused) { + videoEl.pause(); + if (videoBluredEl) { + videoBluredEl.pause(); + } + } + }); + addEvent(videoEl, 'pause', function() { + fixControls(); + removeClass(playerEl, 'playing'); + if (inGroup) { + removeClass(playerEl, 'active'); + overTo = setTimeout(function() { + removeClass(playerEl, 'over'); + }, 200); + } + if (videoBluredEl) { + videoBluredEl.currentTime = videoEl.currentTime; + videoBluredEl.pause(); + } + if (looped) { + videoEl.play(); + } + }); + addEvent(videoEl, 'timeupdate', function(e) { + fixControls(); + if (videoBluredEl && videoBluredEl.currentTime != videoEl.currentTime) { + videoBluredEl.currentTime = videoEl.currentTime; + } + if (durationEl && videoEl.duration) { + var duration = Math.floor(videoEl.duration); + durationEl.innerHTML = formatDuration(duration - videoEl.currentTime); + } + }); + addEvent(videoEl, 'ended load', function(e) { + fixControls(); + if (durationEl && videoEl.duration) { + var duration = Math.floor(videoEl.duration); + durationEl.innerHTML = formatDuration(duration); + } + }); + if (looped) { + addEvent(document, 'touchstart', function(){ videoEl.play(); }); + } else { + addClass(playerEl, 'ready'); + } + if (playEl) { + addEvent(playEl, 'click', function toggleVideo(e) { + if (e.metaKey || e.ctrlKey) return true; + e.stopPropagation(); + if (!videoEl) return true; + if (videoEl.paused) { + videoEl.play(); + if (videoBluredEl) { + videoBluredEl.play(); + } + } else { + videoEl.pause(); + if (videoBluredEl) { + videoBluredEl.pause(); + } + } + e.preventDefault(); + return false; + }); + } + } + }; + + var TGrouped = window.TGrouped = { + init: function(groupedWrapEl) { + groupedWrapEl = geById(groupedWrapEl); + if (!groupedWrapEl || groupedWrapEl.__inited) return; + groupedWrapEl.__inited = true; + var groupedEl = ge1('.js-message_grouped', groupedWrapEl) + , groupedLayerEl = ge1('.js-message_grouped_layer', groupedEl) + , thumbsEl = groupedLayerEl.children + , margin_w = +groupedWrapEl.getAttribute('data-margin-w') || 2 + , margin_h = +groupedWrapEl.getAttribute('data-margin-h') || 2; + if (!thumbsEl.length) { + return false; + } + + addEvent(window, 'resize', function() { + if (groupedLayerEl.offsetWidth != groupedEl.offsetWidth) { + recalcGrouped(groupedWrapEl.offsetWidth); + } + }); + recalcGrouped(groupedWrapEl.offsetWidth); + + function updateThumb(thumbEl, x, y, width, height, th_width, th_height, position) { + if (!thumbEl) return; + var t = false, r = false, b = false, l = false; + for (var i = 0; i < position.length; i++) { + if (position[i] == 't') t = true; + else if (position[i] == 'r') r = true; + else if (position[i] == 'b') b = true; + else if (position[i] == 'l') l = true; + } + thumbEl.style.left = x + 'px'; + thumbEl.style.top = y + 'px'; + thumbEl.style.width = width + 'px'; + thumbEl.style.height = height + 'px'; + thumbEl.style.marginRight = (!r ? margin_w : 0) + 'px'; + thumbEl.style.marginBottom = (!b ? margin_h : 0) + 'px'; + + var th_ratio = th_width / th_height; + var ratio = +thumbEl.getAttribute('data-ratio') || 1.0; + var mediaEl = ge1('.grouped_media', thumbEl); + var helperEl = ge1('.grouped_media_helper', thumbEl); + + if (mediaEl) { + var media_height = Math.ceil(width / ratio); + var media_tb = height - media_height; + if (media_tb < 0) { + var media_t = Math.floor(media_tb / 2); + var media_b = media_tb - media_t; + mediaEl.style.left = 0; + mediaEl.style.right = 0; + mediaEl.style.top = media_t + 'px'; + mediaEl.style.bottom = media_b + 'px'; + } else { + var media_width = Math.ceil(height * ratio); + var media_lr = width - media_width; + var media_l = Math.floor(media_lr / 2); + var media_r = media_lr - media_l; + mediaEl.style.top = 0; + mediaEl.style.bottom = 0; + mediaEl.style.left = media_l + 'px'; + mediaEl.style.right = media_r + 'px'; + } + } + if (helperEl) { + var helper_height = Math.floor(th_width / ratio); + var helper_tb = th_height - helper_height; + if (helper_tb > 0) { + var helper_t = Math.floor(helper_tb / 2); + var helper_b = helper_tb - helper_t; + helperEl.style.left = 0; + helperEl.style.right = 0; + helperEl.style.top = helper_t + 'px'; + helperEl.style.bottom = helper_b + 'px'; + } else { + var helper_width = Math.ceil(th_height * ratio); + var helper_lr = th_width - helper_width; + var helper_l = Math.floor(helper_lr / 2); + var helper_r = helper_lr - helper_l; + helperEl.style.top = 0; + helperEl.style.bottom = 0; + helperEl.style.left = helper_l + 'px'; + helperEl.style.right = helper_r + 'px'; + } + } + } + + function recalcGrouped(max_w) { + var orients = ''; + var ratios = []; + var cnt = thumbsEl.length; + + var ratios_sum = 0; + for (var i = 0; i < thumbsEl.length; i++) { + var thumbEl = thumbsEl[i]; + var ratio = +thumbEl.getAttribute('data-ratio') || 1.0; + orients += ratio > 1.2 ? 'w' : (ratio < 0.8 ? 'n' : 'q'); + ratios_sum += ratio; + ratios.push(ratio); + } + + var avg_ratio = ratios.length ? ratios_sum / ratios.length : 1.0; + var max_ratio = 0.75; + var min_w = 75; + var max_h = max_w / max_ratio; + + var w, h, w0, w1, w2, h0, h1, h2, x, y, x1, x2, y1, y2, + th_width, th_height; + + if (cnt == 2) { + if (orients == 'ww' && + avg_ratio > 1.4 * max_ratio && + (ratios[1] - ratios[0]) < 0.2) { + // 2 wide pics are one below the other + w = max_w; + h = Math.min(w / ratios[0], Math.min(w / ratios[1], (max_h - margin_h) / 2.0)); + th_width = max_w; + th_height = 2 * h + margin_h; + h0 = Math.floor(h); + h1 = th_height - h0 - margin_h; + y = h0 + margin_h; + updateThumb(thumbsEl[0], 0, 0, w, h0, th_width, th_height, 'trl'); + updateThumb(thumbsEl[1], 0, y, w, h1, th_width, th_height, 'rbl'); + } + else if (orients == 'ww' || orients == 'qq') { + // 2 equal width pics + w = (max_w - margin_w) / 2; + h = Math.floor(Math.min(max_h, Math.min(w / ratios[0], w / ratios[1]))); + th_width = max_w; + th_height = h; + w0 = Math.floor(w); + w1 = max_w - w0 - margin_w; + x = w0 + margin_w; + updateThumb(thumbsEl[0], 0, 0, w0, h, th_width, th_height, 'tbl'); + updateThumb(thumbsEl[1], x, 0, w1, h, th_width, th_height, 'trb'); + } + else { + // so, we have one wide and one not wide (square or narrow) + w0 = Math.floor((max_w - margin_w) / ratios[1] / (1 / ratios[0] + 1 / ratios[1])); + w1 = max_w - w0 - margin_w; + h = Math.floor(Math.min(max_h, Math.min(w0 / ratios[0], w1 / ratios[1]))); + th_width = max_w; + th_height = h; + x = w0 + margin_w; + updateThumb(thumbsEl[0], 0, 0, w0, h, th_width, th_height, 'tbl'); + updateThumb(thumbsEl[1], x, 0, w1, h, th_width, th_height, 'trb'); + } + } + else if (cnt == 3) { + if (orients[0] == 'n') { + // 2nd and 3rd photos are on the right part + h0 = max_h; + h2 = Math.floor(Math.min((max_h - margin_h) * 0.5, ratios[1] * (max_h - margin_h) / (ratios[2] + ratios[1]))); + h1 = max_h - h2 - margin_h; + w1 = Math.floor(Math.max(min_w, Math.min((max_w - margin_w) * 0.5, Math.min(h2 * ratios[2], h1 * ratios[1])))); + w0 = Math.min(Math.floor(h0 * ratios[0]), (max_w - w1 - margin_w)); + th_width = w0 + w1 + margin_w; + th_height = max_h; + x = w0 + margin_w; + y = h1 + margin_h; + updateThumb(thumbsEl[0], 0, 0, w0, h0, th_width, th_height, 'tbl'); + updateThumb(thumbsEl[1], x, 0, w1, h1, th_width, th_height, 'tr'); + updateThumb(thumbsEl[2], x, y, w1, h2, th_width, th_height, 'rb'); + } + else { + // 2nd and 3rd photos are on the next line + w0 = max_w; + h0 = Math.floor(Math.min(w0 / ratios[0], (max_h - margin_h) * 0.66)); + w = (max_w - margin_w) / 2; + h = Math.floor(Math.min(max_h - h0 - margin_h, Math.min(w / ratios[1], w / ratios[2]))); + th_width = max_w; + th_height = h0 + h + margin_h; + w1 = Math.floor(w); + w2 = max_w - w1 - margin_w; + x = w1 + margin_w; + y = h0 + margin_h; + updateThumb(thumbsEl[0], 0, 0, w0, h0, th_width, th_height, 'tlr'); + updateThumb(thumbsEl[1], 0, y, w1, h, th_width, th_height, 'bl'); + updateThumb(thumbsEl[2], x, y, w2, h, th_width, th_height, 'rb'); + } + } + else if (cnt == 4) { + if (orients == 'wwww' || orients[0] == 'w') { + // 2nd, 3rd and 4th photos are on the next line + w = max_w; + h0 = Math.floor(Math.min(w / ratios[0], (max_h - margin_h) * 0.66)); + h = (max_w - 2 * margin_w) / (ratios[1] + ratios[2] + ratios[3]); + w0 = Math.floor(Math.max(min_w, Math.min((max_w - 2 * margin_w) * 0.4, h * ratios[1]))); + w2 = Math.floor(Math.max(min_w, Math.min((max_w - 2 * margin_w) * 0.33, h * ratios[3]))); + w1 = w - w0 - w2 - 2 * margin_w; + h = Math.floor(Math.min(max_h - h0 - margin_h, h)); + th_width = max_w; + th_height = h0 + h + margin_h; + y = h0 + margin_h; + x1 = w0 + margin_w; + x2 = x1 + w1 + margin_w; + updateThumb(thumbsEl[0], 0, 0, w, h0, th_width, th_height, 'tlr'); + updateThumb(thumbsEl[1], 0, y, w0, h, th_width, th_height, 'bl'); + updateThumb(thumbsEl[2], x1, y, w1, h, th_width, th_height, 'b'); + updateThumb(thumbsEl[3], x2, y, w2, h, th_width, th_height, 'rb'); + } + else { + // 2nd, 3rd and 4th photos are on the right part + h = max_h; + w0 = Math.floor(Math.min(h * ratios[0], (max_w - margin_w) * 0.66)); + w = Math.floor((max_h - 2 * margin_h) / (1 / ratios[1] + 1 / ratios[2] + 1 / ratios[3])); + h0 = Math.floor(w / ratios[1]); + h2 = Math.floor(w / ratios[3]); + h1 = h - h0 - h2 - 2 * margin_h; + w = Math.max(min_w, Math.min(max_w - w0 - margin_w, w)); + th_width = w0 + w + margin_w; + th_height = max_h; + x = w0 + margin_w; + y1 = h0 + margin_h; + y2 = y1 + h1 + margin_h; + updateThumb(thumbsEl[0], 0, 0, w0, h, th_width, th_height, 'tbl'); + updateThumb(thumbsEl[1], x, 0, w, h0, th_width, th_height, 'tr'); + updateThumb(thumbsEl[2], x, y1, w, h1, th_width, th_height, 'r'); + updateThumb(thumbsEl[3], x, y2, w, h2, th_width, th_height, 'rb'); + } + } + else { + var ratios_cropped = []; + for (var i = 0; i < ratios.length; i++) { + var ratio = ratios[i]; + if (avg_ratio > 1.1) { + ratio_cropped = Math.max(1.0, ratio); + } else { + ratio_cropped = Math.min(1.0, ratio); + } + ratio_cropped = Math.max(0.66667, Math.min(1.7, ratio_cropped)); + ratios_cropped.push(ratio_cropped); + } + + var multiHeight = function(ratios) { + var ratios_sum = 0; + for (var i = 0; i < ratios.length; i++) { + var ratio = ratios[i]; + ratios_sum += ratio; + } + return (max_w - (ratios.length - 1) * margin_w) / ratios_sum; + }; + + var tries = []; + var first_line, second_line, third_line, fourth_line; + // Two lines + for (first_line = 1; first_line <= cnt - 1; first_line++) { + second_line = cnt - first_line; + if (first_line > 3 || + second_line > 3) { + continue; + } + tries.push([[first_line, second_line], [ + multiHeight(ratios_cropped.slice(0, first_line)), + multiHeight(ratios_cropped.slice(first_line)), + ]]); + } + + // Three lines + for (first_line = 1; first_line <= cnt - 2; first_line++) { + for (second_line = 1; second_line <= cnt - first_line - 1; second_line++) { + third_line = cnt - first_line - second_line; + if (first_line > 3 || + second_line > (avg_ratio < 0.85 ? 4 : 3) || + third_line > 3) { + continue; + } + tries.push([[first_line, second_line, third_line], [ + multiHeight(ratios_cropped.slice(0, first_line)), + multiHeight(ratios_cropped.slice(first_line, first_line + second_line)), + multiHeight(ratios_cropped.slice(first_line + second_line)), + ]]); + } + } + + // Four lines + for (first_line = 1; first_line <= cnt - 3; first_line++) { + for (second_line = 1; second_line <= cnt - first_line - 2; second_line++) { + for (third_line = 1; third_line <= cnt - first_line - second_line - 1; third_line++) { + fourth_line = cnt - first_line - second_line - third_line; + if (first_line > 3 || + second_line > 3 || + third_line > 3 || + fourth_line > 3) { + continue; + } + tries.push([[first_line, second_line, third_line, fourth_line], [ + multiHeight(ratios_cropped.slice(0, first_line)), + multiHeight(ratios_cropped.slice(first_line, first_line + second_line)), + multiHeight(ratios_cropped.slice(first_line + second_line, first_line + second_line + third_line)), + multiHeight(ratios_cropped.slice(first_line + second_line + third_line)), + ]]); + } + } + } + + // Looking for minimum difference between thumbs block height and max_h (may probably be little over) + var opt_i = false; + var opt_conf = false; + var opt_diff = false; + var opt_h = false; + for (var i = 0; i < tries.length; i++) { + var conf_nums = tries[i][0]; + var heights = tries[i][1]; + var heights_sum = 0; + var heights_min = Infinity; + for (var j = 0; j < heights.length; j++) { + heights_sum += heights[j]; + if (heights_min > heights[j]) { + heights_min = heights[j]; + } + } + var conf_h = Math.floor(heights_sum + margin_h * (heights.length - 1)); + var conf_diff = Math.abs(conf_h - max_h); + if (conf_nums.length > 1) { + if (conf_nums[0] > conf_nums[1] || + conf_nums[2] && conf_nums[1] > conf_nums[2] || + conf_nums[3] && conf_nums[2] > conf_nums[3]) { + conf_diff *= 1.5; + } + } + if (heights_min < min_w) { + conf_diff *= 1.5; + } + if (opt_conf === false || conf_diff < opt_diff) { + opt_i = i; + opt_conf = cloneArr(conf_nums); + opt_diff = conf_diff; + opt_h = conf_h; + } + } + + // Generating optimal thumbs + th_width = max_w; + th_height = opt_h; + var thumbs_remain = cloneArr(thumbsEl); + var ratios_remain = cloneArr(ratios_cropped); + var chunks = cloneArr(opt_conf); + var opt_heights = cloneArr(tries[opt_i][1]); + var chunks_num = chunks.length; + var last_row = chunks_num - 1; + var sy = 0; + for (var i = 0; i < chunks.length; i++) { + var line_chunks_num = chunks[i]; + var line_thumbs = thumbs_remain.splice(0, line_chunks_num); + var line_height = opt_heights.shift(); + var last_column = line_thumbs.length - 1; + var h = Math.floor(line_height); + var sx = 0; + var t = '', r = '', b = '', l = ''; + if (i == 0) { + t = 't'; + } + if (i == last_row) { + b = 'b'; + h = th_height - sy; + } + for (var j = 0; j < line_thumbs.length; j++) { + var thumbEl = line_thumbs[j]; + var thumb_ratio = ratios_remain.shift(); + var w = Math.floor(thumb_ratio * h); + if (j == 0) { + l = 'l'; + } + if (j == last_column) { + r = 'r'; + w = th_width - sx; + } + updateThumb(thumbEl, sx, sy, w, h, th_width, th_height, t+r+b+l); + sx += w + margin_w; + } + sy += h + margin_h; + } + } + + groupedEl.style.paddingTop = (th_height / th_width * 100) + '%'; + groupedLayerEl.style.width = th_width + 'px'; + groupedLayerEl.style.height = th_height + 'px'; + } + } + }; + + var TRoundVideo = window.TRoundVideo = { + init: function(playerEl) { + playerEl = geById(playerEl); + if (!playerEl || playerEl.__inited) return; + playerEl.__inited = true; + var videoEl = ge1('.js-message_roundvideo', playerEl) + , playEl = ge1('.js-message_roundvideo_play', playerEl) + , progressEl = ge1('.js-message_roundvideo_progress', playerEl) + , durationEl = ge1('.js-message_roundvideo_duration', playerEl) + , playing = false; + if (!videoEl) return; + + function autoplay() { + if (!videoEl) return; + removeEvent(document, 'touchstart', autoplay); + removeClass(playerEl, 'playing'); + playing = false; + videoEl.muted = true; + videoEl.loop = true; + videoEl.currentTime = 0; + play(); + showProgress(); + } + function showProgress() { + if (!videoEl) return; + if (playing && !videoEl.paused) { + requestAnimationFrame(function(){ showProgress(); }); + } + redrawProgress(); + if (videoEl.duration) { + var duration = Math.floor(videoEl.duration); + durationEl.innerHTML = formatDuration(duration - videoEl.currentTime); + } + } + function redrawProgress(updateSVG) { + if (!videoEl) return; + var progress; + if (playing) { + progress = videoEl.currentTime / videoEl.duration; + } else { + progress = 0; + } + progress = Math.max(0, Math.min(progress, 1)); + var wrapWidth = playerEl.offsetWidth; + if (wrapWidth) { + var rd = progressEl.getAttribute('data-rd') || 3; + var d = (wrapWidth - rd); + var l = (d * Math.PI); + progressEl.setAttribute('r', (d / 2)); + progressEl.setAttribute('stroke-dasharray', l); + progressEl.setAttribute('stroke-dashoffset', l * (1 - progress)); + if (updateSVG) { + progressEl.style.transform = !progressEl.style.transform ? 'rotateZ(270deg)' : ''; + } + } + } + function play() { + if (!videoEl) return; + var video = videoEl; + var isPlaying = (video.currentTime > 0) && + !video.paused && + !video.ended && + (video.readyState > 2); + if (!isPlaying) { + video.play(); + if (playing) { + triggerEvent(videoEl, 'tg:play', {bubbles: true}); + } + } + } + addEvent(document, 'tg:play', function(e) { + if (e.target === videoEl || !playing) return true; + if (videoEl.paused) { + play(); + showProgress(); + } else { + autoplay(); + } + }); + function pause() { + if (!videoEl) return; + videoEl.pause(); + } + function toggle(e) { + e.stopPropagation(); + if (!playing) { + redrawProgress(); + addClass(playerEl, 'playing'); + playing = true; + videoEl.muted = false; + videoEl.loop = false; + videoEl.currentTime = 0; + play(); + showProgress(); + } else { + if (videoEl.paused) { + play(); + showProgress(); + } else { + pause(); + } + } + } + + enableInlineVideo(videoEl); + + checkVideo(videoEl, function() { + addClass(playerEl, 'not_supported'); + }); + autoplay(); + addEvent(document, 'touchstart', autoplay); + addEvent(videoEl, 'ended', function() { + autoplay(); + }); + addEvent(window, 'resize', function() { + redrawProgress(true) + }); + if (playEl) { + addEvent(playEl, 'click', toggle); + } + } + }; + + var TVoice = window.TVoice = { + init: function(playerEl) { + playerEl = geById(playerEl); + if (!playerEl || playerEl.__inited) return; + playerEl.__inited = true; + var audioEl = ge1('.js-message_voice', playerEl) + , durationEl = ge1('.js-message_voice_duration', playerEl) + , progressEl = ge1('.js-message_voice_progress', playerEl) + , progressWrapEl = ge1('.js-message_voice_progress_wrap', playerEl) + , player = null + , isOGG = audioEl.hasAttribute('data-ogg') + , seekTo = null + , seeking = false + , disableClick = false; + if (!audioEl) return; + + function initPlayer() { + addClass(playerEl, 'ready'); + addEvent(player, 'play', function() { + addClass(playerEl, 'playing'); + triggerEvent(playerEl, 'tg:play', {bubbles: true}); + }); + addEvent(player, 'pause', function() { + removeClass(playerEl, 'playing'); + }); + addEvent(player, 'ended', function() { + player.currentTime = 0; + showProgress(); + }); + addEvent(player, 'loadedmetadata', function() { + showProgress(); + }); + addEvent(playerEl, 'click', toggle); + addEvent(progressWrapEl, 'mousedown touchstart', seekStart); + addEvent(document, 'tg:play', stop); + } + function toggle(e) { + e.stopPropagation(); + if (!disableClick) { + if (!player) return true; + if (player.paused) { + player.play(); + showProgress(); + } else { + player.pause(); + showProgress(); + } + } else { + disableClick = false; + } + e.preventDefault(); + return false; + } + function stop(e) { + if (e.target === playerEl || !player) return true; + if (!player.paused) { + player.pause(); + showProgress(); + } + return false; + } + function seekStart(e) { + if (player && + player.duration !== Infinity && + (!player.paused || + player.currentTime > 0 && player.currentTime < player.duration)) { + e.preventDefault(); + seeking = true; + disableClick = false; + player.pause(); + addEvent(document, 'mousemove touchmove', seek); + addEvent(document, 'mouseup mouseleave touchend touchcancel', seekEnd); + seek(e); + } + } + function seek(e) { + if (!seeking) return; + var px = e.pageX; + var op = progressWrapEl; + var x = op.offsetLeft; + var w = op.offsetWidth; + while (op = op.offsetParent) { + x += op.offsetLeft; + } + var ct = Math.max(0, Math.min(px - x, w)) / w; + seekTo = ct; + showProgress(); + } + function seekEnd(e) { + if (!seeking) return; + seek(e); + var duration = Math.floor(player.duration); + player.currentTime = seekTo * duration; + seekTo = null; + seeking = false; + if (e.type.substr(0, 5) == 'mouse') { + disableClick = true; + } + player.play(); + showProgress(); + removeEvent(document, 'mousemove touchmove', seek); + removeEvent(document, 'mouseup touchend', seekEnd); + } + function showProgress() { + if (!player) return; + if (!player.paused) { + requestAnimationFrame(function(){ showProgress(); }); + } + if (player.duration && player.duration !== Infinity) { + var duration = Math.floor(player.duration); + if (seeking) { + var currentTime = seekTo * duration; + } else { + var currentTime = Math.max(0, player.currentTime); + } + if (progressEl) { + progressEl.style.width = Math.min(100, currentTime / duration * 100) + '%'; + } + if (durationEl) { + durationEl.innerHTML = formatDuration(duration - currentTime); + } + } + } + function redrawProgress() { + if (!audioEl) return; + var ss = progressWrapEl.getElementsByTagName('S'); + var ss_count = ss.length / 2; + var waveform_str = audioEl.getAttribute('data-waveform') || ''; + var waveform = waveform_str.split(','); + var lines_cnt = Math.floor((progressWrapEl.offsetWidth + 2) / 6); + var p = waveform.length / lines_cnt; + var values = []; + var max_value = 0; + for (var i = 0; i < lines_cnt; i++) { + var ws = i * p; + var we = ws + p; + var wsi = Math.floor(ws); + var wei = Math.floor(we); + if (wsi == wei) { + var value = waveform[wsi] * (we - ws); + } else { + var value = 0; + for (var j = wsi; j <= wei; j++) { + var wv = +waveform[j] || 0; + if (j == wsi) { + value += wv * (j + 1 - ws); + } else if (j == wei) { + value += wv * (we - j); + } else { + value += wv; + } + } + } + value = value / p; + max_value = Math.max(value, max_value); + values.push(value); + } + for (var i = 0; i < ss.length; i++) { + var li = i % ss_count; + if (li < lines_cnt) { + var height = (values[li] / max_value) * 100; + ss[i].style.height = height + '%'; + ss[i].style.display = ''; + } else { + ss[i].style.display = 'none'; + } + } + } + + loadLib(TBaseUrl + 'js/ogvjs/ogv-support.js', function(success) { + if (!success) return; + if (isOGG && + OGVCompat.hasWebAudio() && + OGVCompat.supported('OGVPlayer')) { + loadLib(TBaseUrl + 'js/ogvjs/ogv.js', function(success) { + if (!success) return; + player = new OGVPlayer(); + player.src = audioEl.src; + initPlayer(); + }); + } else { + player = audioEl; + initPlayer(); + } + }); + addEvent(window, 'resize', function(){ redrawProgress() }); + redrawProgress(); + } + }; + + var TSticker = window.TSticker = { + init: proccessWebpImage + }; + + window.TWidgetPost = { + init: function(options) { + if (!doesSupportEmoji()) { + removeClass(document.body, 'emoji_default'); + addClass(document.body, 'emoji_image'); + } + options = options || {}; + TWidgetPost.options = options; + + gec('.js-widget_message', function() { + TPost.init(this, {tgs_workers_limit: 1}); + addEvent(ge('.js-poll_option', this), 'click', TWidgetPost.eSelectPollOption); + addEvent(ge('.js-poll_vote_btn', this), 'click', TWidgetPost.eSendVotes); + }); + initWidgetFrame({ + auto_height: true, + onVisible: function() { + gec('.js-widget_message', function() { + TPost.view(this); + }); + } + }); + addEvent(window, 'tg:optionschange', TWidgetPost.onOptionsChange); + }, + onOptionsChange: function(e) { + var new_options = e.detail, transition_off = false; + if (typeof new_options.dark !== undefined) { + transition_off = true; + addClass(document.body, 'no_transitions'); + toggleClass(document.body, 'dark', !!new_options.dark); + toggleClass(document.body, 'nodark', !new_options.dark); + } + if (transition_off) { + setTimeout(function() { + removeClass(document.body, 'no_transitions'); + }, 100); + } + }, + eSelectPollOption: function(e) { + e.preventDefault(); + if (!TWidgetAuth.isLoggedIn()) { + return TWidgetAuth.logIn(); + } + var poll_el = gpeByClass(this, 'js-poll'); + if (!poll_el) { + return false; + } + toggleClass(this, 'selected'); + toggleClass(poll_el, 'selected', ge('.js-poll_option.selected', poll_el).length > 0); + if (!hasClass(poll_el, 'multiple')) { + TWidgetPost.sendPollVote(poll_el, this); + } + }, + eSendVotes: function(e) { + e.preventDefault(); + if (!TWidgetAuth.isLoggedIn()) { + return TWidgetAuth.logIn(); + } + var poll_el = gpeByClass(this, 'js-poll'); + if (!poll_el) { + return false; + } + TWidgetPost.sendPollVote(poll_el, this); + }, + sendPollVote: function(poll_el, option_el) { + if (!poll_el || hasClass(poll_el, 'sending')) { + return false; + } + var option_els = ge('.js-poll_option.selected', poll_el); + var options = TWidgetPost.options || {}; + var post_el = gpeByClass(option_el, 'js-widget_message'); + if (!post_el) { + return false; + } + var peer = getAttr(post_el, 'data-peer'); + var peer_hash = getAttr(post_el, 'data-peer-hash'); + var post_id = getAttr(post_el, 'data-post-id'); + if (!peer || !peer_hash || !post_id) { + return false; + } + var poll_options = []; + gec(option_els, function() { + poll_options.push(getAttr(this, 'data-value')); + }); + removeClass(poll_el, 'selected'); + addClass(poll_el, 'sending'); + apiRequest('sendVote', { + peer: peer, + peer_hash: peer_hash, + post_id: post_id, + options: poll_options.join(';') + }, function(err, result) { + removeClass(poll_el, 'sending'); + if (result.media_html) { + var media_wrap = newEl('div', '', result.media_html); + var media_html = getHtml('.js-poll', media_wrap); + setHtml(poll_el, media_html); + addEvent(ge('.js-poll_option', poll_el), 'click', TWidgetPost.eSelectPollOption); + addEvent(ge('.js-poll_vote_btn', poll_el), 'click', TWidgetPost.eSendVotes); + } + toggleClass(poll_el, 'selected', ge('.js-poll_option.selected', poll_el).length > 0); + }); + } + }; + + var TWidgetLogin = { + init: function(id, bot_id, params, init_auth, lang) { + initWidgetFrame({ + auto_height: true, + auto_width: true + }); + TWidgetLogin.widgetEl = document.getElementById(id); + TWidgetLogin.botId = bot_id; + TWidgetLogin.params = params; + TWidgetLogin.lang = lang; + var params_encoded = '', params_arr = []; + for (var k in params) { + params_arr.push(encodeURIComponent(k) + '=' + encodeURIComponent(params[k])); + } + TWidgetLogin.paramsEncoded = params_arr.join('&'); + if (init_auth) { + TWidgetLogin.getAuth(true); + } + addEvent(window, 'message', function (event) { + try { + var data = JSON.parse(event.data); + } catch(e) { + var data = {}; + } + if (event.source !== TWidgetLogin.activePopup) return; + if (data.event == 'auth_result') { + TWidgetLogin.onAuth(data.origin, data.result); + } + }); + }, + auth: function() { + var width = 550; + var height = 470; + var left = Math.max(0, (screen.width - width) / 2) + (screen.availLeft | 0), + top = Math.max(0, (screen.height - height) / 2) + (screen.availTop | 0); + function checkClose() { + if (!TWidgetLogin.activePopup || TWidgetLogin.activePopup.closed) { + return TWidgetLogin.onClose(); + } + setTimeout(checkClose, 100); + } + TWidgetLogin.activePopup = window.open('/auth?bot_id=' + TWidgetLogin.botId + (TWidgetLogin.paramsEncoded ? '&' + TWidgetLogin.paramsEncoded : ''), 'telegram_oauth', 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',status=0,location=0,menubar=0,toolbar=0'); + TWidgetLogin.authFinished = false; + if (TWidgetLogin.activePopup) { + TWidgetLogin.activePopup.focus(); + checkClose(); + } + }, + getAuth: function(init) { + var xhr = getXHR(); + xhr.open('POST', '/auth/get?bot_id=' + TWidgetLogin.botId + (TWidgetLogin.lang ? '&lang=' + encodeURIComponent(TWidgetLogin.lang) : '')); + xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8'); + xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest'); + xhr.onreadystatechange = function() { + if (xhr.readyState == 4) { + if (typeof xhr.responseBody == 'undefined' && xhr.responseText) { + try { + var result = JSON.parse(xhr.responseText); + } catch(e) { + var result = {}; + } + if (result.html && TWidgetLogin.widgetEl.innerHTML != result.html) { + TWidgetLogin.widgetEl.innerHTML = result.html; + } + if (result.user) { + TWidgetLogin.onAuth(result.origin, result.user, init); + } else { + TWidgetLogin.onAuth(result.origin, false, init); + } + } else { + TWidgetLogin.onAuth('*', false, init); + } + } + }; + xhr.onerror = function() { + TWidgetLogin.onAuth('*', false, init); + }; + xhr.withCredentials = true; + xhr.send(TWidgetLogin.paramsEncoded); + }, + onAuth: function(origin, authData, init) { + if (TWidgetLogin.authFinished) return; + if (authData) { + var data = {event: 'auth_user', auth_data: authData}; + } else { + var data = {event: 'unauthorized'}; + } + if (init) { + data.init = true; + } + PostMessage.send(data, origin); + TWidgetLogin.authFinished = true; + }, + onClose: function() { + TWidgetLogin.getAuth(); + } + }; + window.TWidgetLogin = TWidgetLogin; + + var TStats = { + init: function () { + if (!doesSupportEmoji()) { + removeClass(document.body, 'emoji_default'); + addClass(document.body, 'emoji_image'); + } + gec('.js-sticker_thumb', function() { + TSticker.init(this); + }); + } + } + window.TStats = TStats; + + window.TWidget = { + initFrame: initWidgetFrame + }; + +})(); \ No newline at end of file